
:root {
  /* Sage Greens */
  --sage-green: #9CAF88;
  --sage-deep: #7D8F69;
  --sage-soft: #DDE4D3;

  /* Golds */
  --gold-antique: #C6A667;
  --gold-rich: #A88944;
  --gold-champagne: #E4D7B2;

  /* Neutrals */
  --ivory: #FAF8F2;
  --taupe-warm: #6B5F52;
  --charcoal-green: #3E463E;

  /* Optional: semantic variables for easy theming
  --color-primary: var(--sage-green);
  --color-primary-hover: var(--sage-deep);
  --color-accent: var(--gold-antique);
  --color-accent-hover: var(--gold-rich);
  --color-background: var(--ivory);
  --color-text: var(--taupe-warm);
  --color-heading: var(--charcoal-green); */
}

header {
    position: sticky !important;
    top: 0px;
}

header .ast-primary-header-bar{
    background: #fff;
}

label, legend {
    color: var(--ast-global-color-1);
}
.ast-site-title-wrap .site-title{
    display: none;
}

/*Top Header Slider*/
#ast-desktop-header .ast-above-header-bar .site-above-header-wrap,
#ast-desktop-header .ast-builder-grid-row.ast-grid-center-col-layout-only,
#ast-desktop-header .ast-builder-grid-row.ast-grid-center-col-layout-only .ast-grid-section-center,
#ast-mobile-header .ast-above-header-bar .site-above-header-wrap,
#ast-mobile-header .ast-builder-grid-row.ast-grid-center-col-layout-only,
#ast-mobile-header .ast-builder-grid-row.ast-grid-center-col-layout-only .ast-grid-section-center{
    display: block;
}
#ast-desktop-header .top-slide,
#ast-desktop-header .top-slide .wp-block-uagb-container,
#ast-desktop-header .uagb-swiper{
    height: 40px;
}
#ast-desktop-header .uagb-slider-container .swiper-wrapper{
    min-height: 40px;
}
#ast-desktop-header .top-slide .swiper-content{
    padding: 10px;
}

#ast-desktop-header .site-above-header-wrap{
    max-width: 900px;
}

#ast-mobile-header .ast-above-header-wrap {
    max-width: 100%;
    height: 35px;
}
#ast-mobile-header .ast-above-header-bar{
    display: inline-block;
    width: 100%;
}
#ast-mobile-header .top-slide,
#ast-mobile-header .top-slide .wp-block-uagb-container,
#ast-mobile-header .uagb-swiper{
    height: 35px;
}
#ast-mobile-header .top-slide .swiper-content{
    padding: 0px;
}
#ast-mobile-header .uagb-slider-container .swiper-wrapper{
    min-height: 35px;
}
#ast-mobile-header .uagb-ifb-desc {
        margin-bottom: 0px;
}
@media (max-width: 921px) {
    #ast-mobile-header .uagb-ifb-desc {
        font-size: 14px;
    }
}
@media (max-width: 720px) {
    #ast-mobile-header .uagb-ifb-desc {
        font-size: 12px;
    }
}



.overflow-hidden{
    overflow: hidden;
}

/* Product Page */
.woocommerce-js div.product div.images.woocommerce-product-gallery .flex-viewport,
.woocommerce-js div.product div.woocommerce-product-gallery--columns-4 .flex-control-thumbs li img{
    border-radius: 20px;
}

.product_title.entry-title{
    font-size: 2em;
    font-weight: inherit;
    color: var(--ast-global-color-3);
}

/* Ninja Forms */
#primary .nf-field-label label, 
#primary .nf-field-label .nf-label-span{
    color: var(--ast-global-color-3);
    font-weight: 300;
    font-size: 1rem;
}

