/*
 Theme Name:   Blocksy Child - Warkay Luxe
 Theme URI:    https://warkaybrand.com
 Description:  Warkay Brand luxury redesign - Inspired by Casablanca, Loro Piana, Dior & Gucci
 Author:       Warkay Brand
 Author URI:   https://warkaybrand.com
 Template:     blocksy
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  blocksy-child
*/


/* ============================================================
   1. GLOBAL VARIABLES & COLOR PALETTE
   Casablanca / Loro Piana Luxury Palette
   ============================================================ */

:root {
    /* === Primary Palette === */
    --warkay-cream:         #FAF8F5;
    --warkay-beige-light:   #F5F0EA;
    --warkay-beige:         #EDE8E1;
    --warkay-beige-medium:  #D4C9BC;
    --warkay-camel:         #C4A77D;
    --warkay-gold:          #B8926A;
    --warkay-brown:         #8B7355;
    --warkay-brown-dark:    #6B5A45;
    --warkay-chocolate:     #4A3F35;
    --warkay-espresso:      #2C2420;
    --warkay-black:         #1A1512;

    /* === Accent Colors === */
    --warkay-olive:         #7A7A5A;
    --warkay-sage:          #9B9B7A;
    --warkay-terracotta:    #C4856A;
    --warkay-rose:          #C9A9A0;

    /* === Functional Colors === */
    --warkay-success:       #7A8B6A;
    --warkay-error:         #B85C4A;
    --warkay-info:          #8B9DAF;

    /* === Override Blocksy Theme Palette === */
    --theme-palette-color-1: var(--warkay-camel);
    --theme-palette-color-2: var(--warkay-brown);
    --theme-palette-color-3: var(--warkay-espresso);
    --theme-palette-color-4: var(--warkay-cream);
    --theme-palette-color-5: var(--warkay-beige);
    --theme-palette-color-6: var(--warkay-chocolate);
    --theme-palette-color-7: var(--warkay-gold);
    --theme-palette-color-8: var(--warkay-beige-medium);

    /* === Override Blocksy Core Variables === */
    --theme-text-color:     var(--warkay-chocolate);
    --theme-heading-color:  var(--warkay-espresso);
    --theme-link-initial-color: var(--warkay-brown);
    --theme-link-hover-color:   var(--warkay-camel);
    --theme-link-active-color:  var(--warkay-gold);
    --theme-border-color:   var(--warkay-beige-medium);
    --theme-border-radius:  0px;

    /* === Button Variables === */
    --theme-button-min-height:  52px;
    --theme-button-padding:     14px 40px;
    --theme-button-border-radius: 0px;
    --theme-button-text-initial-color: var(--warkay-cream);
    --theme-button-text-hover-color:   #FFFFFF;
    --theme-button-background-initial-color: var(--warkay-espresso);
    --theme-button-background-hover-color:   var(--warkay-chocolate);
    --theme-button-shadow:     none;
    --theme-button-transform:  none;
    --theme-button-border:     none;

    /* === Container === */
    --theme-content-spacing:    80px;
    --theme-container-width:    1400px;

    /* === Form Fields === */
    --theme-form-field-border-initial-color: var(--warkay-beige-medium);

    /* === Transitions === */
    --warkay-transition:       all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    --warkay-transition-fast:  all 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    --warkay-transition-slow:  all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);

    /* === Typography Spacing === */
    --warkay-letter-spacing:       0.025em;
    --warkay-letter-spacing-wide:  0.08em;
    --warkay-letter-spacing-ultra: 0.15em;
}


/* ============================================================
   2. GLOBAL TYPOGRAPHY
   ============================================================ */

body,
body.warkay-luxe {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    font-weight: 300;
    font-size: 14px;
    line-height: 1.8;
    letter-spacing: var(--warkay-letter-spacing);
    color: var(--warkay-chocolate);
    background-color: var(--warkay-cream);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* === Headings === */
h1, h2, h3, h4, h5, h6,
.entry-title,
.page-title,
.woocommerce-loop-product__title,
.product_title,
.related > h2,
.up-sells > h2,
.cart_totals > h2,
.woocommerce-order-details__title,
.woocommerce-column__title {
    font-family: 'Cormorant Garamond', 'Georgia', 'Times New Roman', serif;
    font-weight: 400;
    color: var(--warkay-espresso);
    letter-spacing: var(--warkay-letter-spacing-wide);
    line-height: 1.2;
}

h1, .entry-title {
    font-size: clamp(28px, 4vw, 48px);
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: var(--warkay-letter-spacing-ultra);
}

h2 {
    font-size: clamp(22px, 3vw, 36px);
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: var(--warkay-letter-spacing-wide);
}

h3 {
    font-size: clamp(18px, 2.5vw, 26px);
    font-weight: 400;
}

h4 {
    font-size: clamp(16px, 2vw, 20px);
    font-weight: 500;
}

h5, h6 {
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: var(--warkay-letter-spacing-wide);
}

/* === Paragraphs & Body Text === */
p {
    margin-bottom: 1.5em;
    line-height: 1.85;
}

/* === Links === */
a {
    color: var(--warkay-brown);
    text-decoration: none;
    transition: var(--warkay-transition-fast);
}

a:hover {
    color: var(--warkay-camel);
}

/* === Selection === */
::selection {
    background-color: var(--warkay-camel);
    color: #FFFFFF;
}

::-moz-selection {
    background-color: var(--warkay-camel);
    color: #FFFFFF;
}


/* ============================================================
   3. GLOBAL BUTTONS & FORMS
   ============================================================ */

/* === Buttons - Luxury Flat Style === */
.button,
.ct-button,
button[type="submit"],
input[type="submit"],
.wp-element-button,
.wp-block-button__link,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.added_to_cart,
.single_add_to_cart_button,
.checkout-button,
.wc-block-components-button {
    font-family: 'Inter', sans-serif !important;
    font-size: 11px !important;
    font-weight: 500 !important;
    letter-spacing: var(--warkay-letter-spacing-ultra) !important;
    text-transform: uppercase !important;
    padding: 16px 44px !important;
    border: 1px solid var(--warkay-espresso) !important;
    border-radius: 0 !important;
    background-color: var(--warkay-espresso) !important;
    color: #FFFFFF !important;
    box-shadow: none !important;
    transform: none !important;
    transition: var(--warkay-transition) !important;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 50px;
    position: relative;
    overflow: hidden;
}

.button:hover,
.ct-button:hover,
button[type="submit"]:hover,
input[type="submit"]:hover,
.wp-element-button:hover,
.wp-block-button__link:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover,
.added_to_cart:hover,
.single_add_to_cart_button:hover,
.checkout-button:hover,
.wc-block-components-button:hover {
    background-color: var(--warkay-chocolate) !important;
    border-color: var(--warkay-chocolate) !important;
    color: #FFFFFF !important;
    box-shadow: none !important;
    transform: none !important;
}

/* === Outline / Secondary Buttons === */
.woocommerce a.button.alt,
.button.alt {
    background-color: var(--warkay-espresso) !important;
    border-color: var(--warkay-espresso) !important;
}

.woocommerce a.button.alt:hover,
.button.alt:hover {
    background-color: var(--warkay-camel) !important;
    border-color: var(--warkay-camel) !important;
}

/* === View Cart / Secondary Links === */
.added_to_cart {
    background-color: transparent !important;
    color: var(--warkay-espresso) !important;
    border: 1px solid var(--warkay-espresso) !important;
}

.added_to_cart:hover {
    background-color: var(--warkay-espresso) !important;
    color: #FFFFFF !important;
}

/* === Form Inputs === */
input[type="text"],
input[type="email"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="url"],
input[type="number"],
textarea,
select,
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.select2-container--default .select2-selection--single {
    font-family: 'Inter', sans-serif;
    font-size: 13px;
    letter-spacing: var(--warkay-letter-spacing);
    padding: 14px 18px;
    border: 1px solid var(--warkay-beige-medium);
    border-radius: 0;
    background-color: #FFFFFF;
    color: var(--warkay-chocolate);
    transition: var(--warkay-transition-fast);
    outline: none;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
input[type="number"]:focus,
textarea:focus,
select:focus {
    border-color: var(--warkay-camel);
    box-shadow: none;
}

/* === Labels === */
label,
.woocommerce form .form-row label {
    font-family: 'Inter', sans-serif;
    font-size: 11px;
    font-weight: 500;
    letter-spacing: var(--warkay-letter-spacing-wide);
    text-transform: uppercase;
    color: var(--warkay-brown);
    margin-bottom: 8px;
}

/* === Quantity Input === */
.quantity {
    border: 1px solid var(--warkay-beige-medium) !important;
    border-radius: 0 !important;
}

.quantity input[type="number"] {
    border: none !important;
    text-align: center;
    font-size: 14px !important;
    font-weight: 400 !important;
}

.quantity .ct-increase,
.quantity .ct-decrease {
    color: var(--warkay-brown) !important;
    transition: var(--warkay-transition-fast);
}

.quantity .ct-increase:hover,
.quantity .ct-decrease:hover {
    color: var(--warkay-espresso) !important;
}


/* ============================================================
   4. HEADER & NAVIGATION
   Minimal luxury header inspired by Dior/LV
   ============================================================ */

#header {
    background-color: var(--warkay-cream);
    border-bottom: 1px solid var(--warkay-beige);
    transition: var(--warkay-transition);
}

/* Sticky header */
#header[data-sticky*="yes"] {
    background-color: rgba(250, 248, 245, 0.97);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border-bottom: 1px solid var(--warkay-beige);
}

