/* =========================================================
   legal-pages.css
   Shared styles for: Terms of Use, Privacy Policy,
   Return Policy, Shipping Policy page templates.
   Enqueue this file only on those templates (see functions.php
   snippet) rather than site-wide.
   ========================================================= */

   :root{
    --red:#A91E22;
    --red-dark:#7E1519;
    --navy:#0D0D0D;
    --navy-2:#1A1A1A;
    --bg:#FFFFFF;
    --bg-alt:#F6F7F9;
    --text:#1C222B;
    --muted:#5B6472;
    --border:#E4E7EC;
  }
  
  /* ---------- Base ---------- */
  .legal-page *{box-sizing:border-box;}
  .legal-page{
    font-family:'Inter',sans-serif;
    color:var(--text);
    background:var(--bg);
    line-height:1.65;
  }
  .legal-page h1,
  .legal-page h2,
  .legal-page h3{font-family:'Poppins',sans-serif;}
  
  /* ---------- Slim page header (replaces hero banner) ---------- */
  .page-header{
    background:var(--navy);
    padding:48px 6vw 42px;
    border-bottom:4px solid var(--red);
    text-align:center;
  }
  .breadcrumb{
    font-size:13px;
    color:#9AA6B8;
    letter-spacing:.03em;
    margin-bottom:14px;
    display:flex;
    justify-content:center;
    gap:4px;
  }
  .breadcrumb a{color:#C7CEDB;text-decoration:none;}
  .breadcrumb a:hover{color:#fff;}
  .page-header h1{
    color:#fff;
    font-size:clamp(28px,4vw,42px);
    font-weight:800;
    margin:0 auto 10px;
    letter-spacing:-0.01em;
    max-width:700px;
  }
  .updated{
    color:#B9C2D4;
    font-size:15px;
    max-width:600px;
    margin:0 auto;
  }
  
  /* ---------- Content wrapper ---------- */
  .wrap{
    max-width:1100px;
    margin:0 auto;
    padding:56px 6vw 90px;
  }
  
  /* ---------- CTA panel (bottom of every page) ---------- */
  body.blog .cta-panel{
    margin:60px auto 70px;
    max-width:1000px;
}
  .cta-panel{
    
      margin:60px auto 70px;
      max-width:1000px;
      background:var(--navy);
      border-radius:10px;
      padding:34px 40px;
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:24px;
      flex-wrap:wrap;
  
  }
  .cta-panel .cta-text h3{
    font-family:'Poppins',sans-serif;
    color:#fff;
    font-size:20px;
    margin:0 0 8px;
  }
  .cta-panel .cta-text p{
    color:#B9C2D4;
    font-size:14.5px;
    margin:0;
    max-width:480px;
  }
  .cta-panel .cta-btn{
    background:var(--red);
    color:#fff;
    font-weight:700;
    font-size:14.5px;
    text-decoration:none;
    padding:14px 26px;
    border-radius:6px;
    white-space:nowrap;
    flex-shrink:0;
  }
  .cta-panel .cta-btn:hover{background:#8E191D;}
  
  @media (max-width:560px){
    .cta-panel{flex-direction:column;align-items:flex-start;}
  }
  
  
  /* =========================================================
     Terms of Use — numbered clause list
     ========================================================= */
  .intro{
    font-size:16.5px;
    color:var(--text);
    background:var(--bg-alt);
    border-left:4px solid var(--red);
    padding:18px 22px;
    border-radius:4px;
    margin-bottom:44px;
  }
  .intro p{margin:0 0 12px;}
  .intro p:last-child{margin-bottom:0;}
  
  section.clause{
    display:flex;
    gap:20px;
    padding:26px 0;
    border-bottom:1px solid var(--border);
  }
  section.clause:last-of-type{border-bottom:none;}
  
  .num{
    flex:0 0 auto;
    width:38px;
    height:38px;
    border-radius:8px;
    background:var(--red);
    color:#fff;
    font-family:'Poppins',sans-serif;
    font-weight:700;
    font-size:15px;
    display:flex;
    align-items:center;
    justify-content:center;
  }
  .clause-body h2{
    font-size:18px;
    margin:4px 0 10px;
    color:var(--navy);
  }
  .clause-body p, .clause-body li{
    font-size:15px;
    color:#3A4150;
    margin:0 0 8px;
  }
  .clause-body ul, .clause-body ol{
    margin:8px 0 0;
    padding-left:20px;
  }
  .clause-body ol[type="i"]{list-style-type:lower-roman;}
  
  @media (max-width:560px){
    section.clause{gap:14px;}
    .num{width:32px;height:32px;font-size:13px;}
  }
  
  
  /* =========================================================
     Privacy Policy — labeled blocks
     ========================================================= */
  .lede{
    font-size:18px;
    font-weight:600;
    color:var(--navy);
    margin-bottom:36px;
    padding-bottom:24px;
    border-bottom:1px solid var(--border);
  }
  
  .block{margin-bottom:34px;}
  .block h2{
    font-size:19px;
    color:var(--navy);
    display:flex;
    align-items:center;
    gap:10px;
    margin:0 0 14px;
  }
  .block h2::before{
    content:"";
    width:6px;height:22px;
    background:var(--red);
    border-radius:3px;
    display:inline-block;
  }
  .block p{font-size:15.5px;color:#3A4150;margin:0 0 12px;}
  
  
  /* =========================================================
     Return Policy — highlight, fee panel, numbered conditions
     ========================================================= */
  .highlight{
    background:var(--bg-alt);
    border-left:4px solid var(--red);
    border-radius:4px;
    padding:18px 22px;
    margin:24px 0 36px;
    font-size:15.5px;
    font-weight:600;
    color:var(--navy);
  }
  
  .fee-panel{
    background:var(--navy);
    border-radius:10px;
    padding:28px 30px;
    margin:12px 0 34px;
    color:#fff;
  }
  .fee-panel .tag{
    display:inline-block;
    background:var(--red);
    color:#fff;
    font-size:12px;
    font-weight:700;
    letter-spacing:.06em;
    text-transform:uppercase;
    padding:4px 10px;
    border-radius:20px;
    margin-bottom:12px;
  }
  .fee-panel .pct{
    font-family:'Poppins',sans-serif;
    font-size:36px;
    font-weight:800;
    margin:0 0 6px;
  }
  .fee-panel p{
    margin:0;
    font-size:14.5px;
    color:#C7CEDB;
    max-width:520px;
  }
  
  h2.section-title{
    font-size:19px;
    color:var(--navy);
    display:flex;
    align-items:center;
    gap:10px;
    margin:0 0 16px;
  }
  h2.section-title::before{
    content:"";
    width:6px;height:22px;
    background:var(--red);
    border-radius:3px;
    display:inline-block;
  }
  
  ol.conditions{
    counter-reset:cond;
    list-style:none;
    margin:0;
    padding:0;
  }
  ol.conditions li{
    counter-increment:cond;
    position:relative;
    padding:12px 0 12px 42px;
    font-size:15px;
    color:#3A4150;
    border-bottom:1px solid var(--border);
  }
  ol.conditions li:last-child{border-bottom:none;}
  ol.conditions li::before{
    content:counter(cond);
    position:absolute;
    left:0;
    top:10px;
    width:26px;
    height:26px;
    background:var(--bg-alt);
    color:var(--red);
    font-weight:700;
    font-size:13px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
  }
  
  
  /* =========================================================
     Shipping Policy — stat row
     ========================================================= */
  .stat-row{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:16px;
    margin:30px 0 40px;
  }
  .stat{
    background:var(--bg-alt);
    border-radius:8px;
    padding:20px 18px;
    border-top:3px solid var(--red);
  }
  .stat .big{
    font-family:'Poppins',sans-serif;
    font-weight:800;
    font-size:22px;
    color:var(--navy);
    margin-bottom:4px;
  }
  .stat .small{
    font-size:13px;
    color:var(--muted);
  }
  
  @media (max-width:560px){
    .stat-row{grid-template-columns:1fr;}
  }