/* Add custom CSS styles below */ 
/* ==========================================
   PREMIUM BACKGROUND THEME
   Colors:
   #222035 (Primary Dark)
   #8582A1 (Accent)
   #C8AB55 (Gold)
========================================== */

:root{
    --primary-dark: #2A1C14;
    --secondary: #C7B9A7;
    --gold: #B37A25;

    --main-gradient:
        radial-gradient(circle at top left,
            rgba(179,122,37,.18),
            transparent 35%),

        radial-gradient(circle at bottom right,
            rgba(231,225,215,.12),
            transparent 45%),

        linear-gradient(
            135deg,
            #2A1C14 0%,
            #3A281D 35%,
            #5A4334 75%,
            #7A604B 100%
        );
}

/* ==========================================
   MAIN BACKGROUND
========================================== */

html,
body{
    background: var(--main-gradient) !important;
    background-attachment: fixed !important;
    color:#fff;
}

/* ==========================================
   OVERRIDE SALLA BACKGROUNDS
========================================== */

body *,
.main-content,
.main-content *,
.main-content > *,
.container,
.container-fluid,
.section,
section,
main,
header,
footer,
article,
aside{
    background-color: transparent;
}

/* Main Sections */

.main-content,
section,
.s-block,
.s-block-container,
.s-block--features,
.s-block--slider,
.s-block--categories,
.s-block--products,
.s-block--offers,
.s-block--brands,
.s-block--testimonials,
.s-block--banner,
.s-block--logos{
    background: transparent !important;
}

/* ==========================================
   HEADER
========================================== */

header,
.header,
.main-header,
.store-header{
    background: rgba(26, 18, 12, 0.95) !important;
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
}

/* ==========================
   Premium Footer
========================== */

.store-footer,
.store-footer__inner,
.store-footer__inner > *,
.store-footer .container,
.store-footer .row,
.store-footer .col,
.store-footer section{
    background: transparent !important;
}

.store-footer{
    position: relative;
    overflow: hidden;
}

.store-footer {
    position: relative;
    overflow: hidden;

    background:
        /* Gold spotlight - Bottom Right */
        radial-gradient(
            circle at 100% 100%,
            rgba(179, 122, 37, .28) 0%,
            rgba(179, 122, 37, .14) 20%,
            transparent 55%
        ),

        /* Beige spotlight - Top Left */
        radial-gradient(
            circle at 0% 0%,
            rgba(186, 179, 166, .15) 0%,
            transparent 45%
        ),

        linear-gradient(
            180deg,
            #34261B 0%,
            #241912 45%,
            #1A120C 100%
        ) !important;

    border-top: 1px solid rgba(179, 122, 37, .25);

    box-shadow:
        0 -10px 40px rgba(0, 0, 0, .35),
        inset 0 1px rgba(255, 255, 255, .04);
}

/* Text */

.store-footer,
.store-footer p,
.store-footer span,
.store-footer a,
.store-footer h1,
.store-footer h2,
.store-footer h3,
.store-footer h4,
.store-footer h5,
.store-footer h6{
    color:#fff !important;
}

.store-footer a:hover{
    color:#C8AB55 !important;
}

/* ==========================================
   CARDS
========================================== */

.card,
.product,
.product-card,
.s-product-card,
.category-card,
.collection-card,
.banner,
.feature-card{
    background: rgba(255,255,255,.05) !important;
    border:1px solid rgba(200,171,85,.18);
    backdrop-filter: blur(12px);
    border-radius:18px;
}

/* ==========================================
   INPUTS
========================================== */

input,
textarea,
select{
    background: rgba(255,255,255,.06) !important;
    border:1px solid rgba(200,171,85,.25) !important;
    color:#fff !important;
}

/* ==========================================
   BUTTONS
========================================== */

.btn-primary,
button.btn-primary,
.s-button-primary{
    background:#C8AB55 !important;
    border-color:#C8AB55 !important;
    color:#222035 !important;
}

.btn-primary:hover,
button.btn-primary:hover,
.s-button-primary:hover{
    background:#d8bc68 !important;
}

/* ==========================================
   LINKS
========================================== */

a{
    color:#C8AB55;
}

a:hover{
    color:#fff;
}

/* ==========================================
   FORCE BACKGROUND ON COMMON SALLA ELEMENTS
========================================== */

