/**
* Theme Name: Goya Child Theme
* Description: This is a child theme of Goya, automatically generated.
* Author: <a href="https://themeforest.net/user/everthemess">Everthemes</a>
* Template: goya
* Version: 1.0.9
*/

/* ==========================================================
   Global Design Tokens
   These variables control colors, typography, spacing, and more.
   Paste into your child theme's style.css or Bricks global CSS.
   ========================================================== */
:root {
    /* ==============================
       🎨 Colors
       ============================== */
    --bt-color-dark: #000000;      /* black */
    --bt-color-grey: #666666;      /* grey */
    --bt-color-light: #FFFFFF;     /* white */

    /* Semantic mapping */
    --bt-color-primary: var(--bt-color-dark);
    --bt-color-secondary: var(--bt-color-grey);
    --bt-color-background: var(--bt-color-light);

    /* ==============================
       🔠 Fluid Font Sizes
       min @ 320px → max @ 1440px
       ============================== */
    --bt-xxs: clamp(0.625rem, 0.55rem + 0.2vw, 0.75rem);   /* 10–12px */
    --bt-xs:  clamp(0.75rem, 0.7rem + 0.3vw, 0.875rem);    /* 12–14px */
    --bt-sm:  clamp(0.875rem, 0.8rem + 0.4vw, 1rem);       /* 14–16px */
    --bt-md:  clamp(1rem, 0.95rem + 0.5vw, 1.125rem);      /* 16–18px */
    --bt-lg:  clamp(1.125rem, 1rem + 0.7vw, 1.25rem);      /* 18–20px */
    --bt-xl:  clamp(1.25rem, 1.1rem + 1vw, 1.5rem);        /* 20–24px */
    --bt-2xl: clamp(1.5rem, 1.35rem + 1.2vw, 1.875rem);    /* 24–30px */
    --bt-3xl: clamp(1.875rem, 1.6rem + 1.5vw, 2.25rem);    /* 30–36px */
    --bt-4xl: clamp(2.25rem, 2rem + 1.8vw, 3rem);          /* 36–48px */
    --bt-5xl: clamp(3rem, 2.5rem + 2.5vw, 4rem);           /* 48–64px */

    /* ==============================
       📏 Line Heights
       ============================== */
    --bt-tight: 1.1;
    --bt-snug: 1.25;
    --bt-normal: 1.5;
    --bt-relaxed: 1.625;

    /* ==============================
       🅱️ Font Weights
       ============================== */
    --bt-light: 300;
    --bt-normal-weight: 400;
    --bt-medium: 500;
    --bt-semibold: 600;
    --bt-bold: 700;

    /* ==============================
       📐 Fluid Spacing Scale
       Based on 4px → 8px baseline
       ============================== */
    --bt-space-0: 0;
    --bt-space-1: clamp(0.25rem, 0.22rem + 0.2vw, 0.5rem);  /* 4–8px */
    --bt-space-2: clamp(0.5rem, 0.45rem + 0.3vw, 0.75rem);  /* 8–12px */
    --bt-space-3: clamp(0.75rem, 0.7rem + 0.4vw, 1rem);     /* 12–16px */
    --bt-space-4: clamp(1rem, 0.9rem + 0.5vw, 1.25rem);     /* 16–20px */
    --bt-space-5: clamp(1.25rem, 1.1rem + 0.6vw, 1.5rem);   /* 20–24px */
    --bt-space-6: clamp(1.5rem, 1.3rem + 0.8vw, 2rem);      /* 24–32px */
    --bt-space-8: clamp(2rem, 1.7rem + 1vw, 2.5rem);        /* 32–40px */
    --bt-space-10: clamp(2.5rem, 2.2rem + 1.2vw, 3rem);     /* 40–48px */
    --bt-space-12: clamp(3rem, 2.6rem + 1.4vw, 3.5rem);     /* 48–56px */
    --bt-space-16: clamp(4rem, 3.5rem + 2vw, 5rem);         /* 64–80px */

    /* ==============================
       🖼️ Border Radius
       ============================== */
    --bt-radius-sm: 4px;
    --bt-radius-md: 8px;
    --bt-radius-lg: 16px;
    --bt-radius-xl: 24px;
    --bt-radius-full: 9999px;
}

/* ==========================================================
   Font Smoothing & Typography Enhancements
   ========================================================== */
* {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-smooth: always;
    text-rendering: optimizeLegibility;
    font-feature-settings: "kern" 1;
    font-kerning: normal;
}

/* ==========================================================
   Example Usage
   ========================================================== */
body {
    font-size: var(--bt-md);
    line-height: var(--bt-normal);
    color: var(--bt-color-dark);
    background-color: var(--bt-color-background);
}

h1 {
    font-size: var(--bt-4xl);
    line-height: var(--bt-tight);
    color: var(--bt-color-primary)!important;
    font-weight: var(--bt-bold);
    font-family: 'supremoflat', Arial, sans-serif;
}

h2 {
    font-size: var(--bt-3xl);
    line-height: var(--bt-tight);
    color: var(--bt-color-primary)!important;
    font-weight: var(--bt-semibold);
    font-family: 'supremoflat', Arial, sans-serif;
}

h3 {
    font-size: var(--bt-2xl);
    line-height: var(--bt-snug);
    color: var(--bt-color-primary)!important;
    font-weight: var(--bt-medium);
    font-family: 'supremoflat', Arial, sans-serif;
}

h4 {
    font-size: var(--bt-xl);
    line-height: var(--bt-snug);
    color: var(--bt-color-primary)!important;
    font-weight: var(--bt-medium);
    font-family: 'supremoflat', Arial, sans-serif;
}

