/* =========================================
   THILÉ & KIN / COMPONENTS
========================================= */

/* Ensure normal header positioning on all NON-home pages */
body:not(.home) .site-header {
    position: relative !important;
}

/* ---------- Header ---------- */

.site-header,
.main-header-bar,
.ast-primary-header-bar,
.ast-above-header-bar,
.ast-below-header-bar,
.ast-builder-grid-row,
.ast-builder-layout-element {
    background-color: var(--thk-ivory);
    border: none;
    box-shadow: none;
    position: relative;
}

.site-branding .site-title a,
.site-branding .site-title,
.main-header-menu > .menu-item > a,
.ast-header-navigation .menu-item > a,
.ast-builder-menu-1 .menu-item > .menu-link,
.ast-header-account-wrap,
.ast-header-cart-link,
.ast-search-icon {
    color: var(--thk-deep-charcoal);
}

.main-header-menu > .menu-item > a:hover,
.main-header-menu > .current-menu-item > a,
.main-header-menu > .current-menu-ancestor > a,
.ast-header-navigation .menu-item > a:hover,
.ast-builder-menu-1 .menu-item.current-menu-item > .menu-link {
    color: var(--thk-soft-olive);
}

/* ---------- Mobile Menu ---------- */
.ast-mobile-popup-drawer .ast-mobile-popup-inner,
.ast-header-break-point .main-header-bar-navigation {
    background-color: var(--thk-ivory);
}

.ast-header-break-point .main-navigation ul .menu-item a {
    color: var(--thk-deep-charcoal);
    border-color: var(--thk-light-beige);
}

.ast-header-break-point .main-navigation ul .menu-item a:hover {
    color: var(--thk-soft-olive);
}

/* ---------- Buttons ---------- */
button,
input[type="button"],
input[type="submit"],
input[type="reset"],
.ast-button,
.button,
.wp-block-button__link,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit {
    background-color: var(--thk-soft-taupe);
    color: var(--thk-white) !important;
    border: 1px solid var(--thk-soft-taupe);
    border-radius: var(--thk-radius-sm);
    transition: var(--thk-transition);
    box-shadow: none;
}

button:hover,
button:focus,
input[type="button"]:hover,
input[type="button"]:focus,
input[type="submit"]:hover,
input[type="submit"]:focus,
input[type="reset"]:hover,
input[type="reset"]:focus,
.ast-button:hover,
.ast-button:focus,
.button:hover,
.button:focus,
.wp-block-button__link:hover,
.wp-block-button__link:focus,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover {
    background-color: var(--thk-dark-taupe);
    border-color: var(--thk-dark-taupe);
    color: var(--thk-white) !important;
}

/* ---------- Surface Boxes ---------- */
.ast-separate-container .ast-article-post,
.ast-separate-container .ast-article-single,
.ast-plain-container .site-content,
.widget,
.sidebar-main .widget,
.ast-container .site-main > article {
    background-color: var(--thk-white);
    border: none;
    box-shadow: none;
}
/*
.ast-box-layout.ast-plain-container #primary,
.ast-separate-container #primary,
.widget,
.wp-block-group,
.wp-block-cover,
.wp-block-latest-posts,
.wp-block-woocommerce-product-query .wc-block-grid__product {
    background-color: var(--thk-white);
    border: 1px solid var(--thk-light-beige);
    border-radius: var(--thk-radius-md);
}
*/
/*
.is-style-wide{
    background-color: var(--thk-light-beige);
}
    */

/* ---------- Breadcrumbs ---------- */
.ast-breadcrumbs-wrapper,
.ast-breadcrumbs,
.ast-breadcrumbs-content {
    color: var(--thk-soft-charcoal);
}

.ast-breadcrumbs a {
    color: var(--thk-soft-olive);
}

.ast-breadcrumbs a:hover {
    color: var(--thk-deep-olive);
}

/* ---------- Pagination ---------- */
.navigation.pagination .nav-links .page-numbers,
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
    background: var(--thk-white);
    color: var(--thk-deep-charcoal);
    border: 1px solid var(--thk-light-beige);
}

.navigation.pagination .nav-links .page-numbers.current,
.navigation.pagination .nav-links .page-numbers:hover,
.woocommerce nav.woocommerce-pagination ul li span.current,
.woocommerce nav.woocommerce-pagination ul li a:hover {
    background: var(--thk-soft-taupe);
    color: var(--thk-white);
    border-color: var(--thk-soft-taupe);
}

/* ---------- Footer ---------- */
.site-footer,
.site-primary-footer-wrap,
.site-below-footer-wrap,
.ast-footer-overlay {
    background-color: var(--thk-dusty-beige);
    color: var(--thk-deep-charcoal);
}

.site-footer a,
.site-primary-footer-wrap a,
.site-below-footer-wrap a {
    color: var(--thk-deep-charcoal);
}

