/*
 * pages-legal.css
 * Shared styles for Legal pages:
 *   template-legal.php (hub), template-legal-terms.php, template-legal-gdpr.php,
 *   template-legal-cookies.php, template-legal-privacy.php, template-legal-sustainability.php
 *
 * @package Prysmedge
 */

/* ── Legal content typography ── */
.legal-content h2 {
    border-left: 4px solid #ea580c;
    padding-left: 1rem;
    font-size: 1.2rem;
    font-weight: 700;
    margin-top: 2.5rem;
    margin-bottom: 0.875rem;
    color: #171717;
    font-family: 'Barlow', sans-serif;
    scroll-margin-top: 7rem;
}
.legal-content h3 { font-size: 1rem; font-weight: 600; margin-top: 1.75rem; margin-bottom: 0.625rem; color: #404040; }
.legal-content p { margin-bottom: 1rem; line-height: 1.8; }
.legal-content ul { margin-bottom: 1rem; padding-left: 1.5rem; list-style-type: disc; }
.legal-content li { margin-bottom: 0.5rem; line-height: 1.8; }

/* ── Legal content tables (cookies page) ── */
.legal-content table { width: 100%; border-collapse: collapse; margin: 1.5rem 0; font-size: 0.875rem; }
.legal-content th { background: #fafafa; padding: 0.75rem 1rem; text-align: left; font-weight: 600; border: 1px solid #e5e5e5; color: #171717; }
.legal-content td { padding: 0.75rem 1rem; border: 1px solid #e5e5e5; }
.legal-content tr:nth-child(even) td { background: #fafafa; }

/* ── Legal sidebar navigation ── */
.legal-nav-active { border-left: 3px solid #ea580c; background: #fff7ed; color: #c2410c; font-weight: 700; }
.legal-nav-inactive { border-left: 3px solid transparent; color: #525252; }
.legal-nav-inactive:hover { background: #f5f5f5; color: #ea580c; }

/* ── Legal hub page (template-legal.php) ── */
.doc-row:hover { background: #fff7ed; }
.doc-row:hover .doc-chevron { color: #ea580c; }
.doc-row:hover .doc-icon { background: #ea580c; color: white; }
.doc-icon { transition: all 0.2s ease; }
.doc-chevron { transition: color 0.2s ease; }
.policy-card { transition: all 0.25s ease; }
.policy-card:hover { transform: translateY(-3px); box-shadow: 0 20px 40px rgba(0,0,0,0.08); }
.policy-card:hover .card-accent { background: #ea580c; }
.card-accent { transition: background 0.2s ease; }

/* ── Sustainability page cards ── */
.card-shadow {
    box-shadow: 0 4px 6px -1px rgba(0,0,0,0.05), 0 2px 4px -1px rgba(0,0,0,0.03);
    transition: all 0.3s ease;
}
.card-shadow:hover {
    box-shadow: 0 20px 25px -5px rgba(0,0,0,0.05), 0 10px 10px -5px rgba(0,0,0,0.02);
    transform: translateY(-4px);
}