h5 {
    font-size: var(--bt-lg);
    line-height: var(--bt-normal);
    color: var(--bt-color-primary)!important;
    font-weight: var(--bt-normal-weight);
    font-family: 'supremoflat', Arial, sans-serif;
}

h6 {
    font-size: var(--bt-md);
    line-height: var(--bt-normal);
    color: var(--bt-color-primary)!important;
    font-weight: var(--bt-normal-weight);
    font-family: 'supremoflat', Arial, sans-serif;
}

p {
    font-size: var(--bt-md);
    margin-bottom: var(--bt-space-4);
    font-weight: var(--bt-normal-weight);
    color: var(--bt-color-primary)!important;

}

button {
    font-size: var(--bt-sm);
    padding: var(--bt-space-2) var(--bt-space-4);
    background-color: var(--bt-color-primary);
    color: var(--bt-color-light);
    font-weight: var(--bt-medium);
    font-family: 'supremoflat', Arial, sans-serif;
}

.wpb_wrapper a {
     font-family: 'supremoflat', Arial, sans-serif!important;

}

/*===========================
CUSTOM MENU STYLING
===========================*/

/* ==========================================
   SMART HOMEPAGE LOGO SWITCHING
   White logo on normal header, dark logo on sticky header
   ========================================== */

/* Hide all logo variants on homepage first */
.home .header .logoimg,
.home .header-mobile .logoimg {
    display: none !important;
}

/* Normal state: Show only the white logo (bg--light variant) */
.home .header .logoimg.bg--light,
.home .header-mobile .logoimg.bg--light {
    display: inline !important;
    opacity: 1 !important;
}

/* Sticky state: Hide white logo and show dark logo */
.home.header_on_scroll .header .logoimg.bg--light,
.home.header_on_scroll .header-mobile .logoimg.bg--light {
    display: none !important;
}

.home.header_on_scroll .header .logoimg.bg--alt,
.home.header_on_scroll .header-mobile .logoimg.bg--alt {
    display: inline !important;
    opacity: 1 !important;
}

/* Ensure the logo container doesn't collapse */
.home .header .logo-holder,
.home .header-mobile .logo-holder {
    display: block !important;
}

/* Add smooth transition for logo switching */
.home .header .logoimg {
    transition: opacity 0.3s ease !important;
}


/*===========================
HOMEPAGE STYLING
===========================*/
.home #hero-btns .vc_column_container{
    width: auto !important;
    flex: 0 0 auto;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin: 0 !important;
}

.home #hero-btns{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0;
}

.home #hero-btns .et_btn_align_center{
    margin: 0 !important;
}

.home .newcol-heading{
    margin-bottom:50px;
    letter-spacing:0.1rem;
    font-family: 'supremoflat'!important;
}

/* Badge */
.home .products-latest-products .item .badge{
    display:none;
}

/* Icon */
.home .products-latest-products .actions-wrapper .icon{
    display:none !important;
}

/* Product after shop loop price */
.home .products-latest-products .item .product_after_shop_loop_price{
    display:none;
}

/* After shop loop actions */
.home .products-latest-products .item .after_shop_loop_actions{
    display:none;
}

/* Heading */
.home .products-latest-products .item h2{
    text-align:center;
}

/* Link */
.home .products-latest-products h2 a{
    background-color:transparent !important;
    font-size:10px;
    color:#ffffff;
}

/* Product thumbnail */
.home .products-latest-products .item .product_thumbnail{
    border-radius:0px;
}

/* Column 6/12 */
.home .productcards .wpb_wrapper li{
    padding-left:0px;
    padding-right:0px;
    margin-bottom:0px;
    border-right-style:solid;
    border-right-color:#ffffff;
}

/* Column container */
.home #discover .vc_column_container{
    border-right: 1px solid #000;
    border-right: 1px solid #000;
    justify-content:center;
    display:flex;
    flex-direction:column;
    align-content:stretch;
    padding-top:50px;
    padding-bottom:50px;
}

.home #discover .vc_column_container:last-child{
    border-right: none;
    border-right: none;
}

/* Row */
.home .productcards .wpb_wrapper ul{
    margin-bottom:0px;
}

/* Custom heading */
.home .hentry .wpb-content-wrapper #discover .wpb_row .vc_column_container .vc_column-inner .wpb_wrapper .vc_do_custom_heading{
    font-family:'supremoflat' !important;
}

/* Custom heading */
.home #discover .wpb_wrapper .vc_do_custom_heading{
    margin-bottom:25px;
}

/* Column 6/12 */
.home #wrapper .page-wrapper-inner .site-content .hentry .wpb-content-wrapper #productrow .productcards .vc_column_container .vc_column-inner .wpb_wrapper .products-latest-products li{
    border-right-width:1px !important;
}

/* General */
.home #discover .vc_do_btn .vc_general{
    padding-left:30px;
    padding-right:30px;
    border-width:1px;
}

/* Heading */
.home .vc_custom_1754843524183 .wpb_wrapper h4{
    color:#ffffff !important;
}

/* 782px and smaller screen sizes */
@media (max-width:782px){

    /* Column container */
    .home #discover .vc_column_container:nth-child(1){
        border-bottom-width:1px;
        border-bottom-color:#020202;
        border-bottom-style:solid;
        border-right-style:none;
    }
    
}

/* 767px and smaller screen sizes */
@media (max-width:767px){

    /* Column container */
    .home #wrapper .page-wrapper-inner .site-content .hentry .wpb-content-wrapper #discover .wpb_row .vc_column_container:nth-child(1){
        border-bottom-style:solid !important;
    }
    
}

