/**
 * LV Peptides — page.css
 *
 * Generic page styles extracted from page.php inline <style> block.
 * Used for legal pages (Terms, Privacy, Refund, Research Disclaimer)
 * and other static content pages.
 *
 * Enqueued conditionally on generic pages via is_page().
 *
 * @see Requirements: 15.1, 15.2
 */

/* ==========================================================================
   Generic Page — Navy Header + White Content
   ========================================================================== */
.lv-page-header {
    background-color: var(--lv-navy);
    color: var(--lv-white);
    padding: var(--space-12) var(--space-8);
    text-align: center;
}

.lv-page-header h1 {
    color: var(--lv-white);
    font-family: var(--font-family);
    font-size: var(--font-size-3xl);
    font-weight: 700;
    margin: 0;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}

.lv-page-content {
    background-color: var(--lv-white);
    padding: var(--space-12) var(--space-8);
}

.lv-page-content-inner {
    max-width: 800px;
    margin: 0 auto;
    font-family: var(--font-family);
    color: var(--lv-navy);
    font-size: var(--font-size-base);
    line-height: 1.8;
}

.lv-page-content-inner h2 {
    font-size: var(--font-size-xl);
    font-weight: 600;
    margin-top: var(--space-8);
    margin-bottom: var(--space-4);
    color: var(--lv-navy);
}

.lv-page-content-inner h3 {
    font-size: var(--font-size-lg);
    font-weight: 600;
    margin-top: var(--space-6);
    margin-bottom: var(--space-3);
    color: var(--lv-navy);
}

.lv-page-content-inner p {
    margin-bottom: var(--space-4);
}

.lv-page-content-inner ul,
.lv-page-content-inner ol {
    margin-bottom: var(--space-4);
    padding-left: var(--space-6);
}

.lv-page-content-inner li {
    margin-bottom: var(--space-2);
}

.lv-page-content-inner a {
    color: var(--lv-teal);
    text-decoration: underline;
}

.lv-page-content-inner a:hover,
.lv-page-content-inner a:focus {
    color: var(--lv-navy);
}

.lv-page-content-inner strong {
    font-weight: 600;
}

/* Responsive padding */
@media (max-width: 767px) {
    .lv-page-header {
        padding: var(--space-8) var(--space-4);
    }

    .lv-page-header h1 {
        font-size: var(--font-size-2xl);
    }

    .lv-page-content {
        padding: var(--space-8) var(--space-4);
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    .lv-page-header {
        padding: var(--space-12) var(--space-6);
    }

    .lv-page-content {
        padding: var(--space-12) var(--space-6);
    }
}