/* === Header Rows === */
#header [data-row="top"] {
    background-color: var(--warkay-espresso);
    color: var(--warkay-beige);
    font-size: 11px;
    letter-spacing: var(--warkay-letter-spacing-wide);
    text-transform: uppercase;
    padding: 8px 0;
}

#header [data-row="top"] a {
    color: var(--warkay-beige);
}

#header [data-row="top"] a:hover {
    color: var(--warkay-camel);
}

#header [data-row="middle"] {
    padding: 20px 0;
    background-color: transparent;
}

#header [data-row="bottom"] {
    background-color: transparent;
    border-top: 1px solid var(--warkay-beige);
}

/* === Site Logo & Branding === */
.site-branding,
.site-logo-container {
    transition: var(--warkay-transition);
}

.site-title,
.site-title a {
    font-family: 'Cormorant Garamond', serif !important;
    font-size: clamp(24px, 3vw, 34px) !important;
    font-weight: 400 !important;
    letter-spacing: var(--warkay-letter-spacing-ultra) !important;
    text-transform: uppercase !important;
    color: var(--warkay-espresso) !important;
}

.site-title a:hover {
    color: var(--warkay-camel) !important;
}

.site-description {
    font-size: 10px;
    letter-spacing: var(--warkay-letter-spacing-ultra);
    text-transform: uppercase;
    color: var(--warkay-brown);
    font-weight: 400;
}

/* === Main Navigation Menu === */
[class*="header-menu"] .menu > li > .ct-menu-link,
.ct-header nav .menu > li > a {
    font-family: 'Inter', sans-serif !important;
    font-size: 11px !important;
    font-weight: 500 !important;
    letter-spacing: var(--warkay-letter-spacing-wide) !important;
    text-transform: uppercase !important;
    color: var(--warkay-espresso) !important;
    padding: 10px 18px !important;
    transition: var(--warkay-transition-fast) !important;
    position: relative;
}

[class*="header-menu"] .menu > li > .ct-menu-link::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 18px;
    right: 18px;
    height: 1px;
    background-color: var(--warkay-camel);
    transform: scaleX(0);
    transform-origin: right;
    transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

[class*="header-menu"] .menu > li:hover > .ct-menu-link::after,
[class*="header-menu"] .menu > li.current-menu-item > .ct-menu-link::after {
    transform: scaleX(1);
    transform-origin: left;
}

[class*="header-menu"] .menu > li:hover > .ct-menu-link,
[class*="header-menu"] .menu > li.current-menu-item > .ct-menu-link {
    color: var(--warkay-camel) !important;
}

/* === Sub-menus / Dropdowns === */
[class*="header-menu"] .sub-menu,
.ct-header .sub-menu {
    background-color: #FFFFFF !important;
    border: 1px solid var(--warkay-beige) !important;
    box-shadow: 0 15px 40px rgba(44, 36, 32, 0.08) !important;
    border-radius: 0 !important;
    padding: 12px 0 !important;
    min-width: 220px;
}

[class*="header-menu"] .sub-menu a,
.ct-header .sub-menu a {
    font-size: 12px !important;
    font-weight: 400 !important;
    letter-spacing: var(--warkay-letter-spacing) !important;
    text-transform: none !important;
    color: var(--warkay-chocolate) !important;
    padding: 10px 24px !important;
}

[class*="header-menu"] .sub-menu a:hover,
.ct-header .sub-menu a:hover {
    color: var(--warkay-camel) !important;
    background-color: var(--warkay-beige-light) !important;
}

/* === Header Icons (Cart, Search, Account, Wishlist) === */
.ct-header-cart,
.ct-cart-item,
.ct-header-search,
.ct-header-wishlist,
.ct-header-compare,
.ct-account-item {
    color: var(--warkay-espresso) !important;
    transition: var(--warkay-transition-fast) !important;
}

.ct-header-cart:hover,
.ct-cart-item:hover,
.ct-header-search:hover,
.ct-header-wishlist:hover,
.ct-header-compare:hover,
.ct-account-item:hover {
    color: var(--warkay-camel) !important;
}

/* Cart count badge */
.ct-cart-item .ct-count,
.ct-header-cart .ct-count {
    background-color: var(--warkay-espresso) !important;
    color: #FFFFFF !important;
    font-size: 9px !important;
    font-weight: 500 !important;
    min-width: 18px;
    height: 18px;
    line-height: 18px;
    border-radius: 50%;
}

/* === Mobile Menu Trigger === */
.ct-header-trigger {
    color: var(--warkay-espresso) !important;
}

.ct-header-trigger:hover {
    color: var(--warkay-camel) !important;
}

/* === Mobile Menu Panel === */
#offcanvas,
.ct-panel[data-behaviour] {
    background-color: var(--warkay-cream) !important;
}