/* 600px and smaller screen sizes */
@media (max-width:600px){

    /* Link */
    .home .products-latest-products h2 a{
        color:#020202;
    }
    
    /* Heading */
    .home .products-latest-products .item h2{
        margin-bottom:15px !important;
    }
    
    /* Product inner */
    .home .products-latest-products .item .product-inner{
        margin-bottom:15px;
    }
    
}

/* 575px and smaller screen sizes */
@media (max-width:575px){

    /* Heading */
    .home #wrapper .site-content .hentry .wpb-content-wrapper #productrow .productcards .vc_column_container .vc_column-inner .wpb_wrapper .products-latest-products .item .product-inner .caption .product-title h2{
        color:#020202 !important;
    }
    
    /* Column 6/12 */
    .home .productcards .wpb_wrapper li{
        padding-left:0px !important;
        padding-right:0px !important;
    }
    
}

/* 400px and smaller screen sizes */
@media (max-width:400px){

    .home #hero-btns{
        gap: 30px;
    }
    
    /* Column container */
    .home #discover .vc_column_container:nth-child(1){
        border-top-style:solid;
        border-top-color:#020202;
    }
    
    /* Column container */
    .home #wrapper .page-wrapper-inner .site-content .hentry .wpb-content-wrapper #discover .wpb_row .vc_column_container:nth-child(1){
        border-top-width:1px !important;
    }
    
}

/*
===========================
GLOBAL PRODUCT HOVER CART BUTTON
===========================
*/

/*Global Hover Cart BTN*/
.main-shop-archive .item .actions-wrapper{
	display:none;
}

/* Shop / Catalog Bottom Padding */
#shop-products{
	padding-bottom:50px;
}


/* ==========================================================
   Shop and Product Category Pages Styles
   ========================================================== */

/* Target shop page and product category pages only */
body.woocommerce-shop,
body.tax-product_cat {

/* Shop sidebar popup */
#wrapper .shop-sidebar-popup{
	padding-left:15px;
	padding-right:15px;
}


    /* Caption */
    .main-shop-archive .item .caption {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 6px;
    }


    .main-shop-archive .item .product-title {
        text-transform: uppercase;
        font-family: 'supremotall' !important;
        color: #0e0e0ecc;
    }

    /* Link */
    .main-shop-archive h2 a {
        font-size: 10px;
    }

    /* Price */
    .main-shop-archive .item .price {
        color: #0e0e0ecc;
        font-family: 'supremotall' !important;
        font-size: 11px;
    }

    /* Column 6/12 */
    .wcapf-before-products .main-shop-archive li {
        padding-left: 0;
        padding-right: 0;
        margin-bottom: 12px;
    }

    /* Shop products */
    #shop-products {
        padding-left: 0;
        padding-right: 0;
    }


    /* 
     * Mobile Styles
     * Adjusts layout and spacing for shop and product category pages on screens ≤768px.
     * Affects: product list columns, captions, and product title padding for improved mobile usability.
     */
    @media (max-width: 768px) {
        
        /* Column 6/12 */
        .wcapf-before-products .main-shop-archive li {
            padding-right: 0 !important;
            padding-left: 0 !important;
        }
        
	    /* Mobile Price Space Adjustment */
	    .main-shop-archive .item .price{
		margin-top:-5px;
		
	}

        /* Caption */
        .main-shop-archive .item .caption {
            flex-direction: column !important;
            justify-content: flex-start !important;
            align-items: flex-start !important;
        }
        
        
    }
}


/* ==========================================
   GOYA PRODUCT PAGE ADJUSTMENTS
   ========================================== */
    /* Product Title */
.entry-summary .et-pro-summary-top h1{
	font-size:15px !important;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	font-weight:400!important;
	font-family: 'supremotall'!important;
	margin-bottom:6px;
}

/* Price */
.et-pro-summary-top .price bdi{
	font-size:13px;
	line-height: 1.3333333333;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	
}

/* Quantity - Hide completely and prevent flashing */
.entry-summary .cart .quantity,
.single-product .entry-summary .cart .quantity,
.woocommerce .entry-summary .cart .quantity,
.woocommerce-variation-add-to-cart .quantity,
.variations_form .quantity {
	display: none !important;
	visibility: hidden !important;
	opacity: 0 !important;
	height: 0 !important;
	overflow: hidden !important;
}

/* Add to Basket */
.entry-summary .cart .single_add_to_cart_button{
	text-transform:uppercase;
	letter-spacing:0.2px;
	font-size:13px;
	font-weight:400;
	padding-bottom:11px;
	padding-top:11px;
}

/* Product tab-modal trigger */
.custom-product-tabs .product-tab-trigger{
	text-decoration:none;
	font-size:13px;
}

/* Column 12/12 */
.product-title-right .product-information{
	display:flex;
	flex-direction:column;
	padding-top:200px !important;
	padding-left:70px !important;
	padding-right:100px !important;
}

/* Post Title */
#wrapper .page-wrapper-inner .site-content .product .product-title-right .container .showcase-row .product-information .entry-summary .et-pro-summary-top h1{
	line-height:1.6em !important;
}

/* Product Container Border BTM */
.site-content .product .product-title-right{
	border-bottom-color:#020202;
	
}

/* 767px and smaller screen sizes */
@media (max-width:767px){

	/* Container */
	#wrapper .page-wrapper-inner .site-content .product .product-title-right .container{
		margin-left:0px !important;
	}
	
}

/* 400px and smaller screen sizes */
@media (max-width:400px){

	/* Column 12/12 */
	.product-title-right .product-information{
		padding-left:35px !important;
		padding-right:35px !important;
		padding-top:0px !important;
	}
	
}


/* ==========================================
   SANDRO BREADCRUMB DESIGN SYSTEM
   Based on Sandro vertical layout with indented structure
   ========================================== */