.s-theme,
.s-theme-default,
.app,
#app,
#main,
#main-content,
.page-wrapper,
.site-wrapper,
.site-content,
.content-wrapper{
    background: transparent !important;
}

/* ==========================================
   REMOVE WHITE BACKGROUNDS
========================================== */

.bg-white,
.bg-light,
.bg-gray,
.bg-base,
.bg-body,
[class*="bg-white"],
[class*="bg-light"],
[class*="bg-gray"]{
    background: transparent !important;
}


/* User menu icon */
salla-user-menu svg,
salla-user-menu svg path,
.s-user-menu-login-btn svg,
.s-user-menu-login-btn svg path{
    fill: #C8AB55 !important;
    color: #C8AB55 !important;
    stroke: #C8AB55 !important;
}

/* Cart Icon */
#s-cart-icon,
#s-cart-icon i,
#s-cart-icon svg,
#s-cart-icon svg path,
.s-cart-summary-icon,
.s-cart-summary-icon svg,
.s-cart-summary-icon svg path{
    color: #C8AB55 !important;
    fill: #C8AB55 !important;
    stroke: #C8AB55 !important;
}

/* Hover */
.s-cart-summary-wrapper:hover #s-cart-icon,
.s-cart-summary-wrapper:hover .s-cart-summary-icon,
.s-cart-summary-wrapper:hover svg,
.s-cart-summary-wrapper:hover svg path{
    color: #E2C56D !important;
    fill: #E2C56D !important;
    stroke: #E2C56D !important;
}

.product-single h1,
.product-single .text-gray-800{
    color: #fff !important;
}

/* Sticky product purchase box */
.sticky-product-bar{
    background: #1C130C !important;
    border: 1px solid rgba(179,122,37,.25) !important;
    box-shadow: 0 15px 40px rgba(0,0,0,.18);
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

/* Make all text inside white */
.sticky-product-bar,
.sticky-product-bar label,
.sticky-product-bar span,
.sticky-product-bar p{
    color: #fff !important;
}

/* Mini Checkout Button */
.s-add-product-button-mini-checkout,
.s-add-product-button-mini-checkout button,
salla-mini-checkout-widget button{
    background: #ffffff !important;
    color: #222035 !important;
    border: 1px solid #C8AB55 !important;
    border-radius: 14px;
    box-shadow: 0 8px 25px rgba(0,0,0,.15);
    transition: all .3s ease;
}

/* Everything inside the button */
.s-add-product-button-mini-checkout *,
salla-mini-checkout-widget button *{
    color: #222035 !important;
}

/* SVG icon */
.s-add-product-button-mini-checkout svg,
.s-add-product-button-mini-checkout svg *{
    fill: #222035 !important;
    stroke: #222035 !important;
}

/* Hover */
.s-add-product-button-mini-checkout:hover,
.s-add-product-button-mini-checkout button:hover,
salla-mini-checkout-widget button:hover{
    background: #C8AB55 !important;
    border-color: #C8AB55 !important;
}

.s-add-product-button-mini-checkout:hover *,
salla-mini-checkout-widget button:hover *{
    color: #222035 !important;
}

.s-add-product-button-mini-checkout:hover svg *,
salla-mini-checkout-widget button:hover svg *{
    fill: #222035 !important;
    stroke: #222035 !important;
}

/* ==========================================
   SCROLLBAR
========================================== */

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

::-webkit-scrollbar-track{
    background:#222035;
}

::-webkit-scrollbar-thumb{
    background:#8582A1;
    border-radius:20px;
}

::-webkit-scrollbar-thumb:hover{
    background:#C8AB55;
}

.s-product-card-price{
  color: #000;
}

.s-cart-summary-total {
    color: #fff;
}


/* Product Card Background */
custom-salla-product-card,
.s-product-card-entry,
.s-product-card-vertical {
    background: #fff !important;
    border-radius: 16px;
    overflow: hidden;
}

/* Card Content */
.s-product-card-content {
    background: #fff !important;
}

/* Image Section */
.s-product-card-image {
    background: #fff !important;
}

/* Remove transparent glass effect if present */
.s-product-card-entry::before,
.s-product-card-entry::after,
custom-salla-product-card::before,
custom-salla-product-card::after {
    background: transparent !important;
}