/*
 Theme Name: Woodmart Child
 Template: woodmart
*/

/* Override Repair demo yellow colors to red */
:root {
    --wd-primary-color: #a7383f !important;
    --wd-link-color: #a7383f !important;
    --wd-btn-color: #a7383f !important;
}

.btn-color-primary,
.wd-action-btn.wd-style-text:hover,
a:hover,
.wd-nav .wd-nav-link:hover,
.color-primary {
    color: #a7383f !important;
}

.btn-color-primary,
.wd-btn-primary,
.wd-action-btn.wd-style-icon:hover .wd-tools-count,
.bg-color-primary,
.whb-header .wd-tools-element > a.wd-fill,
input[type="submit"],
button[type="submit"] {
    background-color: #a7383f !important;
}

.wd-header-text-area a.btn {
    background-color: #a7383f !important;
    border-color: #a7383f !important;
}

.whb-header .wd-header-btn a {
    background-color: #a7383f !important;
    border-color: #a7383f !important;
}

/* Force header button red */
.whb-header .wd-header-btn a,
.whb-header .wd-header-btn a:hover,
.whb-header a.btn,
.whb-header a.btn:hover,
.wd-header-btn .btn,
.whb-row .wd-header-btn a {
    background-color: #a7383f !important;
    border-color: #a7383f !important;
    color: #fff !important;
}

/* Woodmart generated primary overrides */
.wd-entities-title a:hover,
.wd-nav-product-cat li a:hover,
.website-wrapper .color-primary,
.wd-sidebar a:hover {
    color: #a7383f !important;
}



/* Button radius */
.wp-block-button__link,
.btn,
.wd-btn,
input[type="submit"],
button[type="submit"] {
    border-radius: 35px !important;
}

/* Hero slideshow - rotate background images */
.page-id-20016 > .entry-content > .wp-block-cover:first-child {
    animation: heroSlide 20s infinite;
}
@keyframes heroSlide {
    0%, 20% { background-image: url('/wp-content/uploads/2016/11/portada03.jpg'); }
    25%, 45% { background-image: url('/wp-content/uploads/2016/11/portada09.jpg'); }
    50%, 70% { background-image: url('/wp-content/uploads/2016/11/portada01.jpg'); }
    75%, 95% { background-image: url('/wp-content/uploads/2016/11/portada02.jpg'); }
    100% { background-image: url('/wp-content/uploads/2016/11/portada03.jpg'); }
}

/* All primary buttons: white text */
.btn-color-primary span,
.btn-color-primary,
.wp-block-wd-button.btn-color-primary,
.wp-block-wd-button.btn-color-primary span {
    color: #ffffff !important;
}

/* Menu bar full width */
@media (min-width: 1025px) {
    
    .whb-general-header {
        max-width: 100% !important;
    }
    .whb-general-header .whb-flex-row {
        max-width: 100% !important;
    }
}

/* Hero full width */
.page-id-20016 .entry-content > .wp-block-cover:first-of-type {
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: calc(-50vw + 50%) !important;
    margin-right: calc(-50vw + 50%) !important;
}

/* Spacing after hero before "Qué ofrecemos" */
.page-id-20016 .entry-content > .wp-block-cover:first-of-type + .wp-block-wd-menu-anchor,
.page-id-20016 .entry-content > .wp-block-cover:first-of-type + .wp-block-wd-section,
.page-id-20016 .entry-content > .wp-block-cover:first-of-type + * {
    margin-top: 60px !important;
}

/* Blog grid: same height images */
.post-thumb img,
.wd-post-thumb img,
.blog-post-loop .post-image-wrapper img {
    height: 220px !important;
    object-fit: cover !important;
    width: 100% !important;
}

/* Hide WooCommerce header elements (wishlist, compare, account) */
.wd-header-wishlist,
.wd-header-compare,
.wd-header-my-account,
.whb-wishlist-element,
.whb-compare-element,
.whb-account-element {
    display: none !important;
}