#offcanvas .ct-menu-link,
.ct-panel .ct-menu-link {
    font-family: 'Cormorant Garamond', serif !important;
    font-size: 22px !important;
    font-weight: 400 !important;
    letter-spacing: var(--warkay-letter-spacing-wide) !important;
    text-transform: uppercase !important;
    color: var(--warkay-espresso) !important;
    border-bottom: 1px solid var(--warkay-beige) !important;
    padding: 16px 0 !important;
}

/* === Search Overlay === */
.ct-search-form input[type="search"] {
    font-family: 'Cormorant Garamond', serif !important;
    font-size: 28px !important;
    font-weight: 300 !important;
    letter-spacing: var(--warkay-letter-spacing-wide) !important;
    border: none !important;
    border-bottom: 2px solid var(--warkay-beige-medium) !important;
    background: transparent !important;
    color: var(--warkay-espresso) !important;
    padding: 12px 0 !important;
    border-radius: 0 !important;
}

.ct-search-form input[type="search"]:focus {
    border-bottom-color: var(--warkay-camel) !important;
}


/* ============================================================
   5. BREADCRUMBS
   ============================================================ */

.warkay-breadcrumb,
.woocommerce-breadcrumb,
[class*="breadcrumb"] {
    font-family: 'Inter', sans-serif;
    font-size: 11px;
    font-weight: 400;
    letter-spacing: var(--warkay-letter-spacing-wide);
    text-transform: uppercase;
    color: var(--warkay-brown);
    padding: 20px 0;
    margin-bottom: 10px;
}

.warkay-breadcrumb a,
.woocommerce-breadcrumb a {
    color: var(--warkay-brown);
    text-decoration: none;
}

.warkay-breadcrumb a:hover,
.woocommerce-breadcrumb a:hover {
    color: var(--warkay-camel);
}

.warkay-breadcrumb-sep,
.woocommerce-breadcrumb > span:not(:last-child)::after {
    margin: 0 10px;
    color: var(--warkay-beige-medium);
}


/* ============================================================
   6. SINGLE PRODUCT PAGE
   Luxury editorial layout inspired by LV / Dior
   ============================================================ */

/* === Product Page Container === */
.product-entry-wrapper {
    --product-gallery-width: 58%;
    gap: 60px;
    padding-top: 20px;
    align-items: flex-start;
}

/* === Product Gallery === */
.woocommerce-product-gallery {
    position: relative;
}

.woocommerce-product-gallery .ct-media-container,
.woocommerce-product-gallery img {
    border-radius: 0 !important;
    transition: var(--warkay-transition-slow);
}

.woocommerce-product-gallery .ct-media-container:hover img {
    transform: scale(1.03);
}

.woocommerce-product-gallery .ct-media-container {
    overflow: hidden;
    background-color: var(--warkay-beige-light);
}

/* Gallery thumbnails */
.woocommerce-product-gallery .flexy-pills {
    gap: 8px !important;
    margin-top: 12px;
}

.woocommerce-product-gallery .flexy-pills > div {
    border-radius: 0 !important;
    border: 2px solid transparent !important;
    opacity: 0.6;
    transition: var(--warkay-transition-fast);
    cursor: pointer;
}

.woocommerce-product-gallery .flexy-pills > div:hover,
.woocommerce-product-gallery .flexy-pills > div.active {
    opacity: 1;
    border-color: var(--warkay-camel) !important;
}

/* Gallery arrows */
.woocommerce-product-gallery .flexy-arrow-prev,
.woocommerce-product-gallery .flexy-arrow-next {
    background-color: rgba(250, 248, 245, 0.9) !important;
    color: var(--warkay-espresso) !important;
    border-radius: 0 !important;
    width: 48px !important;
    height: 48px !important;
    transition: var(--warkay-transition-fast);
}

.woocommerce-product-gallery .flexy-arrow-prev:hover,
.woocommerce-product-gallery .flexy-arrow-next:hover {
    background-color: var(--warkay-espresso) !important;
    color: #FFFFFF !important;
}

/* Lightbox / Zoom button */
.woocommerce-product-gallery__trigger {
    background-color: rgba(250, 248, 245, 0.9) !important;
    color: var(--warkay-espresso) !important;
    border-radius: 0 !important;
    transition: var(--warkay-transition-fast);
}

.woocommerce-product-gallery__trigger:hover {
    background-color: var(--warkay-espresso) !important;
    color: #FFFFFF !important;
}

/* === Product Summary (Right Side) === */
.entry-summary {
    padding-top: 10px;
}

.entry-summary > .entry-summary-items {
    --product-element-spacing: 16px;
}

/* Product Title */
.product_title.entry-title {
    font-family: 'Cormorant Garamond', serif !important;
    font-size: clamp(26px, 3.5vw, 40px) !important;
    font-weight: 300 !important;
    letter-spacing: var(--warkay-letter-spacing-ultra) !important;
    text-transform: uppercase !important;
    color: var(--warkay-espresso) !important;
    line-height: 1.15 !important;
    margin-bottom: 20px !important;
}

/* Product Price */
.entry-summary .price,
.product .price {
    font-family: 'Inter', sans-serif !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    letter-spacing: var(--warkay-letter-spacing-wide) !important;
    color: var(--warkay-espresso) !important;
    margin-bottom: 24px;
}

.entry-summary .price del {
    color: var(--warkay-beige-medium) !important;
    font-weight: 300;
}

.entry-summary .price ins {
    color: var(--warkay-espresso) !important;
    text-decoration: none;
    font-weight: 500;
}

/* Short Description */
.entry-summary .woocommerce-product-details__short-description {
    font-size: 13px;
    line-height: 1.9;
    color: var(--warkay-chocolate);
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid var(--warkay-beige);
}

/* === Product Variations === */
form.variations_form table.variations {
    margin-bottom: 30px;
}

form.variations_form table.variations td.label label {
    font-family: 'Inter', sans-serif !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: var(--warkay-letter-spacing-wide) !important;
    text-transform: uppercase !important;
    color: var(--warkay-espresso) !important;
}

form.variations_form table.variations td.value select {
    border: 1px solid var(--warkay-beige-medium) !important;
    border-radius: 0 !important;
    padding: 12px 16px !important;
    font-size: 13px !important;
}

/* Variation Swatches */
.variable-items-wrapper .variable-item {
    border: 1px solid var(--warkay-beige-medium) !important;
    border-radius: 0 !important;
    transition: var(--warkay-transition-fast);
    min-width: 44px;
    min-height: 44px;
}

.variable-items-wrapper .variable-item:hover,
.variable-items-wrapper .variable-item.selected {
    border-color: var(--warkay-espresso) !important;
    box-shadow: none !important;
}

.variable-items-wrapper .variable-item.selected::after {
    display: none;
}

/* === Add to Cart Section === */
.ct-cart-actions {
    margin-top: 30px;
}

.single_add_to_cart_button {
    width: 100% !important;
    text-align: center !important;
    font-size: 12px !important;
    padding: 18px 40px !important;
    min-height: 54px !important;
    background-color: var(--warkay-espresso) !important;
    border-color: var(--warkay-espresso) !important;
}

.single_add_to_cart_button:hover {
    background-color: var(--warkay-camel) !important;
    border-color: var(--warkay-camel) !important;
}

/* === Product Dividers === */
.ct-product-divider {
    border-color: var(--warkay-beige) !important;
}

