/*
Theme Name: Custom Auto Theme
Author: System
Version: 1.0
*/

@import url('https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;1,9..40,400&display=swap');

:root {
  --primary: #8b1a1a;
  --accent:  #c0392b;
  --bg:      #fdf6ec;
  --bg2:     #f5ede0;
  --text:    #2c1810;
  --fh: 'DM Serif Display', Georgia, serif;
  --fb: 'DM Sans', system-ui, sans-serif;
  --max: 1100px;
  --art: 780px;
}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;font-size:16px;}
body{font-family:var(--fb);background:var(--bg);color:var(--text);line-height:1.78;-webkit-font-smoothing:antialiased;}

a{display:inline-block;text-align:center;color:var(--accent);text-decoration:none;transition:color .2s;}
a:hover{color:var(--primary);}
a:focus-visible{outline:2px solid var(--primary);outline-offset:3px;}

h1,h2,h3,h4{font-family:var(--fh);color:var(--primary);line-height:1.2;}
h1{font-size:clamp(2rem,5vw,3.2rem);}
h2{font-size:clamp(1.4rem,3vw,1.9rem);margin:2.5rem 0 1rem;border-bottom:1px solid var(--bg2);padding-bottom:.5rem;}
h3{font-size:1.2rem;}
p{margin-bottom:1.3rem;font-size:1.02rem;}
img{max-width:100%;height:auto;display:block;}

.site-header{background:var(--primary);}
.header-inner{max-width:var(--max);margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;gap:1rem;}
.site-logo{font-family:var(--fh);font-size:1.5rem;color:var(--bg);letter-spacing:.04em;}
.site-logo:hover{color:var(--bg2);}

.site-nav{display:flex;gap:1.5rem;align-items:center;flex-wrap:wrap;}
.site-nav a{color:rgba(253,246,236,.85);font-size:.9rem;font-weight:500;}
.site-nav a:hover{color:var(--bg);}
.site-nav a.active{color:var(--bg);border-bottom:2px solid var(--bg);}

.burger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:6px;}
.burger span{display:block;width:24px;height:2px;background:var(--bg);transition:transform .25s,opacity .25s;}
.burger[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg);}
.burger[aria-expanded="true"] span:nth-child(2){opacity:0;}
.burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}

.breadcrumbs{background:var(--bg2);padding:.65rem 1.5rem;border-bottom:1px solid rgba(139,26,26,.1);}
.breadcrumbs-inner{max-width:var(--max);margin:0 auto;font-size:.82rem;display:flex;flex-wrap:wrap;gap:.2rem;align-items:center;}
.breadcrumbs a{color:var(--primary);font-size:.82rem;}
.breadcrumbs .sep{color:var(--text);opacity:.45;margin:0 .2rem;}
.breadcrumbs .current{color:var(--text);opacity:.65;}

.article-wrap{max-width:var(--art);margin:0 auto;padding:2.5rem 1.5rem 4rem;}
.article-header{margin-bottom:2rem;}
.article-meta{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center;margin-bottom:1.5rem;font-size:.82rem;}
.meta-tag{background:var(--primary);color:var(--bg);padding:.2rem .7rem;font-size:.78rem;letter-spacing:.04em;text-transform:uppercase;}
.meta-time{background:var(--bg2);padding:.2rem .6rem;font-size:.78rem;}
.meta-author{color:var(--text);opacity:.7;}
.meta-date{color:var(--text);opacity:.6;}
.article-lead{font-size:1.12rem;line-height:1.72;color:var(--primary);border-left:3px solid var(--primary);padding:.8rem 1.2rem;background:var(--bg2);margin-top:1.5rem;}
.article-image{width:100%;height:auto;display:block;margin:2rem 0;}
.article-body p{font-size:1.02rem;margin-bottom:1.35rem;}

.pull-quote{border-left:4px solid var(--primary);background:var(--bg2);padding:1.5rem 1.75rem;margin:2.5rem 0;font-family:var(--fh);font-size:1.18rem;font-style:italic;color:var(--primary);line-height:1.5;}
.pull-quote cite{display:block;font-family:var(--fb);font-style:normal;font-size:.82rem;margin-top:.75rem;color:var(--text);opacity:.65;}