/* Hide Google Maps "Open in Maps" English link */
.gm-style a[href*="maps.google"] {
    display: none !important;
}

/* Mobile: optimize Qué ofrecemos images */
@media (max-width: 768px) {
    .wp-block-wd-image img {
        max-height: 300px;
        object-fit: cover;
    }
}

/* Top bar styling */
.whb-top-bar .whb-flex-row {
    min-height: 35px !important;
}

/* TranslatePress switcher in top bar - flags only small */
.whb-top-bar .trp-language-switcher-container {
    display: inline-block;
}
.whb-top-bar .trp-language-switcher .trp-ls-shortcode-current-language {
    padding: 2px 8px !important;
    font-size: 12px !important;
}

/* Hide floating language switcher - only show in top bar */
.trp-floater-ls-container,
#trp-floater-ls {
    display: none !important;
}

/* Clean header layout: topbar full width + logo+menu same row */
@media (min-width: 1025px) {
    .whb-general-header .whb-column.whb-col-center {
        background: transparent !important;
        border-top: none !important;
        padding: 0 !important;
        margin: 0 !important;
        width: auto !important;
        max-width: none !important;
        flex: 1 1 auto !important;
        order: unset !important;
    }
    .whb-general-header .whb-flex-row {
        flex-wrap: nowrap !important;
    }
}

/* Top bar: ensure full width and visible */
.whb-top-bar {
    width: 100% !important;
}
.whb-top-bar .whb-flex-row {
    padding: 0 15px !important;
}

/* Language switcher: flags only, no text, aligned right */
.whb-top-bar .trp-language-switcher .trp-ls-shortcode-current-language .trp-ls-shortcode-language,
.whb-top-bar .trp-language-switcher .trp-ls-shortcode-language {
    font-size: 0 !important;
}
.whb-top-bar .trp-language-switcher .trp-ls-shortcode-language img {
    margin: 0 !important;
}
.whb-top-bar .trp-language-switcher {
    text-align: right;
}

/* Force language switcher to show ONLY flags - hide ALL text */
.trp-language-switcher .trp-ls-shortcode-current-language .trp-ls-shortcode-language,
.trp-language-switcher .trp-ls-shortcode-language,
.trp-language-switcher .trp-ls-shortcode-current-language > a,
.trp-language-switcher-container .trp-ls-shortcode-language {
    font-size: 0 !important;
    line-height: 0 !important;
}
.trp-language-switcher .trp-ls-shortcode-language img,
.trp-language-switcher-container img {
    width: 20px !important;
    height: 15px !important;
    display: inline-block !important;
    font-size: 0 !important;
}
.trp-language-switcher .trp-ls-shortcode-current-language > a {
    display: flex !important;
    align-items: center !important;
    gap: 0 !important;
    padding: 4px 8px !important;
}
.trp-language-switcher .trp-ls-shortcode-current-language > a::after {
    font-size: 10px !important;
    margin-left: 4px !important;
}

/* Ensure top bar is fully visible */
.whb-header {
    margin-top: 0 !important;
    padding-top: 0 !important;
}
body {
    padding-top: 0 !important;
}

/* TranslatePress v3: flags only - hide language names */
.trp-language-item-name {
    display: none !important;
}
.trp-language-switcher .trp-flag-image {
    width: 22px !important;
    height: 16px !important;
}
.trp-language-item {
    padding: 4px 6px !important;
}
.trp-shortcode-arrow {
    font-size: 8px !important;
    margin-left: 2px !important;
}
/* Hide floating switcher */
.trp-floating-switcher {
    display: none !important;
}

/* Top bar right column: push language to far right */
.whb-top-bar .whb-col-right,
.whb-top-bar .whb-column:last-of-type.whb-visible-lg {
    justify-content: flex-end !important;
    text-align: right !important;
}
.whb-top-bar .whb-col-left {
    flex: 1 !important;
}
.whb-top-bar .whb-col-right {
    flex: 0 0 auto !important;
}