/* === Product Meta (SKU, Category, Tags) === */
.product_meta {
    padding-top: 24px;
    border-top: 1px solid var(--warkay-beige);
    margin-top: 24px;
}

.product_meta > span {
    font-family: 'Inter', sans-serif;
    font-size: 11px;
    letter-spacing: var(--warkay-letter-spacing-wide);
    text-transform: uppercase;
    color: var(--warkay-brown);
    display: block;
    margin-bottom: 8px;
}

.product_meta > span a {
    color: var(--warkay-chocolate);
    font-weight: 500;
}

.product_meta > span a:hover {
    color: var(--warkay-camel);
}

/* === Star Rating === */
.star-rating,
.woocommerce .star-rating {
    color: var(--warkay-camel) !important;
    font-size: 12px;
}

/* === Product Tabs === */
.woocommerce-tabs {
    margin-top: 80px !important;
    border-top: 1px solid var(--warkay-beige);
    padding-top: 60px;
}

.woocommerce-tabs .tabs {
    border-bottom: 1px solid var(--warkay-beige) !important;
    margin-bottom: 40px !important;
    padding: 0 !important;
    gap: 0;
}

.woocommerce-tabs .tabs li {
    border: none !important;
    background: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.woocommerce-tabs .tabs li a {
    font-family: 'Inter', sans-serif !important;
    font-size: 11px !important;
    font-weight: 500 !important;
    letter-spacing: var(--warkay-letter-spacing-ultra) !important;
    text-transform: uppercase !important;
    color: var(--warkay-brown) !important;
    padding: 16px 28px !important;
    border-bottom: 2px solid transparent !important;
    transition: var(--warkay-transition-fast) !important;
    background: none !important;
}

.woocommerce-tabs .tabs li a:hover {
    color: var(--warkay-espresso) !important;
}

.woocommerce-tabs .tabs li.active a {
    color: var(--warkay-espresso) !important;
    border-bottom-color: var(--warkay-camel) !important;
}

/* Tab content */
.woocommerce-Tabs-panel {
    font-size: 14px;
    line-height: 1.9;
    color: var(--warkay-chocolate);
}

/* Accordion style tabs */
.woocommerce-tabs .ct-accordion-heading {
    font-family: 'Inter', sans-serif !important;
    font-size: 11px !important;
    font-weight: 500 !important;
    letter-spacing: var(--warkay-letter-spacing-ultra) !important;
    text-transform: uppercase !important;
    border-color: var(--warkay-beige) !important;
    color: var(--warkay-espresso) !important;
    padding: 20px 0 !important;
}

/* === Additional Info Table === */
.woocommerce-product-attributes {
    border: none !important;
}

.woocommerce-product-attributes th,
.woocommerce-product-attributes td {
    font-size: 13px;
    padding: 14px 0;
    border-bottom: 1px solid var(--warkay-beige);
}

.woocommerce-product-attributes th {
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: var(--warkay-letter-spacing-wide);
    font-size: 11px;
    color: var(--warkay-brown);
    width: 200px;
}

/* === Reviews === */
#reviews .comment-reply-title,
#reviews h2 {
    font-family: 'Cormorant Garamond', serif;
    font-size: 26px;
    font-weight: 400;
    letter-spacing: var(--warkay-letter-spacing-wide);
    text-transform: uppercase;
}

.woocommerce-Reviews .comment-text {
    border: 1px solid var(--warkay-beige) !important;
    border-radius: 0 !important;
    padding: 24px !important;
}

/* === Related / Upsell Products === */
.related,
.up-sells {
    margin-top: 80px !important;
    padding-top: 60px;
    border-top: 1px solid var(--warkay-beige);
}

.related > h2,
.up-sells > h2 {
    font-family: 'Cormorant Garamond', serif !important;
    font-size: clamp(22px, 3vw, 32px) !important;
    font-weight: 300 !important;
    text-transform: uppercase !important;
    letter-spacing: var(--warkay-letter-spacing-ultra) !important;
    text-align: center !important;
    margin-bottom: 50px !important;
    color: var(--warkay-espresso) !important;
}

/* === Payment Methods Icons === */
.ct-payment-methods {
    padding-top: 20px;
    opacity: 0.5;
    transition: var(--warkay-transition-fast);
}

.ct-payment-methods:hover {
    opacity: 1;
}

/* === Sale Badge === */
.onsale {
    font-family: 'Inter', sans-serif !important;
    font-size: 10px !important;
    font-weight: 500 !important;
    letter-spacing: var(--warkay-letter-spacing-wide) !important;
    text-transform: uppercase !important;
    background-color: var(--warkay-espresso) !important;
    color: #FFFFFF !important;
    border-radius: 0 !important;
    padding: 6px 14px !important;
    min-width: auto !important;
}

.out-of-stock-badge {
    font-family: 'Inter', sans-serif !important;
    font-size: 10px !important;
    font-weight: 500 !important;
    letter-spacing: var(--warkay-letter-spacing-wide) !important;
    text-transform: uppercase !important;
    background-color: var(--warkay-beige-medium) !important;
    color: var(--warkay-chocolate) !important;
    border-radius: 0 !important;
}


/* ============================================================
   7. SHOP / ARCHIVE PAGE
   Clean luxury grid inspired by Gucci / Casablanca
   ============================================================ */

/* === Page Header === */
.woocommerce-products-header,
.term-description {
    text-align: center;
    max-width: 700px;
    margin: 0 auto 50px;
}

.woocommerce-products-header__title {
    font-family: 'Cormorant Garamond', serif !important;
    font-size: clamp(30px, 5vw, 52px) !important;
    font-weight: 300 !important;
    text-transform: uppercase !important;
    letter-spacing: var(--warkay-letter-spacing-ultra) !important;
    margin-bottom: 20px !important;
}

.term-description p {
    font-size: 14px;
    color: var(--warkay-brown);
    line-height: 1.9;
}

/* === Listing Top Bar (Sort, Filter, Count) === */
.woo-listing-top {
    border-bottom: 1px solid var(--warkay-beige);
    padding-bottom: 16px;
    margin-bottom: 40px;
}

.woo-listing-top .woocommerce-result-count {
    font-size: 11px;
    letter-spacing: var(--warkay-letter-spacing-wide);
    text-transform: uppercase;
    color: var(--warkay-brown);
}

.woo-listing-top .woocommerce-ordering select {
    font-size: 11px;
    letter-spacing: var(--warkay-letter-spacing-wide);
    text-transform: uppercase;
    border: 1px solid var(--warkay-beige-medium);
    border-radius: 0;
    padding: 10px 16px;
    color: var(--warkay-chocolate);
}

/* === Product Grid === */
[data-products] {
    --grid-columns-gap: 24px;
    --grid-rows-gap: 50px;
}

/* === Product Card === */
[data-products] .product {
    text-align: center;
    position: relative;
    transition: var(--warkay-transition);
}

/* Product Card Image */
[data-products] .product .ct-media-container {
    border-radius: 0 !important;
    overflow: hidden;
    background-color: var(--warkay-beige-light);
    position: relative;
    aspect-ratio: 3/4;
}

[data-products] .product .ct-media-container img {
    transition: transform 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    object-fit: cover;
    width: 100%;
    height: 100%;
}

[data-products] .product:hover .ct-media-container img {
    transform: scale(1.05);
}

