/**
 * Theme Name: Cosmetsy Child
 * Description: This is a child theme of Cosmetsy, generated by Merlin WP.
 * Author: KlbTheme (Sinan ISIK)
 * Template: cosmetsy
 * Version: 1.9.9
 */

/* ============================================================
   FOOTER
   ============================================================ */
.info-footer-custom {
    padding: 10px 15px;
}
.site-footer .footer-widgets .site-footer--wrapper {
    padding: 50px 0;
}
.site-footer--wrapper .col:not(:first-child) {
    padding: 30px;
}
.info-footer-custom .container-info {
    display: flex;
    flex-direction: row;
    gap: 10px;
    margin-bottom: 20px;
}
footer.site-footer,
.site-footer .footer-widgets {
    background-color: #F5EDE0 !important;
}

/* ============================================================
   HIDE IN STOCK — HOT BADGE
   ============================================================ */
.stock.in-stock {
    display: none !important;
}
.product-badge.hot, .badge-hot, .hot-badge, .badge.hot {
    display: none !important;
}

/* ============================================================
   CATEGORIE — pillole
   ============================================================ */
.module--category .category-detail h2,
.module--category .category-detail h3,
.module--category .category-detail .category-name {
    color: #7a4e2d !important;
    text-shadow: none !important;
}

/* Pillola nome categoria — principale */
.module--category .entry-category {
    display: inline-block !important;
    background: linear-gradient(90deg, #F5DFC5, #ECC49A) !important;
    color: #7a4e2d !important;
    padding: 4px 12px !important;
    border-radius: 20px !important;
    font-weight: 700 !important;
    font-size: 13px !important;
    letter-spacing: 0.08em !important;
    text-shadow: none !important;
}

/* Sostituisci "Shop Now" con freccia — secondaria */
.module--category .category-detail .button-text {
    font-size: 0 !important;
    visibility: hidden;
}
.module--category .category-detail .button-text::after {
    content: "→";
    font-size: 11px !important;
    visibility: visible;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    text-shadow: none !important;
    color: #7a4e2d !important;
    display: inline-block !important;
    background: rgba(245, 223, 197, 0.80) !important;
    padding: 3px 10px !important;
    border-radius: 20px !important;
    font-weight: 700 !important;
}

/* ============================================================
   CTA — "Scopri il catalogo" homepage
   Stile: nero caldo con bordo gold — premium
   ============================================================ */
.image-text.style-10 .module-block.text a.button.light.medium.wide {
    background: linear-gradient(135deg, #1a0f07 0%, #3d2410 100%) !important;
    color: #F5DFC5 !important;
    border: 1px solid #C4956A !important;
    border-radius: 6px !important;
    font-weight: 700 !important;
    letter-spacing: 0.12em !important;
    text-transform: uppercase !important;
    font-size: 13px !important;
    padding: 15px 34px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 4px 24px rgba(0,0,0,0.4), inset 0 1px 0 rgba(245,223,197,0.15) !important;
    text-decoration: none !important;
}
.image-text.style-10 .module-block.text a.button.light.medium.wide::after {
    content: "→";
    margin-left: 10px !important;
    font-size: 16px !important;
    transition: transform 0.3s ease !important;
    display: inline-block !important;
}
.image-text.style-10 .module-block.text a.button.light.medium.wide:hover {
    background: linear-gradient(135deg, #2C1A0E 0%, #5a3418 100%) !important;
    color: #F5DFC5 !important;
    border-color: #F5DFC5 !important;
    box-shadow: 0 8px 36px rgba(0,0,0,0.5), inset 0 1px 0 rgba(245,223,197,0.25) !important;
    transform: translateY(-2px) !important;
}

/* ============================================================
   MEGA MENU — solo desktop
   ============================================================ */
@media (min-width: 992px) {

    .dropdown.mega-menu {
        align-items: flex-start !important;
        overflow: visible !important;
    }
    .dropdown.mega-menu > .sub-menu > li.dropdown {
        vertical-align: top !important;
        align-self: flex-start !important;
        width: 25% !important;
        box-sizing: border-box !important;
        padding-right: 20px !important;
    }
    .dropdown.mega-menu.menu-item-has-children {
        align-self: flex-start !important;
    }
    .dropdown.mega-menu > .sub-menu > li.dropdown:nth-child(n+5) {
        margin-top: 20px !important;
    }
    .dropdown.mega-menu > .sub-menu > li.dropdown > a {
        font-weight: 600 !important;
        background: linear-gradient(90deg, #F5DFC5, #ECC49A) !important;
        -webkit-text-fill-color: unset !important;
        color: #7a4e2d !important;
        padding: 3px 8px !important;
        border-radius: 5px !important;
        display: inline-block !important;
        margin-bottom: 8px !important;
        font-size: 11px !important;
        white-space: nowrap !important;
    }
    .dropdown.mega-menu > .sub-menu {
        padding: 15px 20px !important;
        border: none !important;
        outline: 1px solid transparent !important;
        background-image: linear-gradient(white, white),
                          linear-gradient(135deg, #C4956A, rgba(196,149,106,0.1)) !important;
        background-origin: border-box !important;
        background-clip: padding-box, border-box !important;
        border-top: 2px solid #C4956A !important;
    }
    .dropdown.mega-menu > .sub-menu > li.dropdown > .sub-menu {
        padding-left: 0 !important;
    }
    .dropdown.mega-menu > .sub-menu > li.dropdown > .sub-menu > li > a {
        padding-left: 0 !important;
    }

    /* Link menu principale — sfondo beige su hover e active */
    .site-header .primary-menu.horizontal-menu .menu > .menu-item > a {
        border-radius: 6px !important;
        padding: 6px 16px !important;
        transition: all 0.25s ease !important;
        border: none !important;
    }
    .site-header .primary-menu.horizontal-menu .menu > .menu-item > a:hover {
        background: linear-gradient(90deg, #F5DFC5, #ECC49A) !important;
        color: #2C1A0E !important;
    }
    .site-header .primary-menu.horizontal-menu .menu > .menu-item.current-menu-item > a {
        background: linear-gradient(90deg, #F5DFC5, #ECC49A) !important;
        color: #2C1A0E !important;
        font-weight: 600 !important;
    }

}