.article-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin:2rem 0 1.5rem;}
.article-tags a{border:1px solid var(--primary);color:var(--primary);padding:.28rem .8rem;font-size:.8rem;transition:background .2s,color .2s;}
.article-tags a:hover{background:var(--primary);color:var(--bg);}
.article-disclaimer{border-left:3px solid var(--accent);background:var(--bg2);padding:1rem 1.25rem;font-size:.87rem;margin-top:2rem;color:var(--text);opacity:.85;}

.spoiler-block{border:1px solid var(--bg2);margin:2.5rem 0;}
.spoiler-block>summary{padding:1rem 1.5rem;background:var(--bg2);font-family:var(--fh);font-size:1.05rem;color:var(--primary);cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;}
.spoiler-block>summary::-webkit-details-marker{display:none;}
.spoiler-block>summary::after{content:'+';font-size:1.4rem;line-height:1;}
.spoiler-block[open]>summary::after{content:'−';}
.spoiler-lock{padding:2rem 1.5rem;text-align:center;}
.spoiler-lock p{margin-bottom:1.25rem;font-size:.95rem;}
.btn-primary{display:inline-block;background:var(--primary);color:var(--bg);padding:.7rem 2rem;font-weight:600;font-size:.95rem;border:none;cursor:pointer;transition:background .2s;text-decoration:none;}
.btn-primary:hover{background:var(--accent);color:var(--bg);}

.subscribe-section{background:var(--bg2);padding:3.5rem 1.5rem;}
.subscribe-inner{max-width:560px;margin:0 auto;text-align:center;}
.subscribe-inner h2{font-size:clamp(1.5rem,3vw,2rem);margin-bottom:.75rem;}
.subscribe-inner p{font-size:.95rem;margin-bottom:1.5rem;opacity:.85;}
.subscribe-form{display:flex;flex-wrap:wrap;gap:0;justify-content:center;}
.subscribe-form input[type=email]{flex:1 1 220px;padding:.85rem 1rem;border:2px solid var(--primary);border-right:none;background:var(--bg);color:var(--text);font-family:var(--fb);font-size:.97rem;outline:none;}
.subscribe-form input[type=email]:focus{border-color:var(--accent);}
.subscribe-form button{padding:.85rem 1.6rem;background:var(--primary);color:var(--bg);border:2px solid var(--primary);font-family:var(--fb);font-weight:600;font-size:.97rem;cursor:pointer;transition:background .2s;}
.subscribe-form button:hover{background:var(--accent);border-color:var(--accent);}

.site-footer{background:var(--text);color:var(--bg);padding:2.5rem 1.5rem 1.5rem;}
.footer-inner{max-width:var(--max);margin:0 auto;}
.footer-top{display:flex;flex-wrap:wrap;gap:2rem;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;}
.footer-logo{font-family:var(--fh);font-size:1.3rem;color:var(--bg);}
.footer-logo:hover{color:var(--bg2);}
.footer-nav{display:flex;flex-wrap:wrap;gap:1rem 1.5rem;align-items:center;}
.footer-nav a{color:rgba(253,246,236,.7);font-size:.88rem;}
.footer-nav a:hover{color:var(--bg);}
.footer-bottom{border-top:1px solid rgba(253,246,236,.12);padding-top:1.5rem;font-size:.8rem;color:rgba(253,246,236,.5);}
.footer-bottom p+p{margin-top:.6rem;}

#ck-toggle{display:none;}
.cookie-bar{position:fixed;bottom:1.5rem;right:1.5rem;max-width:340px;background:var(--text);color:var(--bg);padding:1.25rem 1.5rem;z-index:9999;font-size:.87rem;line-height:1.55;border-top:3px solid var(--primary);}
.cookie-bar p{margin-bottom:1rem;}
.cookie-bar a{color:rgba(253,246,236,.8);text-decoration:underline;font-size:.84rem;}
.cookie-actions{display:flex;gap:.75rem;flex-wrap:wrap;}
.cookie-btn{padding:.5rem 1.1rem;font-size:.84rem;cursor:pointer;font-weight:600;font-family:var(--fb);}
.cookie-accept{background:var(--primary);color:var(--bg);}
.cookie-decline{background:transparent;color:var(--bg);border:1px solid rgba(253,246,236,.35);}
#ck-toggle:checked~.cookie-bar{display:none;}