/* CSS Custom Properties for Sandro Breadcrumbs */
:root {
    /* Colors */
    --breadcrumb-text: #000000;
    --breadcrumb-text-hover: #555555;
    
    /* Typography */
    --breadcrumb-font-size: 12px;
    --breadcrumb-font-weight-normal: 400;
    --breadcrumb-font-weight-active: 600;
    --breadcrumb-letter-spacing: 0.5px;
    
    /* Layout & Spacing */
    --breadcrumb-item-spacing: 4px;
    --breadcrumb-indent: 12px;
    --breadcrumb-arrow-spacing: 6px;
    
    /* Transitions */
    --breadcrumb-transition: color 0.2s ease;
}

/* Simple Horizontal Breadcrumb Styles */
.simple-breadcrumb-wrapper {
    margin-bottom: 1.5rem;
    padding: 0.75rem 0;
}

.simple-breadcrumb {
    font-size: 0.875rem;
    font-weight: 500;
    color: #666666;
    line-height: 1.4;
}

.simple-breadcrumb .breadcrumb-link {
    color: #666666;
    text-decoration: none;
    transition: color 0.2s ease;
}

.simple-breadcrumb .breadcrumb-link:hover {
    color: #333333;
    text-decoration: underline;
}

.simple-breadcrumb .breadcrumb-separator {
    color: #999999;
    margin: 0 0.5rem;
    font-weight: normal;
}

.simple-breadcrumb .breadcrumb-current {
    color: #1a1a1a;
    font-weight: 600;
}

.simple-result-count {
    margin-top: 0.75rem;
    font-size: 0.75rem;
    color: #666666;
    font-weight: 500;
}

/* Mobile responsiveness for simple breadcrumb */
@media (max-width: 768px) {
    .simple-breadcrumb-wrapper {
        margin-bottom: 1rem;
        padding: 0.5rem 0;
    }
    
    .simple-breadcrumb {
        font-size: 0.8125rem;
    }
    
    .simple-breadcrumb .breadcrumb-separator {
        margin: 0 0.375rem;
    }
}

/* Product Page Breadcrumb Positioning - Overlay on Gallery */
.single-product .woocommerce-product-gallery {
    position: relative;
}

/* Position simple breadcrumbs on product pages */
.single-product .simple-breadcrumb-wrapper {
    position: absolute;
    top: 152px;
    left: 52px;
    z-index: 100;
    padding: 0;
    margin: 0;
    background: transparent;
    max-width: 300px;
}

/* Ensure simple breadcrumb text is visible over product images */
.single-product .simple-breadcrumb-wrapper .simple-breadcrumb {
    background: rgba(255, 255, 255, 0.9);
    padding: 0.5rem 1rem;
    border-radius: 4px;
    backdrop-filter: blur(4px);
    font-size: 11px;
}

/* Adjust separator spacing for product pages */
.single-product .simple-breadcrumb .breadcrumb-separator {
    margin: 0 0.25rem;
}

/* COMMENTED OUT - Old custom breadcrumb styles (replaced with simple horizontal breadcrumb) */
/*
.custom-breadcrumb {
    font-family: sans-serif;
    color: var(--breadcrumb-text);
}

.custom-breadcrumb .breadcrumb-list {
    display: flex;
    flex-direction: column;
    gap: var(--breadcrumb-item-spacing);
    margin: 0;
    padding: 0;
    list-style: none;
}

.custom-breadcrumb .breadcrumb-item {
    display: flex;
    align-items: center;
    margin: 0;
    padding-left: calc(var(--indent-level) * var(--breadcrumb-indent));
    font-size: var(--breadcrumb-font-size);
    font-weight: var(--breadcrumb-font-weight-normal);
    letter-spacing: var(--breadcrumb-letter-spacing);
    line-height: 1.5;
}

.custom-breadcrumb .breadcrumb-arrow {
    margin-right: var(--breadcrumb-arrow-spacing);
    color: var(--breadcrumb-text);
    font-size: var(--breadcrumb-font-size);
}

.custom-breadcrumb .breadcrumb-link {
    color: var(--breadcrumb-text);
    text-decoration: none;
    text-transform: uppercase;
    transition: var(--breadcrumb-transition);
}

.custom-breadcrumb .breadcrumb-link:hover {
    color: var(--breadcrumb-text-hover);
    text-decoration: none;
}

.custom-breadcrumb .breadcrumb-link:focus {
    color: var(--breadcrumb-text-hover);
    outline: none;
}

.custom-breadcrumb .breadcrumb-current {
    color: var(--breadcrumb-text);
    font-weight: var(--breadcrumb-font-weight-active);
    text-transform: uppercase;
}

.custom-result-count {
    margin-top: 8px;
    font-size: var(--breadcrumb-font-size);
    color: var(--breadcrumb-text);
    font-weight: var(--breadcrumb-font-weight);
}

.custom-result-count {
    font-size: var(--breadcrumb-font-size);
    color: var(--breadcrumb-secondary-color);
    margin: 0;
    font-weight: var(--breadcrumb-font-weight);
    text-transform: uppercase;
    letter-spacing: var(--breadcrumb-letter-spacing);
    font-family: Arial, Helvetica, sans-serif;
}

@media (max-width: 768px) {
    .custom-breadcrumb {
        font-size: var(--breadcrumb-font-size-mobile);
    }
    
    .custom-breadcrumb .breadcrumb-list {
        gap: var(--breadcrumb-gap-mobile) !important;
    }
    
    .custom-breadcrumb .breadcrumb-item {
        gap: var(--breadcrumb-gap-mobile);
    }
    
    .custom-breadcrumb .breadcrumb-link,
    .custom-breadcrumb .breadcrumb-separator,
    .custom-breadcrumb .breadcrumb-current,
    .custom-result-count {
        font-size: var(--breadcrumb-font-size-mobile);
    }
}

.custom-breadcrumb[aria-label] {
    position: relative;
}

.custom-breadcrumb .breadcrumb-item[aria-current="page"] .breadcrumb-current {
    font-weight: var(--breadcrumb-current-font-weight);
}
*/