/* Product Card Title */
[data-products] .product .woocommerce-loop-product__title {
    font-family: 'Cormorant Garamond', serif !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    letter-spacing: var(--warkay-letter-spacing-wide) !important;
    text-transform: uppercase !important;
    color: var(--warkay-espresso) !important;
    margin-top: 16px !important;
    margin-bottom: 6px !important;
    line-height: 1.4 !important;
    transition: var(--warkay-transition-fast);
}

[data-products] .product:hover .woocommerce-loop-product__title {
    color: var(--warkay-camel) !important;
}

/* Product Card Price */
[data-products] .product .price {
    font-family: 'Inter', sans-serif !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    letter-spacing: var(--warkay-letter-spacing) !important;
    color: var(--warkay-brown) !important;
}

[data-products] .product .price del {
    color: var(--warkay-beige-medium) !important;
}

/* Product Card Actions (Quick View, Wishlist) */
.ct-woo-card-actions {
    opacity: 0;
    transition: var(--warkay-transition);
}

[data-products] .product:hover .ct-woo-card-actions {
    opacity: 1;
}

.ct-woo-card-actions .button,
.ct-woo-card-actions .added_to_cart {
    font-size: 10px !important;
    padding: 12px 24px !important;
    min-height: 42px !important;
    background-color: rgba(250, 248, 245, 0.95) !important;
    color: var(--warkay-espresso) !important;
    border: 1px solid var(--warkay-beige-medium) !important;
    backdrop-filter: blur(10px) !important;
}

.ct-woo-card-actions .button:hover {
    background-color: var(--warkay-espresso) !important;
    color: #FFFFFF !important;
    border-color: var(--warkay-espresso) !important;
}

/* Card Extra Actions (Wishlist, Compare, Quick View icons) */
.ct-woo-card-extra {
    opacity: 0;
    transition: var(--warkay-transition);
}

[data-products] .product:hover .ct-woo-card-extra {
    opacity: 1;
}

.ct-woo-card-extra a,
.ct-woo-card-extra button {
    background-color: rgba(250, 248, 245, 0.92) !important;
    color: var(--warkay-espresso) !important;
    border-radius: 0 !important;
    width: 40px !important;
    height: 40px !important;
    transition: var(--warkay-transition-fast);
}

.ct-woo-card-extra a:hover,
.ct-woo-card-extra button:hover {
    background-color: var(--warkay-espresso) !important;
    color: #FFFFFF !important;
}

/* === Sale Badge on Cards === */
[data-products] .onsale {
    position: absolute;
    top: 12px;
    left: 12px;
    z-index: 3;
}

/* === Pagination === */
.ct-pagination,
.woocommerce-pagination {
    margin-top: 60px;
    border-top: 1px solid var(--warkay-beige);
    padding-top: 40px;
}

.ct-pagination .page-numbers,
.woocommerce-pagination .page-numbers li a,
.woocommerce-pagination .page-numbers li span {
    font-family: 'Inter', sans-serif;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: var(--warkay-letter-spacing-wide);
    color: var(--warkay-brown);
    width: 44px;
    height: 44px;
    line-height: 44px;
    text-align: center;
    border: 1px solid transparent;
    transition: var(--warkay-transition-fast);
}

.ct-pagination .page-numbers:hover,
.woocommerce-pagination .page-numbers li a:hover {
    border-color: var(--warkay-espresso);
    color: var(--warkay-espresso);
}

.ct-pagination .page-numbers.current,
.woocommerce-pagination .page-numbers li span.current {
    background-color: var(--warkay-espresso);
    color: #FFFFFF;
    border-color: var(--warkay-espresso);
}


/* ============================================================
   8. CART PAGE
   ============================================================ */

.woocommerce-cart .entry-title,
.woocommerce-cart .page-title {
    text-align: center;
    margin-bottom: 50px;
}

/* Cart Table */
.woocommerce-cart-form table.shop_table,
.ct-woocommerce-cart-form .shop_table {
    border: none !important;
    border-collapse: separate;
    border-spacing: 0;
}

.woocommerce-cart-form table.shop_table thead {
    border-bottom: 2px solid var(--warkay-beige);
}

.woocommerce-cart-form table.shop_table thead th {
    font-family: 'Inter', sans-serif;
    font-size: 10px;
    font-weight: 600;
    letter-spacing: var(--warkay-letter-spacing-ultra);
    text-transform: uppercase;
    color: var(--warkay-brown);
    padding: 14px 0;
    border: none;
}

.woocommerce-cart-form table.shop_table td {
    padding: 24px 10px;
    border-bottom: 1px solid var(--warkay-beige);
    vertical-align: middle;
}

/* Cart product image */
.woocommerce-cart-form .product-thumbnail img {
    border-radius: 0 !important;
    max-width: 80px;
    background-color: var(--warkay-beige-light);
}

/* Cart product name */
.woocommerce-cart-form .product-name a {
    font-family: 'Cormorant Garamond', serif;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: var(--warkay-letter-spacing-wide);
    text-transform: uppercase;
    color: var(--warkay-espresso);
}

.woocommerce-cart-form .product-name a:hover {
    color: var(--warkay-camel);
}

/* Cart remove button */
.woocommerce-cart-form .product-remove a {
    color: var(--warkay-beige-medium) !important;
    font-size: 18px;
    transition: var(--warkay-transition-fast);
}

.woocommerce-cart-form .product-remove a:hover {
    color: var(--warkay-error) !important;
}

/* === Cart Totals === */
.cart_totals {
    background-color: var(--warkay-beige-light) !important;
    padding: 40px !important;
    border: none !important;
    border-radius: 0 !important;
}

.cart_totals > h2 {
    font-family: 'Cormorant Garamond', serif !important;
    font-size: 22px !important;
    font-weight: 400 !important;
    text-transform: uppercase !important;
    letter-spacing: var(--warkay-letter-spacing-wide) !important;
    margin-bottom: 30px !important;
    padding-bottom: 20px !important;
    border-bottom: 1px solid var(--warkay-beige-medium) !important;
}

.cart_totals table {
    border: none !important;
}

.cart_totals table th,
.cart_totals table td {
    font-size: 13px;
    padding: 14px 0;
    border-bottom: 1px solid var(--warkay-beige);
}

.cart_totals table th {
    font-size: 11px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: var(--warkay-letter-spacing-wide);
    color: var(--warkay-brown);
}

.cart_totals .order-total td {
    font-size: 18px;
    font-weight: 500;
    color: var(--warkay-espresso);
}

/* Checkout button in cart */
.cart_totals .checkout-button,
.wc-proceed-to-checkout .checkout-button {
    width: 100% !important;
    margin-top: 20px !important;
}

/* Coupon section */
.coupon {
    display: flex;
    gap: 10px;
    align-items: center;
}

.coupon input[type="text"] {
    flex: 1;
    border: 1px solid var(--warkay-beige-medium) !important;
    border-radius: 0 !important;
    padding: 14px 18px !important;
}

.coupon .button {
    background-color: transparent !important;
    color: var(--warkay-espresso) !important;
    border: 1px solid var(--warkay-espresso) !important;
    padding: 14px 24px !important;
    white-space: nowrap;
}