@keyframes fadeUp{from{opacity:0;transform:translateY(20px);}to{opacity:1;transform:translateY(0);}}
.article-header{animation:fadeUp .5s ease both;}
.article-body{animation:fadeUp .6s .1s ease both;}

@media(max-width:768px){
  .site-nav{display:none;flex-direction:column;width:100%;padding:1rem 0;gap:.75rem;}
  .site-nav.open{display:flex;}
  .burger{display:flex;}
  .footer-top{flex-direction:column;gap:1.25rem;}
  .subscribe-form{flex-direction:column;}
  .subscribe-form input[type=email]{border-right:2px solid var(--primary);}
  .cookie-bar{bottom:0;right:0;left:0;max-width:100%;}
  .pull-quote{padding:1.25rem;font-size:1.05rem;}
}

/* ── POLICY PAGES ── */
.policy-wrap{max-width:820px;margin:0 auto;padding:3rem 1.5rem 5rem;}
.policy-wrap h1{font-size:clamp(1.8rem,4vw,2.6rem);margin-bottom:.5rem;}
.policy-intro{font-size:1.05rem;color:var(--text);opacity:.78;margin-bottom:2.5rem;border-bottom:1px solid var(--bg2);padding-bottom:1.5rem;}
.policy-wrap h2{font-size:1.25rem;margin:2.2rem 0 .8rem;padding-left:.75rem;border-left:3px solid var(--primary);}
.policy-wrap p{font-size:.97rem;margin-bottom:1.1rem;line-height:1.75;}
.policy-wrap ul{padding-left:1.4rem;margin-bottom:1.1rem;}
.policy-wrap ul li{font-size:.97rem;margin-bottom:.5rem;line-height:1.7;list-style:disc;}
.policy-updated{display:inline-block;background:var(--bg2);padding:.3rem .9rem;font-size:.8rem;margin-bottom:2rem;color:var(--text);opacity:.7;}

/* ── SUCCESS PAGE ── */
.success-wrap{max-width:600px;margin:6rem auto;padding:2rem 1.5rem;text-align:center;}
.success-icon{width:72px;height:72px;background:var(--primary);display:flex;align-items:center;justify-content:center;margin:0 auto 2rem;}
.success-icon svg{width:36px;height:36px;fill:none;stroke:#fdf6ec;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;}
.success-wrap h1{font-size:clamp(2rem,5vw,3rem);margin-bottom:1rem;}
.success-wrap p{font-size:1.05rem;color:var(--text);opacity:.8;margin-bottom:2rem;line-height:1.7;}
.btn-home{background:var(--primary);color:var(--bg);padding:.9rem 2.4rem;font-weight:600;font-size:1rem;border:none;cursor:pointer;transition:background .2s;text-decoration:none;display:inline-block;}
.btn-home:hover{background:var(--accent);color:var(--bg);}

/* ── READ ALSO ── */
.read-also{background:var(--bg);padding:3.5rem 1.5rem;border-top:1px solid var(--bg2);}
.ra-inner{max-width:var(--max);margin:0 auto;}
.read-also h2{font-size:clamp(1.4rem,3vw,1.9rem);margin-bottom:2rem;position:relative;}
.read-also h2::after{content:'';display:block;width:48px;height:3px;background:var(--primary);margin-top:.5rem;}
.ra-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;}
.ra-card{background:var(--bg2);padding:1.5rem 1.5rem 1.75rem;display:flex;flex-direction:column;gap:.6rem;transition:outline .2s;}
.ra-card:hover{outline:2px solid var(--primary);}
.ra-tag{font-size:.75rem;letter-spacing:.05em;text-transform:uppercase;color:var(--primary);font-weight:600;}
.ra-card h3{font-family:var(--fh);font-size:1.05rem;line-height:1.35;margin:0;}
.ra-card h3 a{color:var(--primary);text-decoration:none;display:block;}
.ra-card h3 a:hover{color:var(--accent);}
.ra-card p{font-size:.88rem;color:var(--text);opacity:.75;line-height:1.65;margin:0;flex:1;}
.ra-link{font-size:.85rem;font-weight:600;color:var(--accent);text-decoration:none;margin-top:.25rem;}
.ra-link:hover{color:var(--primary);}
@media(max-width:640px){.ra-grid{grid-template-columns:1fr;}}