/**
 * Timer Legal Pages Shared Styles
 * Author: AtivoLabs
 * Version: 1.0.0
 * Used by: privacy.aspx, terms.aspx, gdpr.aspx, boc.aspx
 */

/* ====== LEGAL PAGE BODY ====== */
.timer-legal-body {
    margin: 0;
    padding: 0;
    font-family: var(--timer-font-family);
    background: var(--timer-gray-50);
    line-height: 1.7;
    color: var(--timer-gray-700);
    overflow-x: hidden;
    max-width: 100vw;
}

/* ====== LEGAL MAIN WRAPPER ====== */
.timer-legal-wrapper {
    width: 100%;
    min-height: 100vh;
    background: var(--timer-gray-50);
    padding-top: 80px; /* Account for fixed nav */
}

/* ====== LEGAL CONTAINER ====== */
.timer-legal-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: var(--timer-space-8) var(--timer-space-4);
    background: var(--timer-white);
    box-shadow: 0 0 50px rgba(157, 62, 245, 0.05);
    border-radius: var(--timer-radius-2xl);
    margin-top: var(--timer-space-8);
    margin-bottom: var(--timer-space-8);
}

/* ====== LEGAL CONTENT WRAPPER ====== */
.timer-legal-content-wrapper {
    max-width: 800px;
    margin: 0 auto;
}

/* ====== LEGAL HEADER ====== */
.timer-legal-header {
    text-align: center;
    margin-bottom: var(--timer-space-12);
    padding-bottom: var(--timer-space-8);
    border-bottom: 1px solid var(--timer-gray-200);
}

.timer-legal-brand {
    display: inline-flex;
    align-items: center;
    gap: var(--timer-space-3);
    text-decoration: none;
    margin-bottom: var(--timer-space-6);
    transition: transform var(--timer-transition-fast);
}

    .timer-legal-brand:hover {
        transform: translateY(-2px);
    }

.timer-legal-logo {
    width: 48px;
    height: 48px;
}

