/*
 Theme Name:   Astra Child - Waggy Pets
 Theme URI:    https://waggypetscr.com
 Description:  Child theme for Astra — Waggy Pets CR customizations
 Author:       Waggy Pets CR
 Template:     astra
 Version:      1.0.0
 Text Domain:  astra-child
*/

/* === HEADER ABOVE EVERYTHING === */
#masthead {
    position: relative !important;
    z-index: 999999 !important;
}
.waggy-hero, #content, .site-content {
    position: relative !important;
    z-index: 1 !important;
}

/* === FIBOSEARCH STYLE OVERRIDES === */
.dgwt-wcas-search-wrapp {
    z-index: 999999 !important;
}

/* === HIDE RESET VARIATIONS LINK === */
.reset_variations {
    display: none !important;
}

/* === VARIATION DROPDOWN MODERN === */
.variations select {
    appearance: none !important;
    -webkit-appearance: none !important;
    background: #fff url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="7" viewBox="0 0 12 7"><path d="M1 1l5 5 5-5" stroke="%23252b27" stroke-width="1.5" fill="none" stroke-linecap="round" stroke-linejoin="round"/></svg>') no-repeat right 16px center !important;
    border: 1.5px solid #e0e0e0 !important;
    border-radius: 10px !important;
    padding: 12px 44px 12px 18px !important;
    font-size: 15px !important;
    font-family: 'Rubik', sans-serif !important;
    font-weight: 500 !important;
    color: #252b27 !important;
    cursor: pointer !important;
    transition: all 0.25s ease !important;
    min-width: 160px !important;
    outline: none !important;
}
.variations select:hover {
    border-color: #A8D5BA !important;
}
.variations select:focus {
    border-color: #486651 !important;
    box-shadow: 0 0 0 3px rgba(168, 213, 186, 0.2) !important;
}
.variations td.label label {
    font-family: 'Rubik', sans-serif !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    color: #252b27 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
}
.variations {
    border: none !important;
}
.variations td {
    padding: 8px 0 !important;
    border: none !important;
}

/* === MOBILE HEADER UX === */
@media (max-width: 921px) {
    /* Proper spacing between left icons */
    .ast-header-break-point .site-header-primary-section-left .ast-builder-layout-element {
        margin-right: 12px !important;
    }
    /* Cart icon prominent on right */
    .ast-header-break-point .ast-site-header-cart .ast-cart-menu-wrap,
    .ast-header-break-point .ast-menu-cart-outline .ast-cart-menu-wrap {
        background: none !important;
        border: none !important;
        padding: 0 !important;
    }
    .ast-header-break-point .ast-site-header-cart i.astra-icon,
    .ast-header-break-point .ast-header-woo-cart a {
        color: #fff !important;
        fill: #fff !important;
    }
    /* Cart count badge */
    .ast-header-break-point .ast-site-header-cart .count {
        background: #A8D5BA !important;
        color: #252b27 !important;
        font-size: 10px !important;
        font-weight: 700 !important;
        min-width: 18px !important;
        height: 18px !important;
        line-height: 18px !important;
        border-radius: 50% !important;
    }
    /* Hide cart label text */
    .ast-header-break-point .ast-woo-header-cart-info-wrap {
        display: none !important;
    }
    /* Consistent icon sizes */
    .ast-header-break-point .ast-header-search .ast-icon,
    .ast-header-break-point .ast-mobile-menu-trigger-minimal .ast-icon {
        width: 20px !important;
        height: 20px !important;
    }
}

/* === FIX MOBILE CART OVERFLOW === */
@media (max-width: 921px) {
    .ast-header-break-point .ast-header-woo-cart,
    .ast-header-break-point .ast-site-header-cart {
        overflow: visible !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    .ast-header-break-point .ast-cart-menu-wrap {
        display: none !important;
    }
    .ast-header-break-point .site-header-primary-section-right {
        overflow: visible !important;
        padding-right: 12px !important;
    }
    .ast-header-break-point .ast-header-woo-cart .ast-icon {
        width: 22px !important;
        height: 22px !important;
    }
}