.coupon .button:hover {
    background-color: var(--warkay-espresso) !important;
    color: #FFFFFF !important;
}

/* Update cart button */
button[name="update_cart"] {
    background-color: transparent !important;
    color: var(--warkay-espresso) !important;
    border: 1px solid var(--warkay-beige-medium) !important;
}

button[name="update_cart"]:hover {
    border-color: var(--warkay-espresso) !important;
}


/* ============================================================
   9. MINI CART / CART DRAWER
   ============================================================ */

#woo-cart-panel,
.ct-cart-canvas {
    background-color: var(--warkay-cream) !important;
}

#woo-cart-panel .ct-panel-inner {
    padding: 40px 30px;
}

/* Mini cart title */
#woo-cart-panel .ct-panel-heading,
.ct-cart-canvas .ct-panel-heading {
    font-family: 'Cormorant Garamond', serif !important;
    font-size: 22px !important;
    font-weight: 400 !important;
    text-transform: uppercase !important;
    letter-spacing: var(--warkay-letter-spacing-wide) !important;
    border-bottom: 1px solid var(--warkay-beige);
    padding-bottom: 20px;
}

/* Mini cart items */
.woocommerce-mini-cart li {
    padding: 20px 0 !important;
    border-bottom: 1px solid var(--warkay-beige) !important;
}

.woocommerce-mini-cart li a:not(.remove) {
    font-family: 'Cormorant Garamond', serif;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: var(--warkay-letter-spacing);
    text-transform: uppercase;
    color: var(--warkay-espresso);
}

.woocommerce-mini-cart li img {
    border-radius: 0 !important;
    background-color: var(--warkay-beige-light);
}

/* Mini cart total */
.woocommerce-mini-cart__total {
    font-size: 11px !important;
    font-weight: 500 !important;
    letter-spacing: var(--warkay-letter-spacing-wide) !important;
    text-transform: uppercase !important;
    padding: 20px 0 !important;
    border-top: 2px solid var(--warkay-espresso) !important;
}

.woocommerce-mini-cart__total .amount {
    font-size: 16px !important;
    font-weight: 500 !important;
    color: var(--warkay-espresso) !important;
}

/* Mini cart buttons */
.woocommerce-mini-cart__buttons {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding-top: 10px;
}

.woocommerce-mini-cart__buttons .button:first-child {
    background-color: transparent !important;
    color: var(--warkay-espresso) !important;
    border: 1px solid var(--warkay-espresso) !important;
}

.woocommerce-mini-cart__buttons .button:first-child:hover {
    background-color: var(--warkay-beige-light) !important;
}

.woocommerce-mini-cart__buttons .checkout {
    background-color: var(--warkay-espresso) !important;
    border-color: var(--warkay-espresso) !important;
}

/* Empty cart message */
.woocommerce-mini-cart__empty-message {
    font-family: 'Cormorant Garamond', serif;
    font-size: 18px;
    font-weight: 400;
    text-align: center;
    color: var(--warkay-brown);
    letter-spacing: var(--warkay-letter-spacing-wide);
    padding: 40px 0;
}


/* ============================================================
   10. CHECKOUT PAGE
   ============================================================ */

.woocommerce-checkout .entry-title,
.woocommerce-checkout .page-title {
    text-align: center;
    margin-bottom: 50px;
}

/* Checkout layout */
.ct-woocommerce-checkout {
    gap: 60px;
}

/* Form sections */
#customer_details .col-1,
#customer_details .col-2 {
    margin-bottom: 40px;
}

.woocommerce-checkout h3 {
    font-family: 'Cormorant Garamond', serif !important;
    font-size: 22px !important;
    font-weight: 400 !important;
    text-transform: uppercase !important;
    letter-spacing: var(--warkay-letter-spacing-wide) !important;
    margin-bottom: 30px !important;
    padding-bottom: 16px !important;
    border-bottom: 1px solid var(--warkay-beige) !important;
}

/* Form rows */
.woocommerce-checkout .form-row {
    margin-bottom: 20px;
}

.woocommerce-checkout .form-row input,
.woocommerce-checkout .form-row textarea,
.woocommerce-checkout .form-row select {
    border: 1px solid var(--warkay-beige-medium) !important;
    border-radius: 0 !important;
    padding: 14px 18px !important;
    font-size: 13px;
    transition: var(--warkay-transition-fast);
}

.woocommerce-checkout .form-row input:focus,
.woocommerce-checkout .form-row textarea:focus {
    border-color: var(--warkay-camel) !important;
    box-shadow: none !important;
}

/* Order Review */
.ct-order-review,
#order_review {
    background-color: var(--warkay-beige-light) !important;
    padding: 40px !important;
    border: none !important;
    border-radius: 0 !important;
}

.ct-order-review h3,
#order_review_heading {
    font-family: 'Cormorant Garamond', serif !important;
    font-size: 22px !important;
    text-transform: uppercase !important;
    letter-spacing: var(--warkay-letter-spacing-wide) !important;
}

/* Order table */
.woocommerce-checkout-review-order-table {
    border: none !important;
}

.woocommerce-checkout-review-order-table th,
.woocommerce-checkout-review-order-table td {
    font-size: 13px;
    padding: 14px 0;
    border-bottom: 1px solid var(--warkay-beige);
}

.woocommerce-checkout-review-order-table thead th {
    font-size: 10px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: var(--warkay-letter-spacing-ultra);
    color: var(--warkay-brown);
}

.woocommerce-checkout-review-order-table .order-total td {
    font-size: 18px;
    font-weight: 500;
    color: var(--warkay-espresso);
}

/* Payment methods */
#payment .payment_methods {
    border: none !important;
    padding: 0 !important;
}

#payment .payment_methods li {
    border-bottom: 1px solid var(--warkay-beige) !important;
    padding: 16px 0 !important;
}

#payment .payment_methods li label {
    font-size: 13px;
    font-weight: 400;
    color: var(--warkay-espresso);
}

/* Place order button */
#place_order {
    width: 100% !important;
    font-size: 12px !important;
    padding: 18px 40px !important;
    margin-top: 20px !important;
}

/* Notices */
.woocommerce-NoticeGroup,
.woocommerce-notice,
.woocommerce-message,
.woocommerce-info,
.woocommerce-error {
    border-radius: 0 !important;
    border-left: 3px solid var(--warkay-camel) !important;
    background-color: var(--warkay-beige-light) !important;
    color: var(--warkay-chocolate) !important;
    font-size: 13px;
    padding: 16px 20px !important;
}

.woocommerce-error {
    border-left-color: var(--warkay-error) !important;
}

.woocommerce-message::before,
.woocommerce-info::before {
    color: var(--warkay-camel) !important;
}


/* ============================================================
   11. MY ACCOUNT PAGE
   ============================================================ */

.woocommerce-MyAccount-navigation {
    border: none !important;
}

.woocommerce-MyAccount-navigation ul li {
    border-bottom: 1px solid var(--warkay-beige);
}

.woocommerce-MyAccount-navigation ul li a {
    font-family: 'Inter', sans-serif;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: var(--warkay-letter-spacing-wide);
    text-transform: uppercase;
    color: var(--warkay-brown);
    padding: 14px 0;
    display: block;
    transition: var(--warkay-transition-fast);
}