/*Mega Menu*/
#mega-menu-wrap-primary,
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link,
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link:hover, 
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link:focus,
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a{
    background-color: #fff !important;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item{
    padding:20px 10px;
}
#mega-menu-wrap-primary a.mega-menu-link,
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link{
    color:  var(--ast-global-color-1) !important;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu{
        position: fixed;
        margin-top: 20px;
        background: #fff;
        border-top: 1px solid var(--ast-global-color-0);
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column-standard h4.mega-block-title, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item h4.mega-block-title{
    font-weight: inherit;
}

#mega-menu-wrap-primary #mega-menu-primary li a{
    color: var(--ast-global-color-1) !important;
}
#mega-menu-wrap-primary #mega-menu-primary ul{
    list-style: none;
    margin: 1em 0 1.5em 0;
}

#mega-menu-wrap-primary #mega-menu-primary a:hover{
    color: var(--ast-global-color-0) !important;
}

/* home carousel */
.home-carousel img{
    border-radius: 20px;
    aspect-ratio: 1 / 1;
    object-fit: cover;
}
.home-carousel .uagb-post-grid-byline{
    display: none;
}
.home-carousel .wp-block-button{
    margin-bottom: 0px !important;
}   
.home-carousel .slick-dots{
    margin-top: 0px !important;
}

/* product category */
.woocommerce-loop-product__title{
    color: var(--ast-global-color-1);
}
.woocommerce-js ul.products li.product a img{
    border-radius: 10px;
}

/* product category side bar */
.wc-block-product-filter-checkbox-list__text{
    color: var(--ast-global-color-1);
}
input[type=checkbox].wc-block-product-filter-checkbox-list__input{
    border: var(--ast-global-color-1) 1px solid;
}
:where(.wc-block-product-filter-checkbox-list__input-wrapper){
    color: var(--ast-global-color-1);
}
.wc-block-product-filter-checkbox-list__input-wrapper:before{
    height: 18px;
    width: 18px;
}
.wc-block-product-filter-checkbox-list__input-wrapper svg{
    height: 18px;
    width: 18px;
}
.archive #secondary{
    max-width: 250px;
}
.archive #primary.content-area{
    width: 100%;
}
.sidebar-main .wc-block-product-filters__open-overlay{
    position: fixed;
    bottom: 10px;
    left: 10px;
    z-index: 90;
}

/*Nav sub menu shade*/
#mega-sub-menu-108{
        background: #00000080 !important;
    height: 100% !important;
    pointer-events: none !important;
}
#mega-menu-108-0{
    background: #fff !important;
}

/*Search Images*/
.ast-article-post .post-thumb-img-content img{
    object-fit: cover;
}

.entry-meta,
.posted-by,
.ast-comment-count {
    display: none !important;
}

/*cart sidebar*/

.woocommerce-cart #secondary {
    display: none !important;
}

.woocommerce-cart #primary {
    max-width: 100% !important;
    border-left: 0px;

}

/*MOBILE MENU*/

    /* Fix Astra mobile menu not scrolling */
.ast-mobile-header-content,
.ast-mobile-header-content .ast-builder-menu-mobile .main-header-bar-navigation {
    max-height: 100vh !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch !important;
}

    /* Also ensure <body> is allowed to scroll if Astra locks it */
body.ast-mobile-menu-active {
    overflow: auto !important;
}

.ast-header-break-point .ast-icon.icon-arrow svg{
    margin: 0px 10px;
}
.site-navigation{
    margin-bottom: 500px;
}
#ast-mobile-header .ast-mobile-header-content {
    background:#000000aa;
}


/* Closed state: aria-expanded="false" */
.ast-menu-toggle[aria-expanded="false"] .ast-arrow-svg {
    transform: rotate(0deg);
    transition: transform 0.25s ease;
}

/* Open state: aria-expanded="true" */
.ast-menu-toggle[aria-expanded="true"] .ast-arrow-svg {
    transform: rotate(180deg);
    transition: transform 0.25s ease;
}

/* Remove side bar from cart and checkout */
.woocommerce-cart .widget-area,
.woocommerce-checkout .widget-area,
.woocommerce-cart .sidebar-main,
.woocommerce-checkout .sidebar-main {
    display: none !important;
}

.woocommerce-cart .content-area,
.woocommerce-checkout .content-area {
    width: 100% !important;
} 