/* Privacy Policy Page Specific Styles */

/* Hero image - 70% width for privacy policy */
.privacy-hero .ai-hero-right img {
    position: relative;
    right: 0;
    bottom: 0;
    object-fit: cover;
    height: 100%;
    width: 60%;
    object-position: 50% 35%;
}

/* Tablet: 769px - 1024px */
@media only screen and (min-width: 769px) and (max-width: 1024px) {
    .privacy-hero .ai-hero-right img {
        width: 100%;
        object-position: 50% 40%;
        transform: translateX(30%);
    }
}

/* iPad Mini: up to 768px */
@media only screen and (max-width: 768px) {
    .privacy-hero .ai-hero-right img {
        object-position: 50% 60%;
        width: 100%;
    }
    .privacy-hero .hero-overlay {
        background: linear-gradient(to top, #010e1b 0%, rgba(1, 14, 27, 0.6) 15%, rgba(1, 14, 27, 0) 30%) !important;
    }
}

/* Mobile: up to 480px */
@media only screen and (max-width: 480px) {
    .privacy-hero .ai-hero-right img {
        object-position: 10% 60%;
        transform: translateY(-10%) translateX(-15%);
        width: 140%;
    }
}

/* Content section styles */
.privacy-content-section {
    padding-bottom: 60px !important;
    padding-top: 60px !important;
}

.privacy-content {
    text-align: left;
    max-width: min(90rem, 100%);
    margin: 0 auto;
}


/* Section titles - 24px */
.privacy-section-title {
    font-size: 24px;
    font-weight: 500;
    color: #1a1a1a;
    margin: 0 0 12px 0;
    line-height: 1.3;
}

.privacy-section-title:not(:first-child) {
    margin-top: 32px;
}

/* Section descriptions - 16px */
.privacy-section-desc {
    font-size: 16px;
    font-weight: 400;
    color: #010E1B;
    line-height: 27px;
    margin: 0 0 16px 0;
}

/* Numbered list styles */
.privacy-list {
    list-style: none;
    padding-left: 0;
    margin: 24px 0 24px 0;
    counter-reset: privacy-counter;
}

.privacy-list li {
    counter-increment: privacy-counter;
    position: relative;
    padding-left: 24px;
    padding-bottom: 12px;
    margin-bottom: 12px;
    color: #1a1a1a !important;
    font-family: "Lexend Deca", sans-serif;
    font-size: 16px;
    line-height: 27px;
    font-weight: 400;
    border-bottom: 1px solid #E5E7EB;
}

.privacy-list li::before {
    content: counter(privacy-counter) ".";
    position: absolute;
    left: 0;
    font-family: "Lexend Deca", sans-serif;
    font-weight: 400;
    color: #010E1B;
}

/* Email link styles */
.privacy-email-link {
    color: #3E77AE;
    text-decoration: underline;
    transition: color 0.2s ease;
}

.privacy-email-link:hover {
    color: #2286E8;
}

/* Consent statement */
.privacy-consent {
    font-size: 16px;
    font-weight: 400;
    color: #010E1B;
    line-height: 27px;
    margin-top: 32px;
}

/* Large screens - align content with hero/navbar */
@media only screen and (min-width: 1921px) {
    .privacy-content {
        max-width: 1920px;
    }
}

/* Tablet styles - align hero with content */
@media only screen and (min-width: 769px) and (max-width: 1024px) {
    .privacy-hero {
        padding-left: 16px;
    }
}

/* Mobile styles */
@media only screen and (max-width: 768px) {
    .privacy-section-title {
        font-size: 20px;
    }

    .privacy-section-title:not(:first-child) {
        margin-top: 24px;
    }

    .privacy-content-section {
        padding-bottom: 60px !important;
    }
}

@media only screen and (max-width: 480px) {
    .privacy-list li {
        padding-left: 20px;
    }

    .privacy-section-title {
        font-size: 18px;
    }
}