.woocommerce-MyAccount-navigation ul li a:hover,
.woocommerce-MyAccount-navigation ul li.is-active a {
    color: var(--warkay-espresso);
}

.woocommerce-MyAccount-navigation ul li.is-active {
    border-left: 2px solid var(--warkay-camel);
    padding-left: 16px;
}


/* ============================================================
   12. FOOTER
   ============================================================ */

#footer,
footer.ct-footer {
    background-color: var(--warkay-espresso) !important;
    color: var(--warkay-beige) !important;
}

/* Footer top row */
footer [data-row="top"] {
    border-bottom: 1px solid rgba(196, 167, 125, 0.15);
    padding: 60px 0 !important;
}

/* Footer middle row */
footer [data-row="middle"] {
    padding: 60px 0 !important;
}

/* Footer bottom row */
footer [data-row="bottom"] {
    border-top: 1px solid rgba(196, 167, 125, 0.15);
    padding: 24px 0 !important;
}

/* Footer headings */
footer h2,
footer h3,
footer h4,
footer .widget-title {
    font-family: 'Cormorant Garamond', serif !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    text-transform: uppercase !important;
    letter-spacing: var(--warkay-letter-spacing-ultra) !important;
    color: var(--warkay-camel) !important;
    margin-bottom: 24px !important;
}

/* Footer text */
footer p,
footer .ct-footer-text {
    color: var(--warkay-beige) !important;
    font-size: 12px;
    line-height: 1.8;
    letter-spacing: var(--warkay-letter-spacing);
}

/* Footer links */
footer a,
footer .widget a,
footer .menu a {
    color: var(--warkay-beige) !important;
    font-size: 12px;
    letter-spacing: var(--warkay-letter-spacing);
    transition: var(--warkay-transition-fast);
}

footer a:hover,
footer .widget a:hover,
footer .menu a:hover {
    color: var(--warkay-camel) !important;
}

/* Footer menu items */
footer .menu li {
    margin-bottom: 8px;
}

footer .menu li a {
    font-size: 12px !important;
    text-transform: none !important;
    letter-spacing: var(--warkay-letter-spacing) !important;
    padding: 4px 0 !important;
}

/* Footer social icons */
footer .ct-social-box a {
    color: var(--warkay-beige) !important;
    opacity: 0.7;
    transition: var(--warkay-transition-fast);
}

footer .ct-social-box a:hover {
    color: var(--warkay-camel) !important;
    opacity: 1;
}

/* Footer newsletter/form */
footer input[type="email"],
footer input[type="text"] {
    background-color: transparent !important;
    border: 1px solid rgba(196, 167, 125, 0.3) !important;
    color: var(--warkay-beige) !important;
    border-radius: 0 !important;
    padding: 14px 18px !important;
}

footer input[type="email"]:focus,
footer input[type="text"]:focus {
    border-color: var(--warkay-camel) !important;
}

footer input[type="submit"],
footer button[type="submit"] {
    background-color: var(--warkay-camel) !important;
    border-color: var(--warkay-camel) !important;
    color: #FFFFFF !important;
}

footer input[type="submit"]:hover,
footer button[type="submit"]:hover {
    background-color: var(--warkay-gold) !important;
    border-color: var(--warkay-gold) !important;
}

/* Copyright text */
footer .ct-footer-copyright {
    font-size: 11px;
    letter-spacing: var(--warkay-letter-spacing-wide);
    color: rgba(237, 232, 225, 0.5) !important;
}


/* ============================================================
   13. SIDEBAR & WIDGETS
   ============================================================ */

.ct-sidebar .widget {
    margin-bottom: 40px;
    padding-bottom: 40px;
    border-bottom: 1px solid var(--warkay-beige);
}

.ct-sidebar .widget-title {
    font-family: 'Cormorant Garamond', serif !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    text-transform: uppercase !important;
    letter-spacing: var(--warkay-letter-spacing-ultra) !important;
    margin-bottom: 20px !important;
    padding-bottom: 14px !important;
    border-bottom: 1px solid var(--warkay-beige) !important;
}

/* Widget product list */
.ct-sidebar .product_list_widget li {
    padding: 12px 0;
    border-bottom: 1px solid var(--warkay-beige-light);
}

.ct-sidebar .product_list_widget li img {
    border-radius: 0 !important;
}

/* Price filter */
.widget_price_filter .price_slider_wrapper {
    padding: 10px 0;
}

.widget_price_filter .ui-slider {
    background-color: var(--warkay-beige) !important;
    border-radius: 0 !important;
    height: 2px !important;
}

.widget_price_filter .ui-slider .ui-slider-range {
    background-color: var(--warkay-camel) !important;
}

.widget_price_filter .ui-slider .ui-slider-handle {
    background-color: var(--warkay-espresso) !important;
    border-radius: 50% !important;
    width: 14px !important;
    height: 14px !important;
    top: -6px !important;
    border: 2px solid #FFFFFF !important;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1) !important;
}


/* ============================================================
   14. ANIMATIONS & TRANSITIONS
   ============================================================ */

/* Fade in animation for page elements */
@keyframes warkayFadeInUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes warkayFadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

/* Apply subtle fade-in to product elements */
.product-entry-wrapper .entry-summary {
    animation: warkayFadeInUp 0.6s ease-out;
}

.product-entry-wrapper .woocommerce-product-gallery {
    animation: warkayFadeIn 0.8s ease-out;
}

/* Smooth hover effects */
[data-products] .product {
    transition: var(--warkay-transition);
}

/* Image zoom on hover */
.ct-media-container {
    overflow: hidden;
}

.ct-media-container img {
    transition: transform 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

/* Underline animation for links */
.woocommerce-loop-product__link {
    position: relative;
}

/* Loading skeleton shimmer */
@keyframes warkayShimmer {
    0% { background-position: -200% 0; }
    100% { background-position: 200% 0; }
}

.woocommerce-product-gallery[data-state="loading"] .ct-media-container {
    background: linear-gradient(
        90deg,
        var(--warkay-beige-light) 25%,
        var(--warkay-beige) 50%,
        var(--warkay-beige-light) 75%
    );
    background-size: 200% 100%;
    animation: warkayShimmer 1.5s infinite;
}


/* ============================================================
   15. WOOCOMMERCE BLOCKS (Gutenberg)
   ============================================================ */

.wc-block-grid__product {
    text-align: center;
}

.wc-block-grid__product-title {
    font-family: 'Cormorant Garamond', serif !important;
    font-size: 16px !important;
    text-transform: uppercase !important;
    letter-spacing: var(--warkay-letter-spacing-wide) !important;
}

.wc-block-grid__product-price {
    font-family: 'Inter', sans-serif !important;
    font-size: 13px !important;
    color: var(--warkay-brown) !important;
}

.wc-block-grid__product-image img {
    border-radius: 0 !important;
}

.wc-block-grid__product-add-to-cart .wp-block-button__link {
    font-size: 10px !important;
    letter-spacing: var(--warkay-letter-spacing-ultra) !important;
}


/* ============================================================
   16. SCROLLBAR STYLING
   ============================================================ */

::-webkit-scrollbar {
    width: 6px;
}

::-webkit-scrollbar-track {
    background: var(--warkay-cream);
}

::-webkit-scrollbar-thumb {
    background: var(--warkay-beige-medium);
    border-radius: 3px;
}

::-webkit-scrollbar-thumb:hover {
    background: var(--warkay-brown);
}


/* ============================================================
   17. RESPONSIVE - TABLET
   ============================================================ */

@media (max-width: 999px) {
    /* Header */
    #header [data-row="middle"] {
        padding: 16px 0;
    }

    .site-title,
    .site-title a {
        font-size: 22px !important;
    }

    /* Product page */
    .product-entry-wrapper {
        --product-gallery-width: 100%;
        gap: 30px;
    }

    .product_title.entry-title {
        font-size: 26px !important;
    }

    .single_add_to_cart_button {
        padding: 16px 30px !important;
    }

    /* Tabs */
    .woocommerce-tabs {
        margin-top: 50px !important;
        padding-top: 40px;
    }

    .woocommerce-tabs .tabs li a {
        padding: 14px 18px !important;
        font-size: 10px !important;
    }

    /* Related */
    .related,
    .up-sells {
        margin-top: 50px !important;
        padding-top: 40px;
    }

    .related > h2,
    .up-sells > h2 {
        margin-bottom: 30px !important;
    }

    /* Grid */
    [data-products] {
        --grid-columns-gap: 16px;
        --grid-rows-gap: 36px;
    }

    /* Cart */
    .cart_totals {
        padding: 30px !important;
    }

    /* Checkout */
    .ct-woocommerce-checkout {
        gap: 30px;
    }

    .ct-order-review,
    #order_review {
        padding: 30px !important;
    }

    /* Footer */
    footer [data-row="top"],
    footer [data-row="middle"] {
        padding: 40px 0 !important;
    }

    /* Content spacing */
    :root {
        --theme-content-spacing: 50px;
    }
}


