.elementor-494 .elementor-element.elementor-element-cee616c{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-494 .elementor-element.elementor-element-12be285{width:100%;max-width:100%;padding:0px 0px 0px 0px;}.elementor-494 .elementor-element.elementor-element-74c2e61{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-494 .elementor-element.elementor-element-5cdefa2{width:100%;max-width:100%;padding:0px 0px 0px 0px;}body.elementor-page-494{padding:0px 0px 0px 0px;}/* Start custom CSS for html, class: .elementor-element-12be285 *//* =========================================
   PART 1: HERO & GLOBAL STYLES (UPDATED)
   ========================================= */

/* 1. GLOBAL BACKGROUND & LAYOUT */
body, html, .elementor-page {
    /* "Latte" Gradient */
    background: linear-gradient(180deg, #FFFFFF 0%, #F9F1EB 50%, #E6D5CB 100%) !important;
    background-attachment: fixed !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
}

/* Make Elementor Transparent & Unlock Overflows */
.elementor-section, .elementor-column, .elementor-container, .elementor-widget-wrap {
    background-color: transparent !important;
    box-shadow: none !important;
    overflow: visible !important; 
    transform: none !important;
}

/* Page Wrapper (Hero Position) */
.bw-legal-hero {
    width: 100vw; 
    position: relative; 
    left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw; 
    
    /* UPDATED: Reduced top padding moves breadcrumbs up (Matches other pages) */
    padding: 60px 20px 40px; 
    text-align: center;
    overflow: visible !important;
}

/* Narrow Container (For Hero Text) */
.bw-content-inner {
    max-width: 800px;
    margin: 0 auto;
}


/* 2. HERO TYPOGRAPHY */
/* Breadcrumbs */
.bw-breadcrumbs {
    font-family: 'Poppins', sans-serif;
    font-size: 10px; text-transform: uppercase; color: #8B7E7E;
    letter-spacing: 2px; font-weight: 600; display: block;
    
    /* UPDATED: Tighter spacing (was 30px) */
    margin-bottom: 20px; 
}
.bw-breadcrumbs a { color: #8B7E7E; text-decoration: none; transition: 0.3s; }
.bw-breadcrumbs a:hover { color: #C48C6A; }
.sep { margin: 0 10px; color: #C48C6A; opacity: 0.5; }
.current { color: #8B7E7E !important; }

/* Eyebrow */
.bw-eyebrow {
    display: block; font-family: "Poppins", sans-serif;
    font-size: 11px; text-transform: uppercase; letter-spacing: 3px;
    color: #C48C6A; font-weight: 700; 
    margin-bottom: 10px; /* Reduced from 15px */
}

/* H1 Title */
h1 {
    font-family: "Playfair Display", serif;
    font-size: 48px; /* Standardized size (was 56px) */
    color: #4C3F3F; 
    margin: 0 0 15px 0; line-height: 1.1;
    text-decoration: none !important;
}
h1 i { 
    color: #C48C6A; font-weight: 400; font-style: italic;
    font-family: "Playfair Display", serif; 
    text-decoration: none !important;
}

/* Subtext */
.bw-hero-sub {
    font-family: "Poppins", sans-serif;
    font-size: 16px; color: #6C5656; line-height: 1.8;
    max-width: 600px; margin: 0 auto 15px auto;
}

/* Date Stamp */
.bw-update-date {
    font-family: "Poppins", sans-serif;
    font-size: 11px; font-style: italic; color: #998A8A;
    margin-top: 5px; letter-spacing: 0.5px;
}


/* 3. ANIMATIONS */
@keyframes fadeInUpSafe {
    0% { opacity: 0; transform: translateY(30px); }
    100% { opacity: 1; transform: translateY(0); }
}
.fade-up { opacity: 0; animation: fadeInUpSafe 1s ease forwards; }
.delay-1 { animation-delay: 0.2s; }
.delay-2 { animation-delay: 0.4s; }
.delay-3 { animation-delay: 0.6s; }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5cdefa2 *//* =========================================
   PART 2: BODY CONTENT STYLES (UPDATED)
   ========================================= */

/* --- 1. GLOBAL UNLOCK (Crucial for Sticky) --- */
/* Forces Elementor containers to allow the sidebar to float */
body, html, .elementor-section, .elementor-column, .elementor-widget-wrap, .elementor-widget {
    overflow: visible !important;
    transform: none !important;
}

/* --- 2. LAYOUT & CONTAINERS --- */
/* Wide Container */
.bw-content-wide {
    max-width: 1100px !important; 
    width: 100% !important;
    margin: 0 auto;
    position: relative;
    z-index: 2;
    overflow: visible !important;
}

/* Glass Card */
.bw-glass-card {
    background: rgba(255,255,255,0.85);
    backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px);
    border-radius: 24px;
    box-shadow: 0 20px 60px rgba(196,140,106,0.1);
    border: 1px solid rgba(255,255,255,0.6);
    padding: 60px;
    margin-bottom: 80px;
    position: relative;
    
    /* CRITICAL: Must be visible for sticky to work */
    overflow: visible !important; 
    
    /* CRITICAL: Disables animation so sticky works immediately */
    animation: none !important;
    transform: none !important;
    opacity: 1 !important;
    z-index: 5;
}

/* Flex Layout */
.bw-legal-layout {
    display: flex;
    gap: 60px;
    /* CRITICAL: Aligns items to start so the sidebar isn't stretched */
    align-items: flex-start !important; 
}


/* --- 3. SIDEBAR STYLES (Sticky Fix) --- */
aside.bw-legal-sidebar, .bw-legal-sidebar {
    /* Define exact width */
    flex: 0 0 220px !important;
    width: 220px !important;
    min-width: 220px !important;
    
    /* STICKY ACTIVATION */
    position: -webkit-sticky !important; /* Safari */
    position: sticky !important;
    top: 130px !important; /* Distance from top of screen */
    
    /* Prevents sidebar from being too tall to move */
    height: auto !important;
    align-self: flex-start !important;
    
    /* Visuals */
    padding-right: 20px;
    border-right: 1px solid rgba(196,140,106,0.15);
    z-index: 10;
}

.bw-toc-title {
    display: block; font-family: "Poppins", sans-serif;
    font-size: 11px; text-transform: uppercase; letter-spacing: 2px;
    color: #C48C6A; font-weight: 700; margin-bottom: 20px;
}

.bw-toc-list { list-style: none; padding: 0; margin: 0; }
.bw-toc-list li { margin-bottom: 12px; }

.bw-toc-list a {
    text-decoration: none; font-family: "Poppins", sans-serif;
    font-size: 13px; color: #8B7E7E;
    transition: 0.3s; display: block;
    border-left: 2px solid transparent; padding-left: 10px; margin-left: -12px;
}
.bw-toc-list a:hover { color: #C48C6A; border-left-color: #C48C6A; font-weight: 600; }


/* --- 4. CONTENT TYPOGRAPHY --- */
.bw-legal-content { flex: 1; }

.bw-legal-content h2 {
    font-family: "Playfair Display", serif;
    font-size: 26px; color: #4C3F3F;
    margin-top: 50px; margin-bottom: 15px;
    border-bottom: 1px solid rgba(0,0,0,0.05); padding-bottom: 10px;
    scroll-margin-top: 130px; 
}

.bw-legal-content p {
    font-family: "Poppins", sans-serif;
    font-size: 15px; color: #6C5656; line-height: 1.8; margin-bottom: 20px;
}

/* Lead Text */
.bw-lead-text {
    font-size: 17px !important; color: #4C3F3F !important;
    margin-bottom: 40px !important; font-weight: 500;
}

/* Bullet Lists (Copper) */
.bw-list { margin-bottom: 30px; padding-left: 20px; }
.bw-list li {
    font-family: "Poppins", sans-serif; font-size: 15px; color: #6C5656;
    line-height: 1.8; margin-bottom: 10px; position: relative; list-style-type: disc;
}
.bw-list li::marker { color: #C48C6A; font-size: 1.2em; }


/* --- 5. HIGHLIGHT BOX --- */
.bw-highlight-box {
    background: #FFF8F4; border: 1px solid #E6D5CB;
    border-left: 4px solid #C48C6A; padding: 30px;
    border-radius: 12px; margin-top: 50px;
    scroll-margin-top: 130px;
}
.bw-highlight-box h3 { font-size: 20px; margin-top: 0; font-family: "Playfair Display", serif; }
.bw-contact-details { list-style: none; padding: 0; margin: 20px 0; }
.bw-contact-details li { margin-bottom: 8px; font-size: 15px; color: #4C3F3F; font-family: "Poppins", sans-serif; }
.bw-contact-details a { color: #C48C6A; text-decoration: none; font-weight: 500; }
.bw-small-note { display: block; font-size: 11px; color: #999; font-style: italic; margin-top: 15px; font-family: "Poppins", sans-serif; }


/* --- 6. MOBILE RESPONSIVENESS (Disable Sticky) --- */
@media (max-width: 900px) {
    .bw-glass-card { padding: 30px; }
    .bw-legal-layout { flex-direction: column; gap: 40px; }
    
    aside.bw-legal-sidebar, .bw-legal-sidebar { 
        width: 100% !important; 
        position: relative !important; top: 0 !important;
        border-right: none; border-bottom: 1px solid rgba(196,140,106,0.15);
        padding-bottom: 20px; margin-bottom: 10px;
    }
    
    .bw-toc-list { display: flex; flex-wrap: wrap; gap: 15px; }
    .bw-toc-list a { 
        border-left: none; padding-left: 0; margin-left: 0;
        background: rgba(196,140,106,0.1); padding: 5px 10px; border-radius: 4px; font-size: 11px;
    }
    .bw-content-wide { padding: 0 20px; }
}/* End custom CSS */