/* ==========================================
   CUSTOM PRODUCT TAB MODALS
   Right-sliding modals for product information
   ========================================== */

/* Product Tab Triggers */
.custom-product-tabs {
    margin-top: 24px;
    padding-top: 24px;
    border-top: 1px solid #e0e0e0;
}

.product-tab-triggers {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.product-tab-trigger {
    background: transparent;
    border: none;
    padding: 0;
    font-size: 11px;
    font-weight: 400;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    color: #000;
    cursor: pointer;
    transition: color 0.2s ease;
    text-align: left;
    text-decoration: underline;
}

.product-tab-trigger:hover {
    color: #666;
    text-decoration: underline;
}

/* Tab modal header */
#tab-modal-description .product-tab-modal-header{
	border-bottom-color:#020202;
	border-bottom-style:solid;
	padding-top:10px;
	padding-bottom:10px;
	
}

/* Tab modal header */
#wrapper .site-content .product .product-title-right .container .showcase-row .product-information .entry-summary .et-pro-summary-content #tab-modal-description .product-tab-modal-content .product-tab-modal-header{
	border-bottom-width:1px !important;
}

/* Paragraph */
.product-tab-modal-body p{
	font-weight:300;
}

/* Heading */
#tab-modal-description .product-tab-modal-header h3{
	font-weight:500;
	letter-spacing:0.05rem;
	
}