.site-footer a:hover,
.site-primary-footer-wrap a:hover,
.site-below-footer-wrap a:hover {
    color: var(--thk-deep-olive);
}

/* ---------- Optional: Logo ---------- */
.custom-logo-link img,
.site-branding img {
    border-radius: 8px;
}

/* ---------- Announcement Bar ---------- */
.thk-announcement-bar {
    background-color: var(--thk-soft-olive);
    color: var(--thk-white);
}

.thk-announcement-bar a {
    color: var(--thk-white);
}

.thk-announcement-bar a:hover {
    color: var(--thk-ivory);
}


.thk-announcement-bar {
    background-color: var(--thk-soft-olive);
    color: var(--thk-white);
}

.thk-announcement-bar a {
    color: var(--thk-white);
}

.thk-announcement-bar a:hover {
    color: var(--thk-ivory);
}


/* ---------- Footer Widgets Reset ---------- */
.site-footer .widget,
.site-primary-footer-wrap .widget,
.site-below-footer-wrap .widget,
.footer-widget-area .widget,
.ast-footer-widget-area .widget {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
}

/* ---------- Header Widgets Reset ---------- */
.home .site-header .widget,
.home .main-header-bar .widget,
.home .ast-primary-header-bar .widget,
.home .ast-above-header-bar .widget,
.home .ast-below-header-bar .widget,
.home .header-widget-area .widget,
.home .ast-header-widget-area .widget {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
}

/* If a menu/widget block is inside the header, keep it clean too */
.site-header .wp-block-group,
.site-header .wp-block-navigation,
.site-header .wp-block-navigation__container {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
}


/* =========================================
   HOMEPAGE TRANSPARENT HEADER OVERRIDES
========================================= */

/* =========================================
   HOMEPAGE TRANSPARENT HEADER ONLY
========================================= */

