/* Theme Name: Anyósnyelv Theme URI: https://anyosnyelv.hu Author: Anyósnyelv Description: Könnyű, gyors, editorial hírportál-téma az Anyósnyelv számára. CLS-biztos hirdetéshelyek, mobil-first, minimális JS. Version: 1.8 Requires at least: 6.0 Tested up to: 6.7 Requires PHP: 7.4 Text Domain: anyosnyelv */ :root{ --paper:#FFFFFF; --paper-2:#EFF3F8; --ink:#0F1722; --ink-soft:#4A5666; --line:#D7DEE8; --accent:#0B3D91; /* <<< AKCENTUSSZÍN (Guardian-kék): itt egy helyen átírhatod, ha meggondolnád magad */ --accent-deep:#082C69; --green:#2B5A47; --maxw:1200px; } *{box-sizing:border-box;margin:0;padding:0} html{-webkit-text-size-adjust:100%} body{background:var(--paper);color:var(--ink);font-family:"Newsreader",Georgia,serif;font-size:18px;line-height:1.5} a{color:inherit;text-decoration:none} img{max-width:100%;height:auto;display:block} .wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px} .kicker{font-family:"Archivo",sans-serif;font-weight:800;font-size:11.5px;letter-spacing:.15em;text-transform:uppercase;color:var(--accent)} .kicker.zold{color:var(--green)} .meta{font-family:"Archivo",sans-serif;font-size:12px;letter-spacing:.03em;color:var(--ink-soft);text-transform:uppercase} .topbar{border-bottom:1px solid var(--line);background:var(--paper-2)} .topbar .wrap{display:flex;justify-content:space-between;align-items:center;height:38px;font-family:"Archivo",sans-serif;font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft)} .masthead{text-align:center;padding:34px 0 16px} .masthead h1{font-family:"Fraunces",serif;font-weight:900;font-size:clamp(48px,9vw,108px);line-height:.9;letter-spacing:-.025em} .masthead h1 a{color:inherit} .masthead h1 .dot{color:var(--accent)} .tagline{font-style:italic;font-size:clamp(15px,2.4vw,20px);color:var(--ink-soft);margin-top:10px} .rule{height:0;border-top:3px solid var(--ink);border-bottom:1px solid var(--ink);margin-top:18px} /* SÖTÉT MASTHEAD: ha ezt szeretnéd, tedd a -ra a "dark-mast" osztályt (functions.php-ban egy sor, lásd README) */ body.dark-mast .masthead{background:var(--ink);padding:36px 0 22px} body.dark-mast .masthead h1{color:var(--paper)} body.dark-mast .tagline{color:#c7bba6} body.dark-mast .rule{border-top-color:var(--accent);border-bottom-color:transparent} .breaking{background:var(--accent);color:#fff;min-height:42px;display:flex;align-items:center;overflow:hidden} .breaking .wrap{display:flex;align-items:center;gap:14px} .breaking .tag{font-family:"Archivo",sans-serif;font-weight:900;font-size:11px;letter-spacing:.16em;text-transform:uppercase;background:rgba(0,0,0,.18);padding:4px 10px;white-space:nowrap} .breaking .txt{font-family:"Archivo",sans-serif;font-weight:600;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} nav.cats{position:sticky;top:0;z-index:20;background:var(--paper);border-bottom:1px solid var(--line)} nav.cats .wrap{display:flex;justify-content:center;flex-wrap:wrap} nav.cats ul{list-style:none;display:flex;flex-wrap:wrap;justify-content:center} nav.cats a{display:block;font-family:"Archivo",sans-serif;font-weight:700;font-size:14px;letter-spacing:.04em;text-transform:uppercase;padding:14px 15px;white-space:nowrap;border-bottom:3px solid transparent} nav.cats a:hover{border-bottom-color:var(--accent);color:var(--accent)} .ph{width:100%;background:linear-gradient(135deg,rgba(198,54,27,.15),rgba(43,90,71,.12)),var(--paper-2);border:1px solid var(--line)} .thumb{width:100%;border:1px solid var(--line);overflow:hidden;background:var(--paper-2)} .thumb img{width:100%;height:100%;object-fit:cover} .r16 {aspect-ratio:16/9} .r32 {aspect-ratio:3/2} .lead{display:grid;grid-template-columns:1.6fr 1fr .82fr;gap:34px;padding:34px 0 14px;border-bottom:1px solid var(--line)} .hero h2{font-family:"Fraunces",serif;font-weight:900;font-size:clamp(31px,4.2vw,50px);line-height:1.0;letter-spacing:-.018em;margin:18px 0 12px} .hero h2 a:hover{color:var(--accent)} .hero p.dek{font-size:20px;color:var(--ink-soft);max-width:44ch} .hero .byline{margin-top:16px} .rail{display:flex;flex-direction:column;gap:20px} .rail .it{padding-bottom:18px;border-bottom:1px solid var(--line)} .rail .it:last-child{border-bottom:0} .rail h3{font-family:"Fraunces",serif;font-weight:600;font-size:21px;line-height:1.08;letter-spacing:-.01em;margin:7px 0} .rail h3 a:hover{color:var(--accent)} .mostread h4{font-family:"Archivo",sans-serif;font-weight:900;font-size:12px;letter-spacing:.16em;text-transform:uppercase;padding-bottom:12px;border-bottom:2px solid var(--ink);margin-bottom:6px} .mostread ol{list-style:none;counter-reset:m} .mostread li{counter-increment:m;display:flex;gap:14px;padding:14px 0;border-bottom:1px solid var(--line)} .mostread li::before{content:counter(m);font-family:"Fraunces",serif;font-weight:900;font-size:30px;line-height:.9;color:var(--accent);min-width:30px} .mostread li a{font-family:"Newsreader",serif;font-size:16px;line-height:1.18} .mostread li:hover a{color:var(--accent)} .ad{margin:28px 0;display:flex;flex-direction:column;align-items:center;gap:6px} .ad .slot{width:100%;max-width:728px;min-height:90px;background:repeating-linear-gradient(45deg,var(--paper-2),var(--paper-2) 10px,#e6ddca 10px,#e6ddca 20px);border:1px dashed var(--line);display:flex;align-items:center;justify-content:center;font-family:"Archivo",sans-serif;font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-soft)} .ad small{font-family:"Archivo",sans-serif;font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-soft)} .ad.mpu .slot{max-width:300px;min-height:250px} .sec-head{display:flex;align-items:center;gap:14px;margin:38px 0 20px} .sec-head h4{font-family:"Archivo",sans-serif;font-weight:900;font-size:14px;letter-spacing:.16em;text-transform:uppercase} .sec-head .ln{flex:1;height:1px;background:var(--line)} .opinion{background:var(--paper-2);border-left:5px solid var(--green);padding:26px} .opinion .grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px} .opinion h3{font-family:"Fraunces",serif;font-style:italic;font-weight:600;font-size:22px;line-height:1.12;margin:7px 0 9px} .opinion h3 a:hover{color:var(--green)} .opinion .author{font-family:"Archivo",sans-serif;font-size:11.5px;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-soft)} .grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;align-items:start} .card .thumb,.card .ph{margin-bottom:13px} .card h3{font-family:"Fraunces",serif;font-weight:600;font-size:23px;line-height:1.07;letter-spacing:-.01em;margin:9px 0 7px} .card h3 a:hover{color:var(--accent)} .card p{font-size:16px;color:var(--ink-soft)} .card .meta{margin-top:11px} .infeed{align-self:stretch;display:flex;align-items:center;justify-content:center;margin:0} /* CIKKOLDAL */ .article{max-width:760px;margin:0 auto;padding:36px 0} .article .thumb{margin:18px 0 26px} .article h1{font-family:"Fraunces",serif;font-weight:900;font-size:clamp(30px,4.6vw,52px);line-height:1.02;letter-spacing:-.018em;margin:12px 0} .article .lead-dek{font-size:21px;color:var(--ink-soft);margin-bottom:14px} .article .byline{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:12px 0;margin-bottom:26px} .article-body{font-size:19px;line-height:1.65} .article-body p{margin:0 0 1.1em} .article-body h2{font-family:"Fraunces",serif;font-weight:700;font-size:28px;margin:1.3em 0 .5em} .article-body a{color:var(--accent);text-decoration:underline;text-underline-offset:3px} .article-body blockquote{border-left:4px solid var(--accent);padding-left:18px;margin:1.2em 0;font-style:italic;color:var(--ink-soft)} /* Szerződoboz (E-E-A-T) */ .authorbox{max-width:760px;margin:36px auto 0;display:flex;gap:18px;align-items:flex-start;background:var(--paper-2);border:1px solid var(--line);border-left:4px solid var(--accent);padding:20px} .authorbox .ab-avatar img{width:64px;height:64px;border-radius:50%;display:block} .ab-name{font-family:"Archivo",sans-serif;font-weight:800;font-size:15px;letter-spacing:.04em;text-transform:uppercase} .ab-bio{font-size:16px;color:var(--ink-soft);margin:6px 0 8px;line-height:1.45} .ab-more{font-family:"Archivo",sans-serif;font-weight:700;font-size:12.5px;letter-spacing:.04em;text-transform:uppercase;color:var(--accent)} /* Kapcsolódó cikkek – a cikk szélességéhez igazítva */ .related{max-width:760px;margin:14px auto 0} @media(max-width:600px){.authorbox{flex-direction:column}} footer.site{margin-top:54px;background:var(--ink);color:#D7DEE8} footer.site .wrap{padding:44px 24px} footer.site .flinks ul{list-style:none;display:flex;flex-wrap:wrap;gap:12px 28px;font-family:"Archivo",sans-serif;font-size:14.5px;letter-spacing:.01em} footer.site .flinks a{color:#B7C2D2} footer.site .flinks a:hover{color:#fff;text-decoration:underline;text-underline-offset:3px} footer.site .legal{margin-top:28px;padding-top:20px;border-top:1px solid #28323F;font-family:"Archivo",sans-serif;font-size:12.5px;color:#7F8B9C;display:flex;flex-wrap:wrap;gap:20px} .fade{opacity:0;transform:translateY(14px);animation:rise .7s cubic-bezier(.2,.7,.2,1) forwards} .fade:nth-child(2){animation-delay:.07s}.fade:nth-child(3){animation-delay:.14s} @keyframes rise{to{opacity:1;transform:none}} @media (prefers-reduced-motion:reduce){.fade{animation:none;opacity:1;transform:none}} @media(max-width:1000px){ .lead{grid-template-columns:1.4fr 1fr;gap:30px} .mostread{grid-column:1 / -1;border-top:1px solid var(--line);padding-top:20px} .mostread ol{display:grid;grid-template-columns:1fr 1fr;gap:0 26px} } @media(max-width:760px){ .lead{grid-template-columns:1fr;gap:26px} .mostread ol{grid-template-columns:1fr} .opinion .grid{grid-template-columns:1fr;gap:18px} .grid3{grid-template-columns:1fr;gap:26px} }