/* Tab Modal Close Button (Lucide Icon) */
.product-tab-modal-close {
    background: none;
    border: none;
    cursor: pointer;
    color: var(--bt-color-dark, #000000);
    padding: 8px;
    line-height: 1;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    transition: all 0.2s ease;
}

.product-tab-modal-close:hover {
    background-color: #f5f5f5;
    color: var(--bt-color-grey, #666666);
}

.product-tab-modal-close i {
    width: 20px;
    height: 20px;
}

.product-tab-modal-close svg {
    width: 20px;
    height: 20px;
    stroke-width: 2;
}

/* Original Tab Modal Styles for proper width and functionality */
.product-tab-modal {
    position: fixed;
    top: 0;
    right: -100%;
    width: 100vw;
    height: 100vh;
    z-index: 9999;
    overflow: hidden;
    transition: right 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transform: translateX(20px);
    pointer-events: none;
}

.product-tab-modal.active {
    right: 0;
    transform: translateX(0);
    pointer-events: auto;
}

.product-tab-modal.slide-in {
    right: 0;
    transform: translateX(0);
    transition: right 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    pointer-events: auto;
}

.product-tab-modal.slide-out {
    right: -100%;
    transform: translateX(20px);
    transition: right 0.2s cubic-bezier(0.55, 0.055, 0.675, 0.19), transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    pointer-events: none;
}

.product-tab-modal-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: transparent;
    z-index: 1;
    cursor: pointer;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.product-tab-modal.active .product-tab-modal-overlay {
    opacity: 1;
}

.product-tab-modal-content {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    max-width: 50vw;
    min-width: 500px;
    height: 100vh;
    background: #fff;
    overflow-y: auto;
    box-shadow: -4px 0 20px rgba(0, 0, 0, 0.15);
    z-index: 2;
    padding: 0;
    display: flex;
    flex-direction: column;
}

.product-tab-modal-header {
    padding: 20px 24px;
    border-bottom: 1px solid #e0e0e0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #fff;
    position: sticky;
    top: 0;
    z-index: 10;
}

.product-tab-modal-header h3 {
    margin: 0;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.size-chart-content {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px;
}

.size-chart-content img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
}

.product-tab-modal-body {
    padding: 24px;
    flex: 1;
    font-size: 12px;
    line-height: 1.6;
}

/* Hide duplicate headings in modal content */
.product-tab-modal-body h1,
.product-tab-modal-body h2,
.product-tab-modal-body h3,
.product-tab-modal-body h4 {
    display: none;
}

.product-tab-modal-body p:first-child {
    margin-top: 0;
}

/* Mobile Responsive */
@media (max-width: 768px) {
    .product-tab-modal-content {
        max-width: 100%;
        min-width: 100%;
        width: 100%;
    }
    
    .product-tab-modal-header {
        padding: 16px 20px;
    }
    
    .product-tab-modal-header h3 {
        font-size: 13px;
    }
    
    .product-tab-modal-body {
        padding: 20px;
        font-size: 11px;
    }
}

/* Product Tab Buttons */
.custom-product-tabs-buttons {
    margin-top: 20px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

/* ==========================================
   CUSTOM ACTIVE FILTER INDICATOR 
   (Override Goya's default styling)
   ========================================== */

/* Override Goya's filter count styling to match our sort design */
.filter-trigger .et-active-filters-count {
    display: none !important;
    justify-content: center;
    align-items: center;
    height: 16px !important;
    width: 16px !important;
    line-height: 16px !important;
    background: var(--bt-color-dark, #000000) !important;
    color: var(--bt-color-light, #ffffff) !important;
    border: 1px solid var(--bt-color-dark, #000000) !important;
    border-radius: 50% !important;
    font-size: 10px !important;
    text-align: center;
    margin: 0 0 0 8px !important;
    font-family: 'supremoflat', Arial, sans-serif !important;
    font-weight: 400 !important;
}

.filter-trigger .et-active-filters-count.active {
    display: inline-flex !important;
}

/* Style the filter trigger button to match our sort button */
.filter-trigger {
    font-size: 11px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    font-weight: 400 !important;
    color: var(--bt-color-dark, #000000) !important;
    font-family: 'supremoflat', Arial, sans-serif !important;
}

/* ==========================================
   SANDRO-STYLE SLIDE-OUT SORT MODAL
   ========================================== */

/* Icon filter */
#et-shop-filters .icon-filter{
	display:none;
	
}

/* Shop filters */
#et-shop-filters{
	text-transform:uppercase;
	font-size:11px;
    font-family: 'supremoflat', Arial, sans-serif!important;
}


/* Sort Trigger Button */
.custom-shop-sorting {
    margin-bottom: 20px;
    display: inline-block;
    margin-right: 15px;
}

.sort-trigger-btn {
    display: flex;
    align-items: center;
    gap: 8px;
    background: transparent;
    border: none;
    padding: 0;
    font-size: 11px;
    font-weight: 400;
    color: var(--bt-color-dark, #000000);
    cursor: pointer;
    transition: all 0.2s ease;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.sort-trigger-btn:hover {
    opacity: 0.7;
}

.sort-trigger-btn .sort-radio-indicator {
    width: 16px;
    height: 16px;
    border: 1px solid var(--bt-color-dark, #000000);
    border-radius: 50%;
    background: var(--bt-color-dark, #000000);
    position: relative;
    flex-shrink: 0;
}

.sort-trigger-btn.has-selection .sort-radio-indicator {
    display: inline-block !important;
}

/* Align with filters in shop bar */
.shop-filters .custom-shop-sorting {
    display: inline-block;
    margin-bottom: 0;
    margin-right: 20px;
    vertical-align: middle;
}

/* Sort Modal - Full Height Right Slide-out */
.sort-modal {
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3);
    z-index: 9999;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
}

.sort-modal.show {
    opacity: 1;
    visibility: visible;
}

.sort-modal-content {
    position: absolute;
    top: 0;
    right: 0;
    width: 50%;
    min-width: 400px;
    height: 100%;
    background: var(--bt-color-light, #ffffff);
    border-left: 1px solid #eee;
    display: flex;
    flex-direction: column;
    transform: translateX(100%);
    transition: transform 0.3s ease;
}

.sort-modal.show .sort-modal-content {
    transform: translateX(0);
}

.sort-modal-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-left: 20px;
    padding-right: 30px;
    border-bottom: 1px solid var(--bt-color-dark, #000000);
    flex-shrink: 0;
    min-height: 60px;
}

.sort-modal-header h3 {
    margin: 0;
    font-size: 16px;
    font-weight: 400;
    color: var(--bt-color-dark, #000000);
    text-transform: uppercase;
    letter-spacing: 1px;
}

.sort-modal-close {
    background: none;
    border: none;
    cursor: pointer;
    padding: 0;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-image: url('../../../plugins/sandro-cart-plugin/assets/images/cancel.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    transition: opacity 0.2s ease;
}

.sort-modal-close:hover {
    opacity: 0.7;
}

/* Sort Options List */
.sort-options-list {
    flex: 1;
    padding: 0;
    overflow-y: auto;
}

.sort-option-item {
    display: flex;
    align-items: center;
    padding: 16px 24px;
    border-bottom: 1px solid #f5f5f5;
    cursor: pointer;
    transition: background-color 0.2s ease;
}

.sort-option-item:hover {
    background: #fafafa;
}

.sort-option-item.active {
    background: #f8f8f8;
}

.sort-option-item .sort-radio {
    position: relative;
    margin-right: 16px;
    flex-shrink: 0;
}

.sort-option-item input[type="radio"] {
    opacity: 0;
    position: absolute;
    width: 0;
    height: 0;
}

.sort-option-item .radio-custom {
    display: inline-block;
    width: 16px;
    height: 16px;
    border: 1px solid #ccc;
    border-radius: 50%;
    position: relative;
    background: var(--bt-color-light, #ffffff);
    transition: all 0.2s ease;
}

.sort-option-item input[type="radio"]:checked + .radio-custom {
    border-color: var(--bt-color-dark, #000000);
    background: var(--bt-color-dark, #000000);
}

.sort-option-item label {
    font-size: 14px;
    color: var(--bt-color-dark, #000000);
    cursor: pointer;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-weight: 400;
    margin: 0;
}

/* Sort Modal Footer */
.sort-modal-footer {
    padding: 24px;
    border-top: 1px solid #eee;
    flex-shrink: 0;
}

.view-btn {
    width: 100%;
    background: var(--bt-color-light, #ffffff);
    color: var(--bt-color-dark, #000000)!important;
    border: 1px solid var(--bt-color-dark, #000000);
    padding: 14px 0;
    font-size: 14px;
    font-weight: 400;
    cursor: pointer;
    transition: all 0.2s ease;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.view-btn:hover {
    background: var(--bt-color-dark)!important;
    color: var(--bt-color-light)!important;
}

/* Mobile Responsive */
@media (max-width: 768px) {
    .sort-modal-content {
        width: 100%;
        border-left: none;
    }
    
    .sort-modal-header {
        padding: 20px 20px 16px 20px;
        min-height: 50px;
    }
    
    .sort-option-item {
        padding: 14px 20px;
    }
    
    .sort-modal-footer {
        padding: 20px;
    }
    
    .view-btn {
        padding: 12px 0;
    }
}

/* Body scroll lock when modal is open */
.modal-open {
    overflow: hidden;
}

/* Alternative: Horizontal Sort Buttons (if needed) */
.sort-buttons-horizontal {
    display: flex;
    gap: 1px;
    flex-wrap: wrap;
}

.sort-btn {
    display: flex;
    align-items: center;
    background: var(--bt-color-light, #ffffff);
    border: 1px solid #ddd;
    padding: 8px 16px;
    font-size: 12px;
    cursor: pointer;
    transition: all 0.2s ease;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-weight: 400;
}

.sort-btn:hover,
.sort-btn.active {
    background: var(--bt-color-dark, #000000);
    color: var(--bt-color-light, #ffffff);
    border-color: var(--bt-color-dark, #000000);
}

/* ==========================================
   HIDE OLD WOOCOMMERCE SORTING SYSTEM
   ========================================== */

/* Hide the default WooCommerce sorting dropdown completely */
.woocommerce-ordering,
form.woocommerce-ordering,
.shop_bar .woocommerce-ordering,
.shop-products .woocommerce-ordering,
.wc-block-catalog-sorting {
    display: none !important;
}

/* Hide any select2 styled dropdowns that might appear */
.woocommerce-ordering .select2-container,
.woocommerce-ordering select {
    display: none !important;
}

/* Ensure our custom sorting is the only one visible */
.custom-shop-sorting {
    display: block !important;
}

/* Footer center */
#footer-bar .footer-center{
	flex-direction:column;
}

/* Footer bar content */
#footer-bar .footer-center .footer-bar-content{
	font-size:15px;
	text-transform:uppercase;
	display:flex;
	flex-direction:row;
	justify-content:center;
	align-items:center;
}

/* Contact icon */
.footer-center .contact-icon{
	margin-right:13px;
	margin-left:39px;
	font-size:25px;
	width:35px;
	height:35px;
}

/* Span Tag */
.footer-center span{
	color:#020202;
	font-weight:300;
}

/* Colophon */
#colophon{
	border-top-style:solid;
	border-top-color:#020202;
	border-top-width:1px;
}

/* Link */
.copyright p a{
	font-size:10px;
	letter-spacing:0.05px;
}

/* Image */
.footer-center p img{
	width:500px;
}

/* Copyright */
#footer-bar .footer-center .copyright{
	margin-top:25px;
}

/* Link */
.footer-links a{
	margin-bottom:13px;
	text-transform:uppercase;
	font-family:'supremotall'!important;
}

/* Widget Title */
.widget h2{
	font-family:'supremoflat'!important;
}

/* Link (hover) */
.footer-links a:hover{
	text-decoration:underline;
}

/* Container */
#wrapper #colophon .footer-widgets .container{
	width:100% !important;
}

/* Footer widgets */
#colophon .footer-widgets{
	display:flex;
	justify-content:center;
	align-items:center;
	align-content:center;
}

/* 782px and smaller screen sizes */
@media (max-width:782px){

	/* Footer bar content */
	#footer-bar .footer-center .footer-bar-content{
		flex-direction:row;
		display:grid;
	}
	
}

/* 767px and smaller screen sizes */
@media (max-width:767px){

	/* Footer center */
	#footer-bar .footer-center{
		flex-direction:column;
	}
	
	/* Footer bar content */
	#footer-bar .footer-center .footer-bar-content{
		font-size:15px;
		text-transform:uppercase;
		display:flex;
		flex-direction:row;
		justify-content:center;
		align-items:center;
	}
	
	/* Contact icon */
	.footer-center .contact-icon{
		margin-right:13px;
		margin-left:39px;
		font-size:25px;
		width:35px;
		height:35px;
	}
	
	/* Span Tag */
	.footer-center span{
		color:#020202;
		font-weight:300;
	}
	
	/* Colophon */
	#colophon{
		border-top-style:solid;
		border-top-color:#020202;
		border-top-width:1px;
	}
	
	/* Link */
	.copyright p a{
		font-size:10px;
		letter-spacing:0.05px;
	}
	
	/* Image */
	.footer-center p img{
		width:500px;
	}
	
	/* Copyright */
	#footer-bar .footer-center .copyright{
		margin-top:25px;
	}
	
	/* Link */
	.footer-links a{
		margin-bottom:13px;
		text-transform:uppercase;
		font-family:'supremotall'!important;
	}
	
	/* Widget Title */
	.widget h2{
		font-family:'supremoflat'!important;
	}
	
	/* Link (hover) */
	.footer-links a:hover{
		text-decoration:underline;
	}
	
	/* Container */
	#wrapper #colophon .footer-widgets .container{
		width:100% !important;
	}
	
	/* Footer widgets */
	#colophon .footer-widgets{
		display:flex;
		justify-content:center;
		align-items:center;
		align-content:center;
	}
	
/* 782px and smaller screen sizes */
	@media (max-width:782px){


		#footer-bar .footer-center .footer-bar-content		flex-direction:row;
		display:grid;
	}
	
	/* Footer bar content */
	#wrapper #colophon #footer-bar .container .footer-center .footer-bar-content{
		flex-direction:column !important;
	}
	
}

/* 782px and smaller screen sizes */
@media (max-width:782px){

	/* Link (hover) */
	#mobile-menu .menu-item a:hover{
		text-decoration:underline;
	}
	
	/* Text (hover) */
	.bottom-extras .quick_cart .text:hover{
		text-decoration:underline;
		
	}
	
	/* Mobile menu right arrows for all items */
	.mobile-menu li .et-menu-toggle {
		display: flex !important;
		justify-content: center;
		align-items: center;
		position: absolute;
		width: 36px;
		height: 36px;
		border-radius: 50px;
		text-align: center;
		right: 0;
		top: 5px;
		cursor: pointer;
	}
	
	/* Right arrow icon for all mobile menu items */
	.mobile-menu li .et-menu-toggle:after {
		content: "→";
		font-family: inherit;
	}
	
	/* Override the default hidden state for menu toggles */
	.mobile-menu li:not(.menu-item-has-children) .et-menu-toggle {
		display: flex !important;
	}
	
}

/* 400px and smaller screen sizes */
@media (max-width:400px){

	/* Simple breadcrumb wrapper */
	.gallery-transition-slide .simple-breadcrumb-wrapper{
		top:35px !important;
		
	}
	
}

/* Heading */
.related h2{
	font-weight:300 !important;
	font-size:15px !important;
	text-transform:uppercase;
	letter-spacing:0.1rem;
}

/* Column 6/12 */
.et-main-products div li{
	padding-left:0px;
	padding-right:0px;
}

/* Actions wrapper */
.et-main-products div .actions-wrapper{
	display:none;
}

/* Caption */
.et-main-products div .caption{
	display:flex;
	align-items:center;
	justify-content:space-between;
	padding-left:15px;
	padding-right:15px;
}

/* Link */
.et-main-products h2 a{
	font-size:11px;
}

/* Bdi */
.et-main-products div bdi{
	color:#2d2d2d;
	font-size:11px;
}

/* Container */
#wrapper .related .container{
	padding-left:15px !important;
	padding-right:15px !important;
}

/* Heading */
#wrapper .product:nth-child(2) .related .container > h2:nth-child(1){
	font-family:'supremoflat'!important;
	margin-bottom:25px;
}

/* Product tab trigger */
.custom-product-tabs .product-tab-trigger{
	font-family:'supremotall';
	letter-spacing:0.03rem;

}

/* ==============================
   MY ACCOUNT LOGIN CUSTOMIZATION
   ============================== */

.et-form-container > #et-login-form .form-group{display: flex;
	flex-direction: column;
}

.et-overflow-container #et-login-form .page-title{font-size: 20px;
	font-weight: 400;
	text-transform: uppercase;
}

.et-overflow-container #et-register-form .page-title{font-size: 20px;
	text-transform: uppercase;
	font-weight: 400;
}

#et-login-form .woocommerce-form-row > label{font-size: 13px;
	margin-bottom: 10px;
	text-transform: uppercase;
}

.form-wrapper .woocommerce-form__label > span{font-size: 13px;
	text-transform: uppercase;
}

.form-wrapper .form-row a{font-size: 13px;
	margin-top: 17px;
	font-weight: 300;
	color: rgba(65 , 65 , 65 , 1);
}

.et-form-container > #et-register-form p{font-size: 13px;
	font-weight: 300;
}

#et-register-form label{font-size: 13px;
	margin-bottom: 10px;
	text-transform: uppercase;
	font-weight: 400;
}