.timer-legal-brand-text {
    font-size: var(--timer-font-size-2xl);
    font-weight: var(--timer-font-weight-bold);
    background: var(--timer-gradient-primary);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.timer-legal-title {
    font-size: var(--timer-font-size-3xl);
    font-weight: var(--timer-font-weight-bold);
    color: var(--timer-gray-900);
    margin: 0;
    margin-bottom: var(--timer-space-3);
}

.timer-legal-subtitle {
    font-size: var(--timer-font-size-lg);
    color: var(--timer-gray-600);
    margin: 0;
    font-weight: var(--timer-font-weight-normal);
}

.timer-legal-last-updated {
    display: inline-block;
    background: var(--timer-gray-100);
    color: var(--timer-gray-600);
    padding: var(--timer-space-2) var(--timer-space-4);
    border-radius: var(--timer-radius-full);
    font-size: var(--timer-font-size-sm);
    font-weight: var(--timer-font-weight-medium);
    margin-top: var(--timer-space-4);
}

/* ====== LEGAL CONTENT ====== */
.timer-legal-content {
    margin-bottom: var(--timer-space-12);
}

.timer-legal-section {
    margin-bottom: var(--timer-space-10);
}

    .timer-legal-section:last-child {
        margin-bottom: 0;
    }

    .timer-legal-section h2 {
        font-size: var(--timer-font-size-xl);
        font-weight: var(--timer-font-weight-bold);
        color: var(--timer-gray-900);
        margin: 0 0 var(--timer-space-4) 0;
        padding-top: var(--timer-space-2);
    }

    .timer-legal-section h3 {
        font-size: var(--timer-font-size-lg);
        font-weight: var(--timer-font-weight-semibold);
        color: var(--timer-gray-800);
        margin: var(--timer-space-6) 0 var(--timer-space-3) 0;
    }

    .timer-legal-section h4 {
        font-size: var(--timer-font-size-base);
        font-weight: var(--timer-font-weight-semibold);
        color: var(--timer-gray-800);
        margin: var(--timer-space-4) 0 var(--timer-space-2) 0;
    }

    .timer-legal-section p {
        margin: 0 0 var(--timer-space-4) 0;
        line-height: 1.8;
    }

        .timer-legal-section p:last-child {
            margin-bottom: 0;
        }

/* ====== LEGAL LISTS ====== */
.timer-legal-list {
    margin: var(--timer-space-4) 0;
    padding-left: var(--timer-space-6);
}

    .timer-legal-list li {
        margin-bottom: var(--timer-space-2);
        line-height: 1.7;
    }

        .timer-legal-list li:last-child {
            margin-bottom: 0;
        }

    /* Nested lists */
    .timer-legal-list .timer-legal-list {
        margin-top: var(--timer-space-2);
        margin-bottom: var(--timer-space-2);
    }

/* ====== LEGAL HIGHLIGHTS ====== */
.timer-legal-highlight {
    background: var(--timer-blue-50);
    border: 1px solid var(--timer-blue-200);
    border-radius: var(--timer-radius-md);
    padding: var(--timer-space-4);
    margin: var(--timer-space-6) 0;
}

    .timer-legal-highlight h4 {
        color: var(--timer-blue-800);
        margin-top: 0;
    }

    .timer-legal-highlight p {
        color: var(--timer-blue-700);
        margin-bottom: 0;
    }

/* ====== LEGAL IMPORTANT NOTICE ====== */
.timer-legal-important {
    background: var(--timer-amber-50);
    border: 1px solid var(--timer-amber-200);
    border-left: 4px solid var(--timer-amber-400);
    border-radius: var(--timer-radius-md);
    padding: var(--timer-space-4);
    margin: var(--timer-space-6) 0;
}

    .timer-legal-important h4 {
        color: var(--timer-amber-800);
        margin-top: 0;
        display: flex;
        align-items: center;
        gap: var(--timer-space-2);
    }

        .timer-legal-important h4 i {
            color: var(--timer-amber-600);
        }

    .timer-legal-important p {
        color: var(--timer-amber-700);
        margin-bottom: 0;
    }

/* ====== LEGAL CONTACT INFO ====== */
.timer-legal-contact {
    background: var(--timer-gray-50);
    border: 1px solid var(--timer-gray-200);
    border-radius: var(--timer-radius-md);
    padding: var(--timer-space-6);
    margin: var(--timer-space-8) 0;
    text-align: center;
}

    .timer-legal-contact h3 {
        color: var(--timer-gray-900);
        margin-top: 0;
        margin-bottom: var(--timer-space-4);
    }

    .timer-legal-contact p {
        margin-bottom: var(--timer-space-2);
    }

        .timer-legal-contact p:last-child {
            margin-bottom: 0;
        }

    .timer-legal-contact a {
        color: var(--timer-primary);
        text-decoration: none;
        font-weight: var(--timer-font-weight-medium);
        transition: color var(--timer-transition-fast);
    }

        .timer-legal-contact a:hover {
            color: var(--timer-primary-dark);
            text-decoration: underline;
        }

/* ====== LEGAL FOOTER ====== */
.timer-legal-footer {
    border-top: 1px solid var(--timer-gray-200);
    padding-top: var(--timer-space-8);
    text-align: center;
}

.timer-legal-footer-links {
    display: flex;
    justify-content: center;
    gap: var(--timer-space-6);
    margin-bottom: var(--timer-space-6);
    flex-wrap: wrap;
}

    .timer-legal-footer-links a {
        color: var(--timer-gray-600);
        text-decoration: none;
        font-weight: var(--timer-font-weight-medium);
        transition: color var(--timer-transition-fast);
    }

        .timer-legal-footer-links a:hover {
            color: var(--timer-primary);
        }

.timer-legal-footer-note {
    color: var(--timer-gray-500);
    font-size: var(--timer-font-size-sm);
    margin: 0;
}

/* ====== MOBILE RESPONSIVE ====== */
@media (max-width: 768px) {
    .timer-legal-wrapper {
        padding-top: 70px; /* Smaller nav on mobile */
    }

    .timer-legal-container {
        padding: var(--timer-space-4);
        margin: var(--timer-space-4);
        border-radius: var(--timer-radius-xl);
    }

    .timer-legal-header {
        margin-bottom: var(--timer-space-8);
        padding-bottom: var(--timer-space-6);
    }

    .timer-legal-title {
        font-size: var(--timer-font-size-2xl);
    }

    .timer-legal-subtitle {
        font-size: var(--timer-font-size-base);
    }

    .timer-legal-section h2 {
        font-size: var(--timer-font-size-lg);
    }

    .timer-legal-section h3 {
        font-size: var(--timer-font-size-base);
    }

    .timer-legal-list {
        padding-left: var(--timer-space-4);
    }

    .timer-legal-footer-links {
        flex-direction: column;
        gap: var(--timer-space-3);
    }

    .timer-legal-contact,
    .timer-legal-highlight,
    .timer-legal-important {
        margin: var(--timer-space-4) 0;
    }

    /* Mobile Navigation Menu - Override for legal pages */
    .timer-nav-menu {
        position: fixed !important;
        top: 70px !important;
        left: 0 !important;
        right: 0 !important;
        background: var(--timer-white) !important;
        flex-direction: column !important;
        padding: var(--timer-space-4) !important;
        gap: var(--timer-space-4) !important;
        transform: translateY(-100%) !important;
        opacity: 0 !important;
        visibility: hidden !important;
        transition: all var(--timer-transition-normal) !important;
        box-shadow: var(--timer-shadow-lg) !important;
        border-bottom: 1px solid var(--timer-gray-200) !important;
        z-index: 1000 !important;
    }

        .timer-nav-menu.active {
            transform: translateY(0) !important;
            opacity: 1 !important;
            visibility: visible !important;
        }

    .timer-nav-toggle {
        display: flex !important;
    }

        .timer-nav-toggle span {
            transition: all var(--timer-transition-fast) !important;
        }
}

/* ====== PRINT STYLES ====== */
@media print {
    .timer-legal-body {
        background: white;
    }

    .timer-legal-wrapper {
        background: white;
        padding-top: 0;
    }

    .timer-legal-container {
        box-shadow: none;
        padding: 0;
        margin: 0;
        border-radius: 0;
    }

    .timer-legal-header {
        border-bottom: 2px solid #000;
    }

    .timer-legal-brand-text {
        color: #000 !important;
        -webkit-text-fill-color: #000 !important;
    }

    .timer-legal-footer-links a {
        color: #000;
    }

    /* Hide navigation in print */
    .timer-landing-nav {
        display: none !important;
    }
}

/* ====== ACCESSIBILITY ====== */
@media (prefers-reduced-motion: reduce) {
    .timer-legal-brand {
        transition: none;
    }

    .timer-legal-contact a {
        transition: none;
    }

    .timer-legal-footer-links a {
        transition: none;
    }
}