/** * legal.css - Legal Pages Shared Styles * Holiday Lights Decor - Multi-Franchise Template * * Shared by:accessibility.php,terms-conditions.php,privacy-policy.php * Loaded via:$page_css_map in router.php * Dependencies:main.css (global) * * @version 10.0.0 (INTERSTATE) */ /* ========================================================================== LEGAL HERO ========================================================================== */ .legal-hero{background:linear-gradient(135deg,var(--dark) 0%,#1a2a44 100%);padding:7rem 0 3.5rem;text-align:center;} .legal-hero h1{font-size:clamp(2rem,4.5vw,2.8rem);color:#fff;font-weight:800;margin-bottom:0.5rem;} .legal-hero p{color:rgba(255,255,255,0.7);font-size:1.1rem;max-width:500px;margin:0 auto;} /* ========================================================================== BREADCRUMB ========================================================================== */ .breadcrumb-nav{background:var(--light);border-bottom:1px solid #e5e7eb;padding:0.85rem 0;} .breadcrumb{display:flex;align-items:center;gap:0.5rem;list-style:none;padding:0;margin:0;font-size:0.9rem;} .breadcrumb li{display:flex;align-items:center;gap:0.5rem;color:var(--text-light);} .breadcrumb li + li::before{content:"›";color:#ccc;font-size:1.1rem;} .breadcrumb a{color:var(--primary);text-decoration:none;transition:color 0.2s;} .breadcrumb a:hover{color:var(--primary-dark);text-decoration:underline;} .breadcrumb [aria-current="page"]{color:var(--text);font-weight:600;} /* ========================================================================== LEGAL CONTENT ========================================================================== */ .legal-content-section{padding:3.5rem 0 5rem;background:#fff;} .legal-content{max-width:800px;margin:0 auto;} .legal-updated{display:inline-block;background:var(--light);color:var(--text-light);padding:0.4rem 1rem;border-radius:50px;font-size:0.85rem;font-weight:500;margin-bottom:2.5rem;border:1px solid #e5e7eb;} .legal-section{margin-bottom:2.5rem;padding-bottom:2rem;border-bottom:1px solid #f3f4f6;} .legal-section:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none;} .legal-section h2{font-size:1.35rem;color:var(--text);margin-bottom:1rem;font-weight:700;} .legal-section p{font-size:0.95rem;color:var(--text-light);line-height:1.75;margin-bottom:1rem;} .legal-section p:last-child{margin-bottom:0;} .legal-section ul{padding-left:1.5rem;margin-bottom:1rem;} .legal-section li{font-size:0.95rem;color:var(--text-light);line-height:1.7;margin-bottom:0.5rem;padding-left:0.25rem;} .legal-section li strong{color:var(--text);} .legal-section a{color:var(--primary);text-decoration:none;font-weight:500;} .legal-section a:hover{text-decoration:underline;} /* ========================================================================== LEGAL CONTACT INFO ========================================================================== */ .legal-contact{background:var(--light);padding:1.5rem;border-radius:12px;border:1px solid #e5e7eb;margin:1.25rem 0;} .legal-contact p{margin-bottom:0.5rem;font-size:0.95rem;} .legal-contact p:last-child{margin-bottom:0;} .legal-contact strong{color:var(--text);min-width:80px;display:inline-block;} /* ========================================================================== RESPONSIVE ========================================================================== */ @media (max-width:768px){.legal-hero{padding:6rem 0 2.5rem;} .legal-content-section{padding:2.5rem 0 4rem;} .legal-section h2{font-size:1.2rem;}} @media (max-width:480px){.legal-hero h1{font-size:1.7rem;} .legal-content{padding:0 0.5rem;}}