#et-login-form .woocommerce-button{text-transform: uppercase;
	font-size: 14px;
	background-color: rgba(255 , 255 , 255 , 1);
	border-width: 1px;
	border-color: rgba(0 , 0 , 0 , 1);
	color: rgba(0 , 0 , 0 , 1);
}

#et-login-form .woocommerce-button:hover{color: rgba(255 , 255 , 255 , 1);
	background-color: rgba(0 , 0 , 0 , 1);
}
#et-register-form .woocommerce-Button:hover{color: rgba(255 , 255 , 255 , 1);
	background-color: rgba(0 , 0 , 0 , 1);
}
#et-register-form .woocommerce-Button{
	text-transform: uppercase;
	font-size: 14px;
	background-color: rgba(255, 255, 255, 1);
	border-width: 1px;
	border-color: rgba(0, 0, 0, 1);
	color: rgba(0, 0, 0, 1);
}

.container>.post-content p {
	text-align: center;
	font-size: 16px;
	font-weight: 300;
}

.post-content label {
	font-weight: 400;
	text-transform: uppercase;
	margin-bottom: 10px;
	font-size: 14px;
}

.post-content #user_login {
	border-width: 1px;
	border-color: rgba(0, 0, 0, 1);
}

.post-content .woocommerce-Button {
	text-transform: uppercase;
	font-size: 13px;
}

