/*
Theme Name: Ziarul Ziare
Theme URI: https://ziarulziare.ro/
Author: Ababei Online
Author URI: https://ababeionline.ro/
Description: Temă de știri și ghiduri practice pentru ZiarulZiare.ro, în stil revistă prietenoasă: plăci rotunjite (bento), câte o culoare pastel pentru fiecare categorie, titluri în Bricolage Grotesque, text în Figtree, căutare în centrul antetului, „Ghiduri pas cu pas”, secțiune mare Politică imediat sub deschidere, panouri colorate pe categorii, articol cu antet în culoarea categoriei și pașii ghidului în dreapta. Meniu mereu pe un singur rând, fără comentarii, fără jQuery, fonturi găzduite local.
Version: 1.0.0
Requires at least: 6.4
Tested up to: 6.8
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: ziarulziare
Tags: news, blog, two-columns, right-sidebar, custom-logo, custom-menu, featured-images, translation-ready
*/

/* ---------- Fonturi (găzduite local) ---------- */
@font-face{font-family:"Bricolage Grotesque";font-style:normal;font-weight:200 800;font-display:swap;src:url(assets/fonts/bricolage-grotesque-latin-opsz-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Bricolage Grotesque";font-style:normal;font-weight:200 800;font-display:swap;src:url(assets/fonts/bricolage-grotesque-latin-ext-opsz-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Figtree";font-style:normal;font-weight:300 900;font-display:swap;src:url(assets/fonts/figtree-latin-wght-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Figtree";font-style:normal;font-weight:300 900;font-display:swap;src:url(assets/fonts/figtree-latin-ext-wght-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Figtree";font-style:italic;font-weight:300 900;font-display:swap;src:url(assets/fonts/figtree-latin-wght-italic.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Figtree";font-style:italic;font-weight:300 900;font-display:swap;src:url(assets/fonts/figtree-latin-ext-wght-italic.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}

/* ---------- Variabile ---------- */
:root{
	--q-accent:#D9F26A;
	--q-ink:#13221B;
	--q-text:#24312A;
	--q-soft:#3D4842;
	--q-muted:#56605A;
	--q-line:#E3E6E1;
	--q-line-ink:rgba(19,34,27,.14);
	--q-bg:#FAFAF7;
	--q-white:#FFFFFF;
	--q-chip:#EEF0EC;
	--q-display:"Bricolage Grotesque",ui-rounded,system-ui,sans-serif;
	--q-sans:"Figtree",system-ui,-apple-system,"Segoe UI",sans-serif;
	--q-r-sm:14px;
	--q-r:22px;
	--q-r-lg:28px;
	--q-r-xl:34px;
	--q-wrap:1320px;
	--q-gutter:32px;
	--cat:#E3E6E1;
	--cat-dot:#56605A;
}

/* ---------- Bază ---------- */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:24px}
body{margin:0;background:var(--q-bg);color:var(--q-ink);font:400 16px/1.6 var(--q-sans);-webkit-font-smoothing:antialiased;overflow-x:hidden}
h1,h2,h3,h4,h5,h6,p,ul,ol,figure,blockquote{margin:0}
ul,ol{padding:0}
img,svg,video,iframe{max-width:100%}
img{height:auto;display:block}
a{color:inherit;text-decoration:none}
a:hover{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px}
button,input{font:inherit}
:focus-visible{outline:3px solid var(--q-ink);outline-offset:2px}
.wrap{width:100%;max-width:var(--q-wrap);margin:0 auto;padding:0 var(--q-gutter)}
.narrow{max-width:780px;margin-left:auto;margin-right:auto;padding-left:var(--q-gutter);padding-right:var(--q-gutter)}
.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}
.skip-link{position:absolute;left:-9999px;top:8px;z-index:100;background:var(--q-ink);color:#fff;padding:10px 14px;border-radius:999px}
.skip-link:focus{left:8px;color:#fff}

/* Titluri */
.t-lg,.t-md,.t-sm,.bento__title,.phead__t,.shead__t,.single__title,.archive__title,.guide__t,.list-item__title,.brand__name{font-family:var(--q-display);font-optical-sizing:auto;font-weight:800;color:var(--q-ink)}
.t-lg{font-size:32px;line-height:1.05;letter-spacing:-.035em;margin:10px 0 10px}
.t-md{font-size:23px;line-height:1.12;letter-spacing:-.025em;margin:0}
.t-sm{display:block;font-size:20px;line-height:1.16;letter-spacing:-.02em;margin:0}
.dek{font:400 16px/1.6 var(--q-sans);color:var(--q-soft)}
.meta{font:500 13px/1.4 var(--q-sans);color:var(--q-muted)}
.meta-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}

/* Etichete, pastile, butoane */
.tag{display:inline-flex;align-items:center;gap:7px;height:28px;padding:0 12px;border-radius:999px;background:var(--cat);font:700 12px/1 var(--q-sans);color:var(--q-ink);white-space:nowrap}
.tag:hover{text-decoration:none;filter:brightness(.96)}
.tag--white{background:var(--q-white)}
.pill{display:inline-flex;align-items:center;gap:8px;height:42px;padding:0 16px;border-radius:999px;background:var(--q-white);border:1px solid var(--q-line);font:600 14px/1 var(--q-sans);white-space:nowrap;color:var(--q-ink)}
.pill:hover{text-decoration:none;border-color:var(--q-ink)}
.pill--dark{background:var(--q-ink);border-color:var(--q-ink);color:#fff}
.pill--dark:hover{color:#fff;background:#24382D}
.dot{width:8px;height:8px;border-radius:50%;display:inline-block;flex:none;background:var(--cat-dot)}
.dot--accent{background:var(--q-accent)}
.go{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:var(--q-ink);color:#fff;flex:none;transition:transform .2s}
.go:hover{transform:translateX(3px)}
.round-btn{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;border:2px solid var(--q-ink);background:var(--q-white);color:var(--q-ink);cursor:pointer;padding:0;flex:none}
.round-btn--dark{background:var(--q-ink);color:#fff;border-color:var(--q-ink)}
.row{display:block;padding:13px 0;border-top:1px solid var(--q-line-ink);font:700 16px/1.35 var(--q-sans)}
.row .meta{display:block;margin-top:3px;font-weight:500}

/* Imagini */
.thumb{position:relative;overflow:hidden;background:color-mix(in srgb,var(--cat) 70%,#9AA59F)}
.thumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
a:hover .thumb img,a:hover.guide .thumb img{transform:scale(1.04)}
.ratio-16x9{aspect-ratio:16/9}
.ratio-16x10{aspect-ratio:16/10}
.ratio-4x3{aspect-ratio:4/3}
.ratio-1x1{aspect-ratio:1/1}
.ratio-fill{position:absolute;inset:0}

/* ---------- Antet ---------- */
.masthead{display:flex;align-items:center;gap:28px;padding-top:22px;padding-bottom:16px}
.logo{flex:none}
.logo__wrap{margin:0;font-size:inherit;font-weight:inherit;line-height:1}
.logo__wrap a:hover,.site-footer__logo:hover{text-decoration:none}
.brand{display:inline-flex;align-items:center;gap:12px}
.brand__mark{width:48px;height:48px;border-radius:16px;background:var(--q-accent);color:var(--q-ink);display:inline-flex;align-items:center;justify-content:center;font:800 22px/1 var(--q-display);letter-spacing:-.06em;transform:rotate(-6deg);transition:transform .25s}
a:hover .brand__mark{transform:rotate(4deg)}
.brand__name{font-size:30px;line-height:1;letter-spacing:-.045em}
.custom-logo{max-height:56px;width:auto}
.masthead__search{flex:1;min-width:0;max-width:620px;margin:0 auto}
.search-form{display:flex;align-items:center;gap:12px;height:54px;padding:0 6px 0 22px;border-radius:999px;background:var(--q-white);border:2px solid var(--q-ink);color:var(--q-ink)}
.search-field{flex:1;min-width:0;border:0;outline:0;background:transparent;font:500 16px var(--q-sans);color:var(--q-ink);height:100%;padding:0}
.search-field::placeholder{color:var(--q-muted)}
.search-submit{height:40px;padding:0 18px;border-radius:999px;border:0;background:var(--q-ink);color:#fff;font:700 14px var(--q-sans);cursor:pointer}
.search-submit:hover{background:#24382D}
.masthead__actions{display:flex;align-items:center;gap:10px;flex:none}
.masthead__date{font:500 13px var(--q-sans);color:var(--q-muted)}
.search-toggle,.menu-toggle{display:none}

/* Bara de progres */
.progress{position:fixed;top:0;left:0;right:0;height:4px;z-index:60;pointer-events:none}
.admin-bar .progress{top:32px}
.progress span{display:block;height:100%;background:var(--q-ink);transform:scaleX(0);transform-origin:0 50%}

/* ---------- Meniul: pastile pe un singur rând ---------- */
.mainnav{padding-bottom:8px}
.mainnav__in{display:flex;align-items:center;gap:8px}
.mainnav__home,.mainnav .menu>li>a,.more-toggle{display:inline-flex;align-items:center;gap:8px;height:42px;padding:0 16px;border-radius:999px;background:var(--q-white);border:1px solid var(--q-line);font:600 14px/1 var(--q-sans);white-space:nowrap;color:var(--q-ink)}
.mainnav .menu>li>a::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--cat-dot);flex:none}
.mainnav__home:hover,.mainnav .menu>li>a:hover{text-decoration:none;border-color:var(--q-ink)}
.mainnav__home{flex:none}
.mainnav__home.is-current{background:var(--q-ink);border-color:var(--q-ink);color:#fff}
.mainnav .menu>.current-menu-item>a,.mainnav .menu>.current-category-ancestor>a,.mainnav .menu>.current-post-ancestor>a,.mainnav .menu>.current-menu-parent>a{background:var(--cat);border-color:var(--cat)}
.mainnav .menu{flex:1;min-width:0;list-style:none;display:flex;flex-wrap:nowrap;align-items:center;gap:8px;overflow:hidden}
.mainnav.is-ready .menu{overflow:visible}
.mainnav .menu>li{position:relative;display:flex;align-items:center;flex:none}
.mainnav .menu>li[hidden]{display:none}
.sub-toggle{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;margin-left:-38px;margin-right:6px;border:0;border-radius:50%;background:transparent;color:var(--q-ink);cursor:pointer;padding:0;position:relative}
.mainnav .menu>.menu-item-has-children:not(.menu-more)>a{padding-right:38px}
.more-toggle{cursor:pointer;background:var(--q-chip);border-color:var(--q-chip)}
.sub-toggle svg,.more-toggle svg{transition:transform .2s}
.is-open>.sub-toggle svg,.is-open>.more-toggle svg{transform:rotate(180deg)}
.mainnav .sub-menu{display:none;position:absolute;top:calc(100% + 8px);left:0;z-index:50;min-width:230px;list-style:none;background:var(--q-white);border:1px solid var(--q-line);border-radius:var(--q-r);box-shadow:0 20px 44px rgba(19,34,27,.14);padding:8px}
.mainnav .menu>li::after{content:"";position:absolute;left:0;right:0;top:100%;height:10px}
.mainnav .menu>li:hover>.sub-menu,.mainnav .menu>li:focus-within>.sub-menu,.mainnav .menu>li.is-open>.sub-menu{display:block}
.mainnav .more-list{left:auto;right:0;max-height:70vh;overflow-y:auto}
.mainnav .sub-menu a{display:flex;align-items:center;gap:10px;padding:11px 14px;border-radius:var(--q-r-sm);font:600 15px/1.25 var(--q-sans);white-space:nowrap}
.mainnav .sub-menu a::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--cat-dot);flex:none}
.mainnav .sub-menu a:hover{background:var(--cat);text-decoration:none}
.mainnav .more-list>li{display:block}
.mainnav .more-list .sub-toggle{display:none}
.mainnav .more-list .sub-menu{display:block;position:static;border:0;box-shadow:none;padding:0 0 4px 16px;min-width:0}
.mainnav .more-list .sub-menu a{font-weight:500;font-size:14px;color:var(--q-muted)}

/* ---------- Reclame ---------- */
.ad-slot{display:block;text-align:center}
ins.adsbygoogle[data-ad-status="unfilled"]{display:none!important}
.ad-slot:empty{display:none}
.ad-slot .widget{display:block;width:100%;max-width:100%;overflow:hidden}
.ad-slot .widget>*,.ad-slot .textwidget>*{margin-left:auto;margin-right:auto;max-width:100%}
.ad-slot .widget-title{display:none}
.ad-slot--header{padding-top:16px}
.ad-slot--billboard{margin-top:48px}
.ad-slot--content{margin:6px 0 30px}

/* ---------- Secțiuni ---------- */
.block{padding-top:56px}
.block-sm{padding-top:18px}
.shead{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:22px;flex-wrap:wrap}
.shead__kicker{font:700 13px var(--q-sans);color:var(--q-muted);margin-bottom:6px}
.shead__t{font-size:40px;line-height:1;letter-spacing:-.04em}
.phead{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}
.phead__t{font-size:32px;line-height:1;letter-spacing:-.04em}
.phead__t a:hover{text-decoration:none}
.phead--xl .phead__t{font-size:44px}
.phead--sm{margin-bottom:6px}
.phead--sm .phead__t{font-size:24px;letter-spacing:-.03em}

/* ---------- Deschiderea (bento) ---------- */
.bento{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:auto auto;gap:18px;padding-top:20px}
.bento__lead{grid-column:1/8;grid-row:1/3;position:relative;border-radius:var(--q-r-lg);overflow:hidden;min-height:600px;background:#A9BFB2;display:flex;align-items:flex-end;padding:20px}
.bento__img{position:absolute;inset:0}
.bento__img .thumb{position:absolute;inset:0}
.bento__card{position:relative;background:var(--q-white);border-radius:var(--q-r);padding:24px 26px;width:100%}
.bento__title{font-size:42px;line-height:1.03;letter-spacing:-.04em;margin:12px 0 10px}
.bento__dek{font:400 17px/1.55 var(--q-sans);color:var(--q-soft)}
.bento .newsbox{grid-column:8/13;grid-row:1}
.bento__text{grid-column:8/10;grid-row:2;background:var(--cat);border-radius:var(--q-r-lg);padding:22px;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;gap:16px;min-height:230px}
.bento__text .meta{color:var(--q-soft)}
.bento__pic{grid-column:10/13;grid-row:2;background:var(--cat);border-radius:var(--q-r-lg);overflow:hidden;display:flex;flex-direction:column}
.bento__pic-body{padding:16px 20px 20px;display:flex;flex-direction:column;align-items:flex-start;gap:10px}
.bento__pic .t-sm{font-size:19px}

.newsbox{background:var(--q-accent);border-radius:var(--q-r-lg);padding:24px 26px 12px}
.newsbox__item{display:grid;grid-template-columns:56px minmax(0,1fr);gap:8px;padding:13px 0;border-top:1px solid var(--q-line-ink);font:700 16px/1.35 var(--q-sans)}
.newsbox__item time{font:800 14px/1.35 var(--q-sans)}

/* ---------- Secțiunea mare (Politică) ---------- */
.feature{background:var(--cat);border-radius:var(--q-r-xl);padding:30px}
.feature__grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:22px}
.feature__main{background:var(--q-white);border-radius:var(--q-r);overflow:hidden}
.feature__main .thumb{border-radius:0}
.feature__body{padding:20px 24px 24px}
.feature__side{display:flex;flex-direction:column}
.feature__card{display:grid;grid-template-columns:150px minmax(0,1fr);gap:16px;align-items:center;background:var(--q-white);border-radius:var(--q-r);padding:12px;margin-bottom:10px}
.feature__card .thumb{border-radius:var(--q-r-sm)}
.feature__card .meta{display:block;margin-top:8px}
.feature__side .row{font-size:17px;padding:15px 0}
.feature__side .row:first-of-type{border-top:0}

/* ---------- Ghiduri ---------- */
.guides{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.guide{display:flex;flex-direction:column;background:var(--q-white);border:1px solid var(--q-line);border-radius:var(--q-r);overflow:hidden;transition:transform .2s,box-shadow .2s}
.guide:hover{text-decoration:none;transform:translateY(-3px);box-shadow:0 16px 32px rgba(19,34,27,.08)}
.guide__body{padding:18px 20px 20px;display:flex;flex-direction:column;gap:12px;flex:1}
.guide__badge{align-self:flex-start;display:inline-flex;align-items:center;height:28px;padding:0 12px;border-radius:999px;background:var(--cat);font:800 12px/1 var(--q-sans)}
.guide__t{font-size:20px;line-height:1.16;letter-spacing:-.02em;flex:1}
.guide__bar{display:flex;gap:4px}
.guide__bar i{height:5px;flex:1;border-radius:3px;background:var(--q-line)}
.guide__bar i:first-child{background:var(--q-ink)}

/* ---------- Panouri pe categorii ---------- */
.panels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.panels--1{grid-template-columns:1fr}
.panel{background:var(--cat);border-radius:var(--q-r-xl);padding:28px}
.panel__lead{display:flex;flex-direction:column;gap:14px;margin-bottom:12px}
.panel__lead .thumb{border-radius:var(--q-r)}
.panel__lead .meta{display:block;margin-top:6px;color:var(--q-soft)}
.panel--wide .panel__lead{display:grid;grid-template-columns:200px minmax(0,1fr);gap:18px;align-items:center;background:var(--q-white);border-radius:var(--q-r);padding:12px}
.panel--wide .panel__lead .thumb{border-radius:var(--q-r-sm)}
.panel--wide .panel__lead .meta{color:var(--q-muted)}
.panel .row:first-of-type{border-top:0}
.trio{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 320px;gap:18px}
.trio .panel .phead__t{font-size:30px}
.trio__side{display:flex;flex-direction:column;gap:18px}
.ranked{background:#D8C8FF;border-radius:var(--q-r-xl);padding:24px 24px 10px}
.ranked__title{font:800 13px/1 var(--q-sans);letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px}
.ranked ol{list-style:none;counter-reset:r}
.ranked li{counter-increment:r}
.ranked li a{display:grid;grid-template-columns:32px minmax(0,1fr);gap:8px;padding:12px 0;border-top:1px solid var(--q-line-ink);font:700 15px/1.35 var(--q-sans)}
.ranked li a::before{content:counter(r);font:800 22px/1 var(--q-display)}

/* ---------- Rândul de jos ---------- */
.strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.strip__card{display:flex;flex-direction:column;background:var(--cat);border-radius:var(--q-r);overflow:hidden}
.strip__card:hover{text-decoration:none}
.strip__body{padding:16px 18px 20px;display:flex;flex-direction:column;gap:6px}
.strip__cat{font:700 13px var(--q-sans);color:var(--q-soft)}
.strip__card .t-sm{font-size:19px}

/* ---------- Articolul ---------- */
.single{padding-top:10px}
.single__head{background:var(--cat);border-radius:36px;padding:48px 56px 44px}
.single__head.has-figure{padding-bottom:140px}
.crumbs{display:flex;gap:8px;font:600 13px var(--q-sans);color:var(--q-soft)}
.single__title{font-size:clamp(36px,4.6vw,60px);line-height:1;letter-spacing:-.045em;margin:18px 0 18px;max-width:1000px}
.single__dek{font:500 21px/1.5 var(--q-sans);color:var(--q-text);max-width:840px}
.byline{display:flex;align-items:center;gap:12px;margin-top:26px;flex-wrap:wrap}
.avatar{width:44px;height:44px;border-radius:50%;background:var(--q-ink);color:var(--q-accent);display:inline-flex;align-items:center;justify-content:center;font:800 16px/1 var(--q-display);flex:none}
.byline__text{display:flex;flex-direction:column}
.byline__name{font-weight:800;font-size:15px}
.byline .meta{color:var(--q-soft)}
.share{margin-left:auto;display:flex;gap:8px}
.share__btn{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;border:0;background:var(--q-white);color:var(--q-ink);cursor:pointer;padding:0}
.share__btn:hover{background:var(--q-ink);color:#fff}
.share__btn .i-done{display:none}
.share__btn.is-done{background:var(--q-ink);color:#fff}
.share__btn.is-done .i-link{display:none}
.share__btn.is-done .i-done{display:block}
.single__figure{margin:-110px 56px 0}
.single__figure img{width:100%;border-radius:var(--q-r-lg);aspect-ratio:21/9;object-fit:cover}
.single__figure figcaption{margin:10px 4px 0}
.single__layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:64px;max-width:1160px;margin:0 auto;padding-top:40px}
.single__aside{display:flex;flex-direction:column;gap:18px}
.toc{background:var(--q-white);border:1px solid var(--q-line);border-radius:var(--q-r);padding:22px}
.toc__title{font:800 13px/1 var(--q-sans);letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px}
.toc a{display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;align-items:center;padding:8px 0;font:700 15px/1.3 var(--q-sans)}
.toc__n{width:30px;height:30px;border-radius:10px;background:var(--q-chip);display:flex;align-items:center;justify-content:center;font:800 14px var(--q-sans)}
.toc a:first-of-type .toc__n{background:var(--q-accent)}
.sticky-ad{position:sticky;top:24px}

.entry{font:400 19px/1.75 var(--q-sans);color:var(--q-text);overflow-wrap:break-word;max-width:720px}
.entry>*{margin-top:0;margin-bottom:22px}
.entry h2{font:800 30px/1.1 var(--q-display);letter-spacing:-.03em;margin:40px 0 12px;color:var(--q-ink)}
.is-guide .entry{counter-reset:step}
.is-guide .entry h2{counter-increment:step;display:flex;align-items:flex-start;gap:14px}
.is-guide .entry h2::before{content:counter(step);flex:none;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:12px;background:var(--q-accent);font-size:20px;letter-spacing:0;margin-top:-4px}
.entry h3{font:800 23px/1.2 var(--q-display);letter-spacing:-.02em;margin:30px 0 10px;color:var(--q-ink)}
.entry h4{font:800 19px/1.3 var(--q-sans);margin:26px 0 8px}
.entry a{font-weight:600;color:var(--q-ink);background:linear-gradient(transparent 60%,var(--q-accent) 60%)}
.entry a:hover{text-decoration:none;background:var(--q-accent)}
.entry ul,.entry ol{padding-left:1.3em}
.entry li{margin-bottom:8px}
.entry blockquote,.entry .wp-block-quote{margin:32px 0;padding:26px 28px;background:#D8C8FF;border:0;border-radius:var(--q-r)}
.entry blockquote p{margin:0 0 8px;font:700 24px/1.35 var(--q-display);letter-spacing:-.02em;color:var(--q-ink)}
.entry blockquote cite{display:block;font:700 13px var(--q-sans);font-style:normal;color:var(--q-soft)}
.entry .is-style-zz-summary{list-style:none;background:var(--q-white);border:1px solid var(--q-line);border-radius:var(--q-r);padding:54px 24px 14px;position:relative;font:600 16px/1.5 var(--q-sans)}
.entry .is-style-zz-summary::before{content:"Pe scurt";position:absolute;left:24px;top:22px;font:800 13px/1 var(--q-sans);letter-spacing:.08em;text-transform:uppercase}
.entry ul.is-style-zz-summary li{position:relative;padding-left:38px;margin-bottom:12px}
.entry ul.is-style-zz-summary li::before{content:"";position:absolute;left:0;top:0;width:24px;height:24px;border-radius:50%;background:#A8E6CB url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2313221B' stroke-width='3'%3E%3Cpath d='M5 12l5 5L20 7'/%3E%3C/svg%3E") center/14px no-repeat}
.entry .wp-block-group.is-style-zz-summary{padding:54px 24px 14px}
.readalso{display:grid;grid-template-columns:auto minmax(0,1fr);gap:6px 16px;align-items:center;background:#FFE48A;border-radius:var(--q-r);padding:18px 22px}
.readalso__label{font:800 12px/1.2 var(--q-sans);letter-spacing:.08em;text-transform:uppercase}
.entry .readalso a{background:none;font:800 19px/1.25 var(--q-display);letter-spacing:-.02em}
.entry .readalso a:hover{text-decoration:underline}
.entry figure{margin-left:0;margin-right:0}
.entry figure img{border-radius:var(--q-r)}
.entry figcaption,.entry .wp-element-caption{font:500 13px/1.4 var(--q-sans);color:var(--q-muted);margin-top:8px}
.entry table{width:100%;border-collapse:collapse;font-size:15px;line-height:1.5}
.entry th,.entry td{border-bottom:1px solid var(--q-line);padding:10px 8px;text-align:left}
.entry .wp-block-table{overflow-x:auto}
.entry hr{border:0;border-top:2px dashed var(--q-line);margin:40px 0}
.entry .alignleft{float:left;margin:6px 24px 12px 0;max-width:50%}
.entry .alignright{float:right;margin:6px 0 12px 24px;max-width:50%}
.entry .aligncenter{margin-left:auto;margin-right:auto}
.entry iframe{width:100%;border-radius:var(--q-r)}
.tags{list-style:none;display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}
.tags a{display:inline-flex;align-items:center;height:36px;padding:0 14px;border-radius:999px;background:var(--q-white);border:1px solid var(--q-line);font:600 13px var(--q-sans)}
.tags a:hover{text-decoration:none;border-color:var(--q-ink)}
.page-links{font:700 14px var(--q-sans)}
.related__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.related__card{display:flex;flex-direction:column;gap:14px;background:var(--cat);border-radius:var(--q-r-lg);padding:12px 12px 22px}
.related__card:hover{text-decoration:none}
.related__card .thumb{border-radius:var(--q-r)}
.related__card .t-sm{padding:0 10px}

/* Pagini statice */
.page-single{padding-top:32px}
.page-single .single__title{font-size:clamp(34px,4vw,52px)}
.page-single .entry{max-width:none}

/* ---------- Liste ---------- */
.archive{padding-top:10px}
.archive__head{background:var(--cat);border-radius:36px;padding:44px 48px;margin-bottom:36px}
.archive__kicker{font:700 13px var(--q-sans);color:var(--q-soft);margin-bottom:6px}
.archive__title{font-size:clamp(40px,5vw,64px);line-height:1;letter-spacing:-.045em}
.archive__desc{max-width:720px;color:var(--q-text);margin-top:14px;font:500 18px/1.55 var(--q-sans)}
.archive__search{margin-top:18px;max-width:560px}
.subcats{list-style:none;display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}
.subcats a{display:inline-flex;align-items:center;height:38px;padding:0 14px;border-radius:999px;background:var(--q-white);font:600 14px var(--q-sans)}
.archive__layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:48px}
.archive__aside{display:flex;flex-direction:column;gap:18px}
.archive__list{display:flex;flex-direction:column;gap:14px}
.list-item{display:grid;grid-template-columns:240px minmax(0,1fr);gap:22px;align-items:center;background:var(--q-white);border:1px solid var(--q-line);border-radius:var(--q-r);padding:12px}
.list-item .thumb{border-radius:var(--q-r-sm)}
.list-item__body{padding-right:12px}
.list-item__title{font-size:24px;line-height:1.12;letter-spacing:-.03em;margin:10px 0 6px}
.list-item__excerpt{font:400 15px/1.55 var(--q-sans);color:var(--q-soft)}
.empty{font:500 18px/1.6 var(--q-sans);margin-bottom:18px}
.pagination{margin-top:24px}
.pagination .nav-links{display:flex;gap:6px;flex-wrap:wrap}
.pagination .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:46px;min-height:46px;padding:0 14px;border-radius:999px;background:var(--q-white);border:1px solid var(--q-line);font:700 15px var(--q-sans)}
.pagination .page-numbers.current,.pagination a.page-numbers:hover{background:var(--q-ink);border-color:var(--q-ink);color:#fff;text-decoration:none}
.pagination .page-numbers.dots{background:transparent;border-color:transparent}

/* 404 */
.notfound{max-width:820px;padding-top:56px;padding-bottom:24px}
.notfound .kicker{display:inline-flex;height:30px;align-items:center;padding:0 12px;border-radius:999px;background:var(--q-accent);font:800 12px var(--q-sans);margin-bottom:14px}
.notfound p{margin-bottom:18px;font:500 18px/1.6 var(--q-sans)}
.notfound__actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}
.pill--accent{background:var(--q-accent);border-color:var(--q-accent)}

/* ---------- Subsol ---------- */
.site-footer{margin-top:72px;background:var(--q-ink);color:#C9D2CC;border-radius:40px 40px 0 0;font-size:15px}
.site-footer__grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1.8fr);gap:48px;padding-top:52px;padding-bottom:36px}
.site-footer__logo{display:inline-block;color:#fff}
.site-footer__logo .brand__mark{width:44px;height:44px;font-size:20px;border-radius:14px}
.site-footer__logo .brand__name{color:#fff;font-size:28px}
.site-footer__about{line-height:1.7;max-width:380px;margin-top:16px}
.site-footer__title{font:800 12px/1 var(--q-sans);letter-spacing:.1em;text-transform:uppercase;color:#fff;margin-bottom:14px}
.footer-pills{list-style:none;display:flex;flex-wrap:wrap;gap:8px}
.footer-pills a{display:inline-flex;align-items:center;gap:8px;height:42px;padding:0 16px;border-radius:999px;border:1px solid #33463C;color:#fff;font:600 14px var(--q-sans)}
.footer-pills a::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--cat)}
.footer-pills a:hover{text-decoration:none;background:#1D3027}
.footer-links{display:flex;gap:22px;margin-top:22px;flex-wrap:wrap}
.site-footer a:hover{color:#fff}
.social{list-style:none;display:flex;gap:16px;margin-top:18px;font-weight:700}
.site-footer__bottom{border-top:1px solid #33463C;padding:18px 0 26px;font-size:13px}

/* ---------- Responsive ---------- */
@media (max-width:1180px){
	.masthead__date{display:none}
	.bento__title{font-size:36px}
	.trio{grid-template-columns:repeat(2,minmax(0,1fr))}
	.trio__side{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
	.guides,.strip{grid-template-columns:repeat(2,minmax(0,1fr))}
	.single__layout{grid-template-columns:minmax(0,1fr) 300px;gap:40px}
}

@media (max-width:900px){
	:root{--q-gutter:16px}
	.masthead{flex-wrap:wrap;gap:8px 12px;padding-top:12px;padding-bottom:10px}
	.brand{gap:8px}
	.brand__mark{width:36px;height:36px;font-size:16px;border-radius:12px}
	.brand__name{font-size:22px}
	.masthead__actions{margin-left:auto;gap:6px}
	.masthead__actions .pill{display:none}
	.search-toggle,.menu-toggle{display:inline-flex}
	.masthead__search{order:3;flex-basis:100%;max-width:none;display:none}
	.masthead__search.is-open{display:block}
	.search-form{height:50px;padding-left:18px}
	.mainnav__in{overflow-x:auto;scrollbar-width:none;margin:0 -16px;padding:0 16px}
	.mainnav__in::-webkit-scrollbar{display:none}
	.mainnav .menu{overflow:visible;flex:none}
	.mainnav__home,.mainnav .menu>li>a{height:38px;font-size:13px;padding:0 14px}
	.mainnav .sub-toggle,.mainnav .menu-more{display:none}
	.mainnav .sub-menu{display:none!important}
	.mainnav .menu>.menu-item-has-children:not(.menu-more)>a{padding-right:14px}
	.mainnav.is-expanded .mainnav__in{flex-direction:column;align-items:stretch;overflow:visible;margin:0;padding:0}
	.mainnav.is-expanded .menu{flex-direction:column;align-items:stretch;gap:6px}
	.mainnav.is-expanded .menu>li{display:block}
	.mainnav.is-expanded .menu>li.menu-more,.mainnav .menu>li[hidden]{display:none!important}
	.mainnav.is-expanded .mainnav__home,.mainnav.is-expanded .menu>li>a{display:flex;height:52px;font-size:17px}
	.mainnav.is-expanded .sub-menu{display:flex!important;flex-wrap:wrap;gap:6px;position:static;border:0;box-shadow:none;background:transparent;padding:8px 0 4px 16px;min-width:0}
	.mainnav.is-expanded .sub-menu a{background:var(--q-white);border:1px solid var(--q-line);border-radius:999px;padding:9px 14px;font-size:14px}

	.bento{grid-template-columns:1fr;gap:14px;padding-top:6px}
	.bento>*{grid-column:auto!important;grid-row:auto!important}
	.bento__lead{min-height:440px;padding:12px;border-radius:26px}
	.bento__card{padding:16px 18px;border-radius:20px}
	.bento__title{font-size:25px;letter-spacing:-.035em;margin:10px 0 0}
	.bento__dek{display:none}
	.bento__text{min-height:0;border-radius:26px}
	.bento__pic{border-radius:26px}
	.newsbox{border-radius:26px;padding:18px 18px 8px}
	.newsbox__item{grid-template-columns:48px minmax(0,1fr);font-size:15px;padding:11px 0}

	.block{padding-top:32px}
	.block-sm{padding-top:14px}
	.shead__t{font-size:28px}
	.phead__t,.phead--xl .phead__t,.trio .panel .phead__t{font-size:26px}
	.go{width:40px;height:40px}
	.feature{padding:18px;border-radius:28px}
	.feature__grid{grid-template-columns:1fr;gap:12px}
	.feature__body{padding:14px 16px 18px}
	.t-lg{font-size:23px}
	.feature__card{grid-template-columns:96px minmax(0,1fr);gap:12px;padding:10px}
	.feature__side .row{font-size:15px;padding:12px 0}
	.guides{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 -16px;padding:0 16px 4px;scroll-padding-inline:16px;scrollbar-width:none}
	.guides::-webkit-scrollbar{display:none}
	.guide{flex:none;width:240px;scroll-snap-align:start}
	.guide__t{font-size:18px}
	.panels,.trio,.trio__side{grid-template-columns:1fr;display:grid;gap:14px}
	.panel{padding:20px;border-radius:28px}
	.panel--wide .panel__lead{grid-template-columns:1fr;padding:10px}
	.t-sm{font-size:18px}
	.strip{gap:12px}
	.strip__card .t-sm{font-size:16px}
	.strip__body{padding:12px 14px 16px}
	.ad-slot--billboard{margin-top:28px}

	.single__head,.single__head.has-figure{border-radius:28px;padding:24px 20px 26px}
	.single__head.has-figure{padding-bottom:26px}
	.single__title{font-size:32px;margin:12px 0}
	.single__dek{font-size:17px}
	.share{margin-left:0;width:100%}
	.single__figure{margin:14px 0 0}
	.single__figure img{aspect-ratio:4/3;border-radius:22px}
	.single__layout{grid-template-columns:1fr;gap:28px;padding-top:24px}
	.entry{font-size:18px;line-height:1.7}
	.entry h2{font-size:25px}
	.is-guide .entry h2::before{width:34px;height:34px;font-size:17px}
	.entry .alignleft,.entry .alignright{float:none;margin:0 0 20px;max-width:100%}
	.readalso{grid-template-columns:1fr}
	.related__grid{grid-template-columns:1fr}
	.sticky-ad{position:static}
	.single__aside .toc{display:none}

	.archive__head{border-radius:28px;padding:26px 22px;margin-bottom:20px}
	.archive__layout{grid-template-columns:1fr;gap:28px}
	.list-item{grid-template-columns:96px minmax(0,1fr);gap:12px;padding:10px}
	.list-item__title{font-size:17px;margin:8px 0 0}
	.list-item__excerpt,.list-item .meta-row .meta{display:none}

	.site-footer{margin-top:40px;border-radius:32px 32px 0 0}
	.site-footer__grid{grid-template-columns:1fr;gap:28px;padding-top:30px;padding-bottom:24px}
}

@media (prefers-reduced-motion:reduce){
	*{transition:none!important;scroll-behavior:auto!important}
	a:hover .thumb img{transform:none}
}

@media print{.masthead__actions,.mainnav,.ad-slot,.share,.related,.site-footer,.single__aside,.progress{display:none}.single__layout{display:block}}