/* ============================================================
   18. RESPONSIVE - MOBILE
   ============================================================ */

@media (max-width: 689px) {
    body {
        font-size: 13px;
    }

    /* Header */
    #header [data-row="top"] {
        font-size: 9px;
        padding: 6px 0;
    }

    #header [data-row="middle"] {
        padding: 12px 0;
    }

    .site-title,
    .site-title a {
        font-size: 18px !important;
        letter-spacing: var(--warkay-letter-spacing-wide) !important;
    }

    /* Product page */
    .product_title.entry-title {
        font-size: 22px !important;
    }

    .entry-summary .price {
        font-size: 15px !important;
    }

    .single_add_to_cart_button {
        padding: 14px 20px !important;
        font-size: 11px !important;
    }

    /* Tabs */
    .woocommerce-tabs .tabs {
        flex-direction: column;
    }

    .woocommerce-tabs .tabs li a {
        padding: 14px 0 !important;
        border-bottom: 1px solid var(--warkay-beige) !important;
    }

    /* Product grid */
    [data-products] {
        --grid-columns-gap: 12px;
        --grid-rows-gap: 28px;
    }

    [data-products] .product .woocommerce-loop-product__title {
        font-size: 13px !important;
    }

    [data-products] .product .price {
        font-size: 12px !important;
    }

    /* Card actions always visible on mobile */
    .ct-woo-card-actions {
        opacity: 1;
    }

    .ct-woo-card-extra {
        opacity: 1;
    }

    /* Cart page */
    .woocommerce-cart-form .product-thumbnail img {
        max-width: 60px;
    }

    .cart_totals {
        padding: 24px !important;
    }

    /* Checkout */
    .ct-order-review,
    #order_review {
        padding: 24px !important;
    }

    .woocommerce-checkout h3 {
        font-size: 18px !important;
    }

    /* Footer */
    footer [data-row="top"],
    footer [data-row="middle"] {
        padding: 30px 0 !important;
    }

    footer h2,
    footer h3,
    footer h4,
    footer .widget-title {
        font-size: 14px !important;
        margin-bottom: 16px !important;
    }

    /* Content spacing */
    :root {
        --theme-content-spacing: 30px;
    }

    /* Buttons */
    .button,
    .ct-button,
    .woocommerce a.button,
    .woocommerce button.button {
        padding: 14px 24px !important;
        font-size: 10px !important;
    }

    /* Page titles */
    .woocommerce-products-header__title {
        font-size: 28px !important;
    }

    h1, .entry-title {
        font-size: 24px !important;
    }

    h2 {
        font-size: 20px !important;
    }
}


/* ============================================================
   19. PRINT STYLES
   ============================================================ */

@media print {
    body {
        background: #FFFFFF;
        color: #000000;
    }

    #header,
    #footer,
    .ct-sidebar,
    .woo-listing-top,
    .ct-woo-card-actions,
    .ct-woo-card-extra,
    .single_add_to_cart_button,
    .ct-cart-actions {
        display: none !important;
    }
}


/* ============================================================
   20. ELEMENTOR OVERRIDES
   For pages built with Elementor page builder
   ============================================================ */

.elementor-widget-heading .elementor-heading-title {
    font-family: 'Cormorant Garamond', serif !important;
    letter-spacing: var(--warkay-letter-spacing-wide) !important;
    color: var(--warkay-espresso) !important;
}

.elementor-widget-text-editor {
    font-family: 'Inter', sans-serif !important;
    color: var(--warkay-chocolate) !important;
    letter-spacing: var(--warkay-letter-spacing) !important;
}

.elementor-button {
    font-family: 'Inter', sans-serif !important;
    font-size: 11px !important;
    font-weight: 500 !important;
    letter-spacing: var(--warkay-letter-spacing-ultra) !important;
    text-transform: uppercase !important;
    border-radius: 0 !important;
}

.elementor-widget-image img {
    border-radius: 0 !important;
}

/* Elementor sections spacing */
.elementor-section {
    padding-top: 60px;
    padding-bottom: 60px;
}

/* Elementor WooCommerce products widget */
.elementor-widget-woocommerce-products .product .woocommerce-loop-product__title {
    font-family: 'Cormorant Garamond', serif !important;
    text-transform: uppercase !important;
    letter-spacing: var(--warkay-letter-spacing-wide) !important;
}

/* Elementor divider */
.elementor-divider-separator {
    border-color: var(--warkay-beige) !important;
}


/* ============================================================
   21. UTILITY CLASSES
   ============================================================ */

.warkay-serif {
    font-family: 'Cormorant Garamond', serif !important;
}

.warkay-sans {
    font-family: 'Inter', sans-serif !important;
}

.warkay-uppercase {
    text-transform: uppercase !important;
    letter-spacing: var(--warkay-letter-spacing-wide) !important;
}

.warkay-bg-cream {
    background-color: var(--warkay-cream) !important;
}

.warkay-bg-beige {
    background-color: var(--warkay-beige-light) !important;
}

.warkay-bg-dark {
    background-color: var(--warkay-espresso) !important;
    color: var(--warkay-beige) !important;
}

.warkay-text-camel {
    color: var(--warkay-camel) !important;
}

.warkay-text-brown {
    color: var(--warkay-brown) !important;
}

.warkay-border-top {
    border-top: 1px solid var(--warkay-beige) !important;
}

.warkay-border-bottom {
    border-bottom: 1px solid var(--warkay-beige) !important;
}

.warkay-section-spacing {
    padding: 80px 0;
}

.warkay-text-center {
    text-align: center;
}