/* ==========================================================================
   LEGAL & COMPLIANCE STYLESHEET (PREMIUM GRADIENTS & CUSTOM COLORS)
   ========================================================================== */

/* 1. Full Page Moving Gradient Background */
.legal-wrapper { 
    max-width: 100%; 
    min-height: 100vh;
    margin: 0; 
    padding: 140px 24px 80px 24px; 
    transition: all 0.4s ease;
    /* Light Mode Gradient: Soft Sand, Pale Mint, and Rose Water */
    background: linear-gradient(270deg, #fef3c7, #dcfce7, #ffe4e6);
    background-size: 600% 600%;
    animation: legalGradient 15s ease infinite;
}

/* Dark Mode Gradient: Deep Slate, Midnight Blue, and Deep Indigo */
[data-theme="dark"] .legal-wrapper { 
    background: linear-gradient(270deg, #0f172a, #112240, #1e1b4b);
    background-size: 600% 600%;
    animation: legalGradient 15s ease infinite;
}

@keyframes legalGradient { 
    0% { background-position: 0% 50%; } 
    50% { background-position: 100% 50%; } 
    100% { background-position: 0% 50%; } 
}

/* Constrain the inner content to standard width while keeping background full width */
.legal-wrapper > div {
    max-width: 1100px;
    margin: 0 auto;
}

.legal-header { text-align: center; margin-bottom: 60px; animation: fadeInDown 0.8s ease; }

/* Light Mode Typography */
.legal-title { font-size: 48px; font-family: 'Times New Roman', Times, serif; font-weight: bold; margin-bottom: 16px; letter-spacing: -0.5px; color: #065f46; }
.legal-last-updated { font-size: 13px; font-weight: 800; text-transform: uppercase; letter-spacing: 3px; display: inline-flex; align-items: center; gap: 8px; color: #047857; }

/* Dark Mode Typography */
[data-theme="dark"] .legal-title { color: #82b1ff; } /* Soft Bright Blue */
[data-theme="dark"] .legal-last-updated { color: #4682b4; } /* Steel Blue */

.legal-content { display: flex; flex-direction: column; gap: 32px; animation: fadeInUp 0.8s ease; }

/* 2. Section Colors (Same for all, NO White/Blue/Black) */
.legal-section { 
    /* Light Mode: Soft Amber / Sand */
    background: #fef3c7; 
    box-shadow: 0 15px 35px rgba(0,0,0,0.05); 
    border: 2px solid #fde68a; 
    padding: 40px; 
    border-radius: 20px; 
    transition: transform 0.3s ease, box-shadow 0.3s ease; 
}
.legal-section:hover { transform: translateY(-5px); box-shadow: 0 20px 40px rgba(0,0,0,0.1); }

[data-theme="dark"] .legal-section { 
    /* Dark Mode: Professional Oxford Blue (Distinct from standard blue) */
    background: #1c2a38; 
    box-shadow: 0 15px 35px rgba(0,0,0,0.4); 
    border-color: #2b3e50; 
}

/* Section Typography */
/* Light Mode */
.legal-section h2 { font-size: 26px; font-family: 'Times New Roman', Times, serif; font-weight: bold; margin-bottom: 24px; padding-bottom: 12px; border-bottom: 2px solid #fbbf24; display: flex; align-items: center; gap: 12px; color: #78350f; }
.legal-section p, .legal-section li { font-size: 16px; line-height: 1.9; margin-bottom: 16px; color: #92400e; font-weight: 500;}
.legal-section ul { padding-left: 24px; margin-bottom: 24px; list-style-type: square; }

/* Dark Mode */
[data-theme="dark"] .legal-section h2 { color: #82b1ff; border-color: #3b5998; }
[data-theme="dark"] .legal-section p, [data-theme="dark"] .legal-section li { color: #b0c4de; font-weight: 400;}

/* Contact Card inside Legal */
/* Light Mode */
.legal-contact-card { display: flex; flex-direction: column; gap: 12px; padding: 24px 32px; border-radius: 12px; margin-top: 24px; border-left: 6px solid #fbbf24; font-weight: 600; background: #fde68a; color: #78350f; }
.legal-contact-card a { text-decoration: none; font-weight: bold; transition: 0.3s; color: #b45309; }
.legal-contact-card a:hover { color: #78350f; }

/* Dark Mode */
[data-theme="dark"] .legal-contact-card { background: #15202b; border-color: #4682b4; color: #e6f1ff; }
[data-theme="dark"] .legal-contact-card a { color: #82b1ff; }
[data-theme="dark"] .legal-contact-card a:hover { color: #ffffff; }

/* Match the "Back to Home" Button with the new theme */
.legal-wrapper .btn-outline { background: #fde68a !important; border-color: #fcd34d !important; color: #78350f !important; border-width: 2px; }
[data-theme="dark"] .legal-wrapper .btn-outline { background: #2b3e50 !important; border-color: #3b5998 !important; color: #b0c4de !important; }
[data-theme="dark"] .legal-wrapper .btn-outline:hover { background: #3b5998 !important; color: #ffffff !important; }