/* ==============================
   🛒 Added to Cart Notification
   ============================== */
.sandro-cart-notification {
	position: static;
	margin-bottom: 20px;
	padding: 16px;
	background: #ffffff;
	border: 1px solid #000000;
	color: var(--bt-color-dark);
	font-size: var(--bt-sm);
}

.notification-content {
	display: flex;
	align-items: center;
	gap: 12px;
}

.notification-image {
	flex-shrink: 0;
}

.notification-product-image {
	width: 60px;
	height: 60px;
	object-fit: cover;
}

.notification-text {
	flex: 1;
	min-width: 0;
}

.notification-message {
	display: block;
    font-family: 'supremo';
    text-transform: uppercase;
	font-weight: 400;
	font-size: var(--bt-sm);
	color: var(--bt-color-dark);
	margin-bottom: 4px;
}

.notification-product {
	display: block;
    font-family: 'supremo';
    text-transform: uppercase;
    font-weight: 300;
	font-size: var(--bt-xs);
	color: var(--bt-color-secondary);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.notification-actions {
	flex-shrink: 0;
}

.notification-view-basket {
	display: inline;
	color: var(--bt-color-dark);
	text-decoration: underline;
	font-size: var(--bt-xs);
	font-weight: normal;
}

.notification-view-basket:hover {
	color: var(--bt-color-dark);
	text-decoration: underline;
}

/* Mobile responsiveness */
@media (max-width: 480px) {
	.notification-content {
		flex-direction: column;
		text-align: center;
		gap: 8px;
	}
	
	.notification-text {
		order: 1;
	}
	
	.notification-image {
		order: 2;
	}
	
	.notification-actions {
		order: 3;
		width: 100%;
	}
	
	.notification-view-basket {
		width: 100%;
		text-align: center;
	}
}