.elementor-kit-6{--e-global-color-primary:#2F1E12;--e-global-color-secondary:#8B6B4A;--e-global-color-text:#2D2D2D;--e-global-color-accent:#C89B3C;--e-global-typography-primary-font-family:"Playfair Display";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Poppins";--e-global-typography-secondary-font-weight:500;--e-global-typography-text-font-family:"Poppins";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Poppins";--e-global-typography-accent-font-weight:600;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS *//* ============================================================
   SULTAN BABA — COMPLETE CUSTOM CSS
   Paste this ENTIRE file into:
   Elementor > Site Settings > Custom CSS
   (Delete anything already in that box first, then paste this)
   ============================================================ */

:root {
    --sb-gold: #C6A15B;
    --sb-brown: #6B4423;
    --sb-brown-hover: #4E3119;
    --sb-dark: #111111;
    --sb-dark-hover: #2b2b2b;
    --sb-cream: #F8F6F2;
    --sb-muted: #6B6B6B;
}

/* ============================================================
   PART 1: SITEWIDE WOOCOMMERCE COLORS (buttons, prices, etc.)
   ============================================================ */

.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.elementor-button,
a.add_to_cart_button,
.ajax_add_to_cart {
    background-color: var(--sb-brown) !important;
    border-color: var(--sb-brown) !important;
    color: #fff !important;
    transition: all 0.3s ease !important;
}

.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.elementor-button:hover,
a.add_to_cart_button:hover {
    background-color: var(--sb-brown-hover) !important;
    border-color: var(--sb-brown-hover) !important;
    color: #fff !important;
}

.woocommerce .price,
.woocommerce .price ins,
p.price,
span.price {
    color: var(--sb-brown) !important;
    font-weight: 700 !important;
}

.woocommerce .star-rating span::before,
.star-rating span::before {
    color: var(--sb-gold) !important;
}

.payment-card,
.payment-details-box {
    border-color: rgba(198, 161, 91, 0.3) !important;
}

.payment-card .copy-btn,
.payment-details-box a {
    color: var(--sb-brown) !important;
}

.related.products h2,
.related.products .woocommerce-loop-product__title {
    font-family: Georgia, "Times New Roman", serif !important;
    color: var(--sb-dark) !important;
}

.related.products .price {
    color: var(--sb-brown) !important;
}

.quantity input.qty {
    border-color: rgba(198, 161, 91, 0.35) !important;
}

/* ============================================================
   PART 2: PRODUCT PAGE LAYOUT (Marc & Jason style)
   ============================================================ */

/* Soft warm off-white background, not pure white */
body.single-product,
.single-product .site-content,
.single-product main,
.woocommerce div.product,
.single-product .elementor-widget-container {
    background-color: #FAF8F4 !important;
    box-shadow: none !important;
}

.woocommerce div.product .product,
.woocommerce-product-gallery {
    box-shadow: none !important;
    border: none !important;
}

.summary.entry-summary {
    background-color: transparent !important;
    padding-left: 20px;
}

/* Gallery: thumbnails left, main image right */
.woocommerce-product-gallery {
    display: flex !important;
    flex-direction: row-reverse !important;
    gap: 16px;
}

.woocommerce-product-gallery .flex-control-thumbs {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px;
    width: 90px;
    list-style: none;
    margin: 0;
    padding: 0;
}

.woocommerce-product-gallery .flex-control-thumbs li img {
    border: 1px solid rgba(198, 161, 91, 0.25) !important;
    border-radius: 2px;
    opacity: 0.7;
    transition: all 0.3s ease;
    cursor: pointer;
}

.woocommerce-product-gallery .flex-control-thumbs li img:hover,
.woocommerce-product-gallery .flex-control-thumbs li.flex-active-slide img {
    border-color: var(--sb-brown) !important;
    opacity: 1;
}

.woocommerce-product-gallery__wrapper {
    flex: 1;
}

.woocommerce-product-gallery__image img {
    width: 100%;
    object-fit: contain;
    background: #FAF8F4;
}

/* Product title + price */
.product_title,
.woocommerce div.product .product_title {
    font-family: Georgia, "Times New Roman", serif !important;
    font-size: 26px !important;
    font-weight: 700 !important;
    letter-spacing: 1px;
    color: var(--sb-dark) !important;
    text-transform: uppercase;
    margin-bottom: 10px !important;
}

.woocommerce div.product p.price,
.woocommerce div.product span.price {
    font-size: 18px !important;
    color: var(--sb-brown) !important;
    font-weight: 600 !important;
}

.woocommerce-shipping-destination,
.tax-note {
    font-size: 12px;
    color: var(--sb-muted);
    letter-spacing: 0.3px;
}

/* Small-caps labels: SIZE CHART / COLOR / SIZE / QUANTITY */
.sb-option-label,
.variations th.label,
.woocommerce div.product form.cart .variations label {
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    color: var(--sb-dark) !important;
    margin-bottom: 10px;
    display: block;
}

/* Color/size swatch circles */
.sb-swatch,
.variable-item {
    width: 44px !important;
    height: 44px !important;
    border-radius: 50% !important;
    border: 1px solid rgba(198, 161, 91, 0.3) !important;
    overflow: hidden;
    cursor: pointer;
    transition: border-color 0.3s ease;
}

.sb-swatch.selected,
.variable-item.selected,
.variable-item:hover {
    border-color: var(--sb-brown) !important;
    border-width: 2px !important;
}

/* Size dropdown */
.woocommerce div.product form.cart select,
select#shoe-size,
select,
.woocommerce select {
    border: 1px solid rgba(198, 161, 91, 0.35) !important;
    padding: 10px 14px !important;
    font-size: 13px !important;
    border-radius: 2px !important;
    background: #fff !important;
    min-width: 220px;
}

select:focus,
.woocommerce select:focus {
    border-color: var(--sb-brown) !important;
    outline: none !important;
}

/* Promo line (Buy 1 Get 50% off / Free shipping) */
.sb-promo-line {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 13px;
    color: var(--sb-dark);
    margin: 8px 0;
}

.sb-promo-line svg {
    width: 16px;
    height: 16px;
    stroke: var(--sb-brown);
}

/* Buttons: outline Add to Cart + solid dark Buy Now */
.sb-cart-buttons {
    display: flex;
    flex-direction: column;
    gap: 10px;
    max-width: 420px;
    margin: 18px 0;
}

.woocommerce div.product form.cart .button,
.sb-btn-outline {
    width: 100% !important;
    padding: 16px !important;
    background: transparent !important;
    border: 1px solid var(--sb-brown) !important;
    color: var(--sb-brown) !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    cursor: pointer;
    transition: all 0.3s ease !important;
    text-align: center;
}

.woocommerce div.product form.cart .button:hover,
.sb-btn-outline:hover {
    background: var(--sb-brown) !important;
    color: #fff !important;
}

.sb-btn-solid,
.single_add_to_cart_button.buy-now {
    width: 100% !important;
    padding: 16px !important;
    background: var(--sb-dark) !important;
    border: 1px solid var(--sb-dark) !important;
    color: #fff !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    cursor: pointer;
    transition: all 0.3s ease !important;
    text-align: center;
}

.sb-btn-solid:hover,
.single_add_to_cart_button.buy-now:hover {
    background: var(--sb-dark-hover) !important;
}

/* Spec sections: UPPER / SOLE / LINING & INSOCKS */
.sb-spec-block {
    margin-top: 24px;
    padding-top: 20px;
    border-top: 1px solid rgba(198, 161, 91, 0.15);
}

.sb-spec-label {
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: var(--sb-dark);
    margin-bottom: 6px;
}

.sb-spec-text {
    font-size: 14px;
    color: var(--sb-muted);
    line-height: 1.6;
}

/* Responsive: stack gallery + info on mobile */
@media (max-width: 768px) {
    .woocommerce-product-gallery {
        flex-direction: column-reverse !important;
    }

    .woocommerce-product-gallery .flex-control-thumbs {
        flex-direction: row !important;
        width: 100%;
        overflow-x: auto;
    }

    .summary.entry-summary {
        padding-left: 0;
        margin-top: 20px;
    }
}

/* Stronger price override */
.woocommerce-Price-amount,
.woocommerce-Price-amount.amount,
.woocommerce-Price-amount bdi,
span.price ins .woocommerce-Price-amount,
span.price del .woocommerce-Price-amount {
    color: var(--sb-brown) !important;
}

/* Select Options buttons on product cards (variable products) */
.woocommerce ul.products li.product .button,
.woocommerce a.button.product_type_variable,
.woocommerce a.button.product_type_simple {
    background-color: var(--sb-brown) !important;
    border-color: var(--sb-brown) !important;
    color: #fff !important;
}

.woocommerce ul.products li.product .button:hover {
    background-color: var(--sb-brown-hover) !important;
}
:root {
    --ast-global-color-3: #6B4423 !important;
}

/* Related Products — Select Options buttons (high specificity) */
.related.products ul.products li.product a.button,
.related.products ul.products li.product a.add_to_cart_button,
.woocommerce .related.products a.button.product_type_variable,
section.related.products a.button {
    background-color: #6B4423 !important;
    background: #6B4423 !important;
    border-color: #6B4423 !important;
    color: #fff !important;
}

.related.products ul.products li.product a.button:hover {
    background-color: #4E3119 !important;
    background: #4E3119 !important;
}

/* Also fix "BEST SELLERS" label + price in this section while we're at it */
.related.products .ast-woo-product-category {
    color: #C6A15B !important;
}

.related.products .price,
.related.products .woocommerce-Price-amount {
    color: #6B4423 !important;
}
/* ============================================================
   SULTAN BABA — WhatsApp Catalog Page Brand Styling
   Paste at the END of your existing Custom CSS
   (Elementor > Site Settings > Custom CSS)
   ============================================================ */

/* --- Category badges: "KAPTAN CHAPPAL", "ZALMI CHAPPAL", etc. --- */
/* Covers common Elementor/WP label patterns */
.elementor-widget-container span[style*="background"],
.product-tag,
.category-label,
.item-badge,
div[class*="badge"] span,
span[class*="badge"] {
    background-color: #6B4423 !important;
    color: #ffffff !important;
    text-transform: uppercase !important;
    letter-spacing: 1.5px !important;
    font-weight: 700 !important;
    font-size: 11px !important;
    border-radius: 2px !important;
}

/* --- "ORDER ON WHATSAPP" buttons --- */
a[href*="wa.me"],
a[href*="whatsapp"],
.elementor-button[href*="whatsapp"] {
    background-color: #111111 !important;
    background: #111111 !important;
    color: #ffffff !important;
    border: none !important;
    font-weight: 700 !important;
    letter-spacing: 1.5px !important;
    text-transform: uppercase !important;
    border-radius: 2px !important;
    transition: all 0.3s ease !important;
}

a[href*="wa.me"]:hover,
a[href*="whatsapp"]:hover {
    background-color: #6B4423 !important;
    background: #6B4423 !important;
}

/* --- Product name links (currently blue on some cards) --- */
.elementor-widget-container h3 a,
.elementor-widget-container h4 a,
.product-title a {
    color: #111111 !important;
    font-family: Georgia, "Times New Roman", serif !important;
    text-decoration: none !important;
}

.elementor-widget-container h3 a:hover,
.elementor-widget-container h4 a:hover {
    color: #6B4423 !important;
}

/* --- Price text on catalog cards --- */
.elementor-widget-container .price-text,
.product-price {
    color: #6B4423 !important;
    font-weight: 700 !important;
}

/* --- Section headings: "KAPTAN CHAPPAL", "SUEDE LEATHER CHAPPAL" --- */
h2.section-title,
.elementor-heading-title {
    font-family: Georgia, "Times New Roman", serif !important;
    color: #111111 !important;
    letter-spacing: 1px !important;
}
/* Hide the category corner tags completely */
.elementor-widget-container span[style*="background"],
.product-tag,
.category-label,
.item-badge,
div[class*="badge"] span,
span[class*="badge"] {
    display: none !important;
} 
.badge-info, /* replace with the actual class you found */
.badge {
    display: none !important;
}

/* Broader catch-all: hides ANY element with "badge" in its class name */
[class*="badge"] {
    display: none !important;
}/* End custom CSS */