/* Make header transparent only on homepage */
.home .site-header,
.home .main-header-bar,
.home .ast-primary-header-bar,
.home .ast-above-header-bar,
.home .ast-below-header-bar,
.home .ast-builder-grid-row,
.home .ast-builder-layout-element {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

/* Keep homepage header floating above hero only */
.home .site-header {
    position: absolute !important;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
}

/* White menu/logo/icons only on homepage */
.home .site-branding .site-title a,
.home .site-branding .site-title,
.home .main-header-menu > .menu-item > a,
.home .ast-header-navigation .menu-item > a,
.home .ast-builder-menu-1 .menu-item > .menu-link,
.home .ast-mobile-header-wrap .menu-item > a,
.home .ast-header-account-wrap,
.home .ast-header-cart-link,
.home .ast-search-icon {
    color: #FFFFFF !important;
}

/* Homepage hover/active states */
.home .main-header-menu > .menu-item > a:hover,
.home .main-header-menu > .current-menu-item > a,
.home .main-header-menu > .current-menu-ancestor > a,
.home .ast-header-navigation .menu-item > a:hover,
.home .ast-builder-menu-1 .menu-item.current-menu-item > .menu-link {
    color: #F6F1EB !important;
}

/* Remove widget/card styling from homepage header only */
.home .site-header .widget,
.home .main-header-bar .widget,
.home .ast-primary-header-bar .widget,
.home .ast-header-widget-area .widget,
.home .site-header .wp-block-group,
.home .site-header .wp-block-navigation {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
}

/* =========================================
   FULLSCREEN HERO - RESPONSIVE NO SCROLL
========================================= */

.home .site-content,
.home .ast-container,
.home .content-area,
.home .entry-content,
.home .entry-content > * {
    margin: 0 !important;
    padding: 0 !important;
}

/*
.home .site-footer,
.home .site-primary-footer-wrap,
.home .site-below-footer-wrap {
    display: none !important;
}
    */

.home .thk-fullscreen-hero {
    min-height: 100vh !important;
    min-height: 100dvh !important;
    height: 100vh !important;
    height: 100dvh !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    overflow: hidden !important;
}

.home .thk-fullscreen-hero > * {
    margin-bottom: 0 !important;
}

.home .thk-bottom-footer,
.home .thk-bottom-footer p,
.home .thk-bottom-footer .wp-block-paragraph,
.home .thk-bottom-footer .wp-block-buttons,
.home .thk-bottom-footer .wp-block-button {
    margin: 0 !important;
}

.home .thk-bottom-footer {
    padding: 0 16px 20px !important;
}

/* Optional: prevent page scroll on landing page */
.home,
.home body {
    overflow: hidden !important;
}

/*to enable scroll on home page remove above and enable below
.home .thk-fullscreen-hero {
    overflow: hidden !important;
}

*/

/* Responsive content control */
@media (max-width: 1024px) {
    .home .thk-hero-inner {
        padding-top: 100px !important;
        padding-bottom: 32px !important;
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
}

@media (max-width: 767px) {
    .home .thk-hero-inner {
        padding-top: 80px !important;
        padding-bottom: 24px !important;
        padding-left: 16px !important;
        padding-right: 16px !important;
    }
}

/* =========================================
   NEW ARRIVALS BANNER LAYOUT
========================================= */

.thk-banner-wrap {
    position: relative;
    overflow: hidden;
    min-height: 320px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Center the main content across the whole banner */
.thk-banner-content,
.thk-banner-text {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

/* Keep text stack centered */
.thk-banner-text > .wp-block-uagb-container {
    align-items: center !important;
    text-align: center;
}

/* Artwork top right */
.thk-banner-artwork {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    margin: 0 !important;
    padding: 0 !important;
    padding-right: 10px !important;
    padding-top: 10px !important;
    width: auto !important;
}

/* Control the artwork image size */
.thk-banner-artwork img {
    display: block;
    width: 240px;
    height: auto;
}

/* Keep centered text above background and below artwork */
.thk-banner-content {
    position: relative;
    z-index: 1;
    padding: 40px 20px;
}

/* Responsive tweaks */
@media (max-width: 1024px) {
    .thk-banner-wrap {
        min-height: 280px;
    }

    .thk-banner-artwork img {
        width: 190px;
    }
}

@media (max-width: 767px) {
    .thk-banner-wrap {
        min-height: 220px;
        padding-top: 20px;
    }

    .thk-banner-artwork {
        top: 10px;
        right: 10px;
    }

    .thk-banner-artwork img {
        width: 120px;
    }

    .thk-banner-content {
        padding: 40px 16px 20px;
    }
}

.thk-banner-text .wp-block-image {
    text-align: center;
    margin: 0 auto;
}

.thk-banner-text .wp-block-image img {
    display: inline-block;
}


/* =========================================
   MENU DROPDOWN BACKGROUND
========================================= */

/* Main desktop dropdown background */
.main-header-menu .sub-menu,
.ast-desktop .main-header-menu .sub-menu,
.ast-desktop .ast-header-navigation .sub-menu,
.ast-builder-menu-1 .sub-menu {
    background-color: #DCE5D8 !important;
    border: none !important;
    box-shadow: none !important;
}

/* Dropdown links */
.main-header-menu .sub-menu .menu-item a,
.ast-desktop .main-header-menu .sub-menu .menu-item a,
.ast-desktop .ast-header-navigation .sub-menu .menu-item a,
.ast-builder-menu-1 .sub-menu .menu-item a {
    background-color: transparent !important;
    color: var(--thk-deep-charcoal) !important;
}

/* Dropdown hover */
.main-header-menu .sub-menu .menu-item a:hover,
.ast-desktop .main-header-menu .sub-menu .menu-item a:hover,
.ast-desktop .ast-header-navigation .sub-menu .menu-item a:hover,
.ast-builder-menu-1 .sub-menu .menu-item a:hover {
    background-color: rgba(255, 255, 255, 0.25) !important;
    color: var(--thk-deep-olive) !important;
}

/* =========================================
   MOBILE MENU BACKGROUND
========================================= */

/* Mobile menu drawer / popup background */
.ast-mobile-popup-drawer .ast-mobile-popup-inner,
.ast-header-break-point .main-header-bar-navigation,
.ast-header-break-point .ast-builder-menu-mobile .main-navigation,
.ast-header-break-point .main-navigation,
.ast-header-break-point .main-navigation ul,
.ast-header-break-point .main-navigation .sub-menu {
    background-color: #DCE5D8 !important;
}

/* Mobile menu links */
.ast-header-break-point .main-navigation ul .menu-item a,
.ast-mobile-popup-drawer .menu-item a {
    color: var(--thk-deep-charcoal) !important;
    border-color: rgba(43, 43, 43, 0.08) !important;
}

/* Mobile menu hover */
.ast-header-break-point .main-navigation ul .menu-item a:hover,
.ast-mobile-popup-drawer .menu-item a:hover {
    color: var(--thk-deep-olive) !important;
    background-color: rgba(255, 255, 255, 0.25) !important;
}

/* Mobile submenu arrows/icons */
.ast-mobile-popup-drawer .ast-menu-toggle,
.ast-header-break-point .ast-menu-toggle {
    color: var(--thk-deep-charcoal) !important;
}


/* =========================================
   COMPACT HEADER (ALL NON-HOME PAGES)
========================================= */

/* Reduce overall header height */
body:not(.home) .ast-primary-header-bar {
    min-height: 30px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

/* Remove extra padding from header rows */
body:not(.home) .ast-builder-grid-row {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

/* Reduce menu item height */
body:not(.home) .main-header-menu > .menu-item > a {
    padding-top: 6px !important;
    padding-bottom: 6px !important;
    line-height: 1.2 !important;
}

/* Reduce logo size */
body:not(.home) .custom-logo-link img,
body:not(.home) .site-branding img {
    max-height: 28px !important;
    width: auto;
}

/* Remove extra spacing around logo */
body:not(.home) .site-branding {
    padding: 0 !important;
    margin: 0 !important;
}