.elementor-kit-2005{--e-global-color-primary:#11131A;--e-global-color-secondary:#D4AF37;--e-global-color-text:#F0EFEA;--e-global-color-accent:#EAE8E4;--e-global-typography-primary-font-family:"Cinzel";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Source Sans 3";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Source Sans 3";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Source Code Pro";--e-global-typography-accent-font-weight:500;color:var( --e-global-color-text );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-kit-2005 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1120px;}.e-con{--container-max-width:1120px;--container-default-padding-top:60px;--container-default-padding-right:0px;--container-default-padding-bottom:60px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){margin-block-end:30px;}.elementor-element{--widgets-spacing:30px 30px;--widgets-spacing-row:30px;--widgets-spacing-column:30px;}{}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;--container-default-padding-top:45px;--container-default-padding-right:45px;--container-default-padding-bottom:45px;--container-default-padding-left:45px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;--container-default-padding-top:30px;--container-default-padding-right:30px;--container-default-padding-bottom:30px;--container-default-padding-left:30px;}}
/* Start custom CSS *//* --- 1. THE GOLD CARD CLASS --- */
/* Add class name: gold-card */

.gold-card {
    position: relative; /* Essential for the inner shadow */
    overflow: hidden;   /* Keeps the vignette inside the corners */
    background-color: #0d0d0d;
    border: 1px solid #bf953f;
    border-radius: 4px;
    padding: 80px 40px; /* Adjust padding as needed per device */
    box-shadow: 0px 0px 40px rgba(191, 149, 63, 0.1);
    z-index: 1;
}

/* The Vignette Overlay */
.gold-card::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    box-shadow: inset 0px 0px 100px rgba(0,0,0,0.8);
    pointer-events: none;
    z-index: -1;
}

/* --- 2. THE GOLD BUTTON CLASS --- */
/* Add class name: gold-btn */

.gold-btn .elementor-button {
    background-color: transparent;
    border: 1px solid #bf953f;
    color: #bf953f;
    border-radius: 4px;
    padding: 15px 35px;
    
    /* Typography Harmony */
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: 500;
    
    transition: all 0.4s ease;
}

.gold-btn .elementor-button:hover {
    background-color: #bf953f;
    border-color: #bf953f;
    color: #0d0d0d;
    box-shadow: 0px 0px 25px rgba(191, 149, 63, 0.6);
    transform: translateY(-3px);
}

/* --- DARK ACADEMIA SLIDE-OUT CART --- */

/* 1. The Main Panel Background (The "White Thing" Fix) */
.elementor-kit-2005 .elementor-menu-cart__main, 
.elementor-kit-2005 .elementor-menu-cart__container {
    background-color: #0d0d0d !important; /* Deep Black */
    border-left: 1px solid #bf953f !important; /* Gold Left Border */
}

/* 2. The Header (Cart Title & Close Button) */
.elementor-kit-2005 .elementor-menu-cart__header {
    border-bottom: 1px solid #333 !important;
}

.elementor-kit-2005 .elementor-menu-cart__close-button,
.elementor-kit-2005 .elementor-menu-cart__close-button i {
    color: #bf953f !important; /* Gold X */
    background-color: transparent !important;
}

/* 3. The Products (Name & Price) */
.elementor-kit-2005 .elementor-menu-cart__product-name,
.elementor-kit-2005 .elementor-menu-cart__product-name a {
    color: #bf953f !important; /* Gold Text */
    font-family: 'Cinzel', serif !important;
    font-weight: 600 !important;
}

.elementor-kit-2005 .elementor-menu-cart__product-price {
    color: #cccccc !important; /* Grey Price */
    font-family: 'Lato', sans-serif !important;
}

/* 4. The Subtotal Section */
.elementor-kit-2005 .elementor-menu-cart__subtotal {
    color: #fff !important;
    font-family: 'Cinzel', serif !important;
    font-size: 18px !important;
    border-top: 1px solid #333 !important;
    border-bottom: 1px solid #333 !important;
    padding: 20px 0 !important;
}

/* 5. The Buttons (View Cart & Checkout) */
.elementor-kit-2005 .elementor-menu-cart__footer-buttons .elementor-button {
    background-color: #bf953f !important; /* Gold Background */
    color: #0d0d0d !important; /* Black Text */
    border: 1px solid #bf953f !important;
    font-family: 'Cinzel', serif !important;
    text-transform: uppercase !important;
    font-weight: 700 !important;
    border-radius: 2px !important;
    transition: all 0.3s ease !important;
}

/* Button Hover Effect */
.elementor-kit-2005 .elementor-menu-cart__footer-buttons .elementor-button:hover {
    background-color: transparent !important;
    color: #bf953f !important; /* Text turns Gold */
}

/* 6. Remove any white item backgrounds */
.elementor-kit-2005 .elementor-menu-cart__product {
    background-color: transparent !important;
    border-bottom: 1px solid #222 !important;
}


/* --- DARK ACADEMIA SLIDE-OUT CART --- */

/* 1. The Main Panel Background (The "White Thing" Fix) */
.elementor-kit-2005 .elementor-menu-cart__main, 
.elementor-kit-2005 .elementor-menu-cart__container {
    background-color: #0d0d0d !important; /* Deep Black */
    border-left: 1px solid #bf953f !important; /* Gold Left Border */
}

/* 2. The Header (Cart Title & Close Button) */
.elementor-kit-2005 .elementor-menu-cart__header {
    border-bottom: 1px solid #333 !important;
}

.elementor-kit-2005 .elementor-menu-cart__close-button,
.elementor-kit-2005 .elementor-menu-cart__close-button i {
    color: #bf953f !important; /* Gold X */
    background-color: transparent !important;
}

/* 3. The Products (Name & Price) */
.elementor-kit-2005 .elementor-menu-cart__product-name,
.elementor-kit-2005 .elementor-menu-cart__product-name a {
    color: #bf953f !important; /* Gold Text */
    font-family: 'Cinzel', serif !important;
    font-weight: 600 !important;
}

.elementor-kit-2005 .elementor-menu-cart__product-price {
    color: #cccccc !important; /* Grey Price */
    font-family: 'Lato', sans-serif !important;
}

/* 4. The Subtotal Section */
.elementor-kit-2005 .elementor-menu-cart__subtotal {
    color: #fff !important;
    font-family: 'Cinzel', serif !important;
    font-size: 18px !important;
    border-top: 1px solid #333 !important;
    border-bottom: 1px solid #333 !important;
    padding: 20px 0 !important;
}

/* 5. The Buttons (View Cart & Checkout) */
.elementor-kit-2005 .elementor-menu-cart__footer-buttons .elementor-button {
    background-color: #bf953f !important; /* Gold Background */
    color: #0d0d0d !important; /* Black Text */
    border: 1px solid #bf953f !important;
    font-family: 'Cinzel', serif !important;
    text-transform: uppercase !important;
    font-weight: 700 !important;
    border-radius: 2px !important;
    transition: all 0.3s ease !important;
}

/* Button Hover Effect */
.elementor-kit-2005 .elementor-menu-cart__footer-buttons .elementor-button:hover {
    background-color: transparent !important;
    color: #bf953f !important; /* Text turns Gold */
}

/* 6. Remove any white item backgrounds */
.elementor-kit-2005 .elementor-menu-cart__product {
    background-color: transparent !important;
    border-bottom: 1px solid #222 !important;
}/* End custom CSS */