/*
Theme Name:   Părinți Implicați
Theme URI:    https://parintiimplicati.ro/
Description:  Temă copil GeneratePress pentru podcastul Părinți Implicați. Identitate vizuală preluată din site-ul anterior (biruitorii.ro/implicare), reconstruită fără page builder.
Author:       Asociația Doar Împreună
Author URI:   https://doarimpreuna.org/
Template:     generatepress
Version:      1.1.2
Text Domain:  parintiimplicati
Tags:         podcast, parenting
*/

/* ═══════════════════════════════════════════════════════════
   1. Simboluri de design
   Paleta si tipografia vin din site-ul anterior.
   #2ea3f2 (albastrul implicit Divi) a fost eliminat deliberat —
   nu era culoare de brand.
   ═══════════════════════════════════════════════════════════ */
:root{
	--pi-navy-900:#0B1626;
	--pi-navy-800:#142440;   /* bleumarin de brand */
	--pi-navy-700:#1E3358;
	--pi-cyan:#4AC8ED;       /* bleu de brand */
	--pi-cyan-deep:#1F8FB4;  /* varianta pentru text pe fundal deschis */
	--pi-paper:#F6F8FA;
	--pi-surface:#FFFFFF;
	--pi-ink:#16202E;
	--pi-muted:#5D6E80;
	--pi-line:#DBE3EB;
	--pi-say-bg:#EAF7FD;

	--pi-display:"Oswald",'Arial Narrow',Helvetica,sans-serif;
	--pi-body:"Source Serif 4",Georgia,'Times New Roman',serif;
	--pi-ui:ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif;

	--pi-wrap:1180px;
	--pi-col:660px;          /* coloana de lectura */
}

@media (prefers-color-scheme:dark){
	:root:not([data-theme="light"]){
		--pi-paper:#0B1626;
		--pi-surface:#111F33;
		--pi-ink:#E8EEF4;
		--pi-muted:#96A8B9;
		--pi-line:#22364F;
		--pi-navy-800:#0E1B2E;
		--pi-cyan-deep:#6FD4F2;
		--pi-say-bg:#14304A;
	}
}
:root[data-theme="dark"]{
	--pi-paper:#0B1626;
	--pi-surface:#111F33;
	--pi-ink:#E8EEF4;
	--pi-muted:#96A8B9;
	--pi-line:#22364F;
	--pi-navy-800:#0E1B2E;
	--pi-cyan-deep:#6FD4F2;
	--pi-say-bg:#14304A;
}

/* ═══════════════════════════════════════════════════════════
   2. Baza — peste GeneratePress
   ═══════════════════════════════════════════════════════════ */
body{
	background:var(--pi-paper);
	color:var(--pi-ink);
	font-family:var(--pi-body);
	font-size:17.5px;
	line-height:1.68;
	-webkit-font-smoothing:antialiased;
}
.grid-container{max-width:var(--pi-wrap)}

h1,h2,h3,h4,.entry-title{
	font-family:var(--pi-display);
	font-weight:500;
	text-wrap:balance;
	letter-spacing:.01em;
	color:var(--pi-ink);
}
h1{font-size:clamp(30px,4.4vw,48px);font-weight:400;line-height:1.1}
h2{font-size:clamp(24px,3vw,32px);font-weight:400;line-height:1.16}
h3{font-size:21px;line-height:1.28}

a{color:var(--pi-cyan-deep)}
a:hover,a:focus{color:var(--pi-navy-800)}
:focus-visible{outline:2px solid var(--pi-cyan);outline-offset:3px;border-radius:2px}

/* Continut de articol: coloana ingusta, nu toata latimea */
.single-post .entry-content>*:not(.alignwide):not(.alignfull):not(.pi-full){
	max-width:var(--pi-col);
}
.entry-content p{margin-bottom:1.05em}

/* Tabele si cod: niciodata nu impinge pagina lateral */
.entry-content table,
.entry-content pre{display:block;overflow-x:auto;max-width:100%}

/* ═══════════════════════════════════════════════════════════
   3. Antet
   ═══════════════════════════════════════════════════════════ */
.site-header{background:var(--pi-navy-800);border:0}
.inside-header{padding-top:14px;padding-bottom:14px}
.site-logo img,.site-header .header-image{height:42px;width:auto;max-height:none}

.main-navigation,
.main-navigation ul ul{background:transparent}
.main-navigation .main-nav ul li a{
	font-family:var(--pi-display);
	font-size:13px;
	font-weight:400;
	letter-spacing:.13em;
	text-transform:uppercase;
	color:#C3D3E2;
	border-bottom:2px solid transparent;
	line-height:1.4;
	transition:color .15s,border-color .15s;
}
.main-navigation .main-nav ul li:hover>a,
.main-navigation .main-nav ul li:focus-within>a{color:#fff;border-bottom-color:var(--pi-cyan)}
.main-navigation .main-nav ul li.current-menu-item>a,
.main-navigation .main-nav ul li.current_page_item>a{
	color:var(--pi-cyan);border-bottom-color:var(--pi-cyan);
}
.main-navigation ul ul li a{background:var(--pi-navy-700);border-bottom:0}

/* Hamburger: GeneratePress îl pune #222, pe bleumarin dispare. */
.site-header .menu-toggle,
.main-navigation .menu-toggle,
#mobile-menu-control-wrapper .menu-toggle{
	color:#F4F8FB;
	background:transparent;
	border:1px solid rgba(255,255,255,.28);
	border-radius:3px;
	padding:8px 10px;
	line-height:1;
}
.site-header .menu-toggle svg,
.main-navigation .menu-toggle svg,
#mobile-menu-control-wrapper .menu-toggle svg{
	fill:currentColor;width:1.35em;height:1.35em;display:block;
}
.site-header .menu-toggle:hover,
.site-header .menu-toggle:focus,
.main-navigation .menu-toggle:hover,
.main-navigation .menu-toggle:focus,
#mobile-menu-control-wrapper .menu-toggle:hover,
#mobile-menu-control-wrapper .menu-toggle:focus{
	color:#fff;border-color:var(--pi-cyan);
}

/* ═══════════════════════════════════════════════════════════
   4. Elemente de identitate
   ═══════════════════════════════════════════════════════════ */

/* Banda din doua jumatati — piesa cea mai recognoscibila */
.pi-band{display:grid;grid-template-columns:minmax(0,41fr) minmax(0,59fr)}
.pi-band__l{
	background:var(--pi-cyan);color:var(--pi-navy-900);
	padding:30px 34px;display:flex;align-items:center;
}
.pi-band__l h1,.pi-band__l h2,.pi-band__l p{
	font-family:var(--pi-display);font-weight:500;
	font-size:clamp(23px,3.1vw,36px);line-height:1.1;
	color:var(--pi-navy-900);margin:0;letter-spacing:0;
}
.pi-band__r{
	background:var(--pi-navy-700);color:#fff;padding:26px 34px;
	display:flex;align-items:center;justify-content:space-between;
	gap:24px;flex-wrap:wrap;
}
.pi-band__r p{
	font-family:var(--pi-display);font-weight:300;
	font-size:clamp(17px,2vw,21px);line-height:1.3;max-width:22ch;margin:0;
}

/* Butoane de platforma */
.pi-listen{display:flex;gap:10px;list-style:none;margin:0;padding:0;flex-wrap:wrap}
.pi-listen a{
	display:flex;align-items:center;gap:7px;text-decoration:none;
	font-family:var(--pi-ui);font-size:12.5px;font-weight:600;
	background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.22);
	color:#fff;padding:7px 14px 7px 10px;border-radius:999px;white-space:nowrap;
	transition:background .15s,border-color .15s;
}
.pi-listen a:hover,.pi-listen a:focus-visible{
	background:rgba(74,200,237,.24);border-color:var(--pi-cyan);color:#fff;
}

/* Eticheta de sectiune */
.pi-eyebrow{
	font-family:var(--pi-display);font-size:11.5px;font-weight:500;
	letter-spacing:.24em;text-transform:uppercase;
	color:var(--pi-cyan-deep);margin-bottom:12px;
}

/* ═══════════════════════════════════════════════════════════
   5. Pagina de episod
   Clasele se aplica prin sabloanele de bloc din inc/patterns.php,
   ca sa poata fi compuse din editor fara cod.
   ═══════════════════════════════════════════════════════════ */

.pi-masthead{background:var(--pi-navy-900);color:#fff;padding:46px 0 0}
.pi-masthead .pi-crumb{font-family:var(--pi-ui);font-size:12.5px;color:#8FA6BC;margin-bottom:20px}
.pi-masthead .pi-crumb a{color:#B9CBDC;text-decoration:none}
.pi-masthead .pi-crumb a:hover{color:var(--pi-cyan)}
.pi-masthead h1{color:#fff;max-width:16ch;quotes:'„' '”'}
.pi-masthead h1::before{content:open-quote;color:var(--pi-cyan)}
.pi-masthead h1::after{content:close-quote;color:var(--pi-cyan)}
.pi-meta{display:flex;flex-wrap:wrap;gap:8px 22px;font-family:var(--pi-ui);font-size:13px;color:#9FB4C8;margin-top:20px}
.pi-meta b{color:#DCE7F1;font-weight:600}

/* Sarit la protocol — pentru cine ajunge aici in criza */
.pi-jump{
	display:inline-flex;align-items:center;gap:11px;margin-top:26px;
	text-decoration:none;background:var(--pi-cyan);color:var(--pi-navy-900);
	padding:13px 20px;border-radius:3px;
	font-family:var(--pi-display);font-weight:500;font-size:17px;
	transition:filter .15s;
}
.pi-jump:hover,.pi-jump:focus-visible{filter:brightness(1.08);color:var(--pi-navy-900)}
.pi-jump small{font-family:var(--pi-ui);font-weight:600;font-size:11.5px;opacity:.72;letter-spacing:.04em}

/* Segmente */
.pi-seg{margin-bottom:54px}
.pi-seg__label{
	font-family:var(--pi-display);font-size:11.5px;font-weight:500;
	letter-spacing:.24em;text-transform:uppercase;color:var(--pi-cyan-deep);
	margin-bottom:14px;display:flex;align-items:center;gap:12px;
}
.pi-seg__label::after{content:"";flex:1;height:1px;background:var(--pi-line)}

/* Scrisoarea */
.pi-letter p{font-size:1.11em;line-height:1.7}
.pi-letter .pi-seg__label+p::first-letter{
	font-family:var(--pi-display);font-weight:500;float:left;
	font-size:3.1em;line-height:.82;padding:4px 11px 0 0;color:var(--pi-cyan-deep);
}

/* Protocolul */
.pi-protocol{
	background:var(--pi-surface);
	border-top:1px solid var(--pi-line);border-bottom:1px solid var(--pi-line);
	padding:56px 0;margin-bottom:54px;
}
.pi-rule{
	font-family:var(--pi-display);font-weight:500;
	font-size:clamp(20px,2.6vw,27px);line-height:1.24;
	background:var(--pi-navy-800);color:#fff;
	padding:20px 24px;border-left:4px solid var(--pi-cyan);margin:0 0 38px;
}
.pi-rule em{font-style:normal;color:var(--pi-cyan)}

.pi-steps{list-style:none;margin:0;padding:0;counter-reset:pi-s}
.pi-steps>li{counter-increment:pi-s;display:grid;grid-template-columns:44px 1fr;gap:20px;padding-bottom:30px}
.pi-steps>li+li{border-top:1px solid var(--pi-line);padding-top:30px}
.pi-steps>li::before{
	content:counter(pi-s,decimal-leading-zero);
	font-family:var(--pi-display);font-weight:500;font-size:21px;
	color:var(--pi-cyan-deep);font-variant-numeric:tabular-nums;line-height:1.4;
}
.pi-steps h3{margin-bottom:9px}
.pi-steps p{color:var(--pi-muted)}

/* Fraza de rostit — elementul cel mai important din pagina.
   Un parinte speriat trebuie sa o poata citi cu voce tare direct de pe ecran. */
.pi-say{
	background:var(--pi-say-bg);border-left:3px solid var(--pi-cyan);
	padding:16px 20px;margin-top:15px;
}
.pi-say__label{
	font-family:var(--pi-ui);font-size:10.5px;font-weight:700;
	letter-spacing:.16em;text-transform:uppercase;
	color:var(--pi-cyan-deep);margin-bottom:7px;
}
.pi-say q,.pi-say p{
	font-family:var(--pi-display);font-weight:400;
	font-size:clamp(18px,2.2vw,22px);line-height:1.34;
	color:var(--pi-ink);quotes:'«' '»';margin:0;
}

/* Ce NU faci — sobru, nu alarmist.
   Regula 5 a sezonului: fiecare episod se termina pe relatie, nu pe pericol. */
.pi-avoid{background:var(--pi-navy-800);color:#DCE7F1;padding:52px 0;margin-bottom:54px}
.pi-avoid h2{color:#fff;margin-bottom:8px}
.pi-avoid__why{color:#9FB4C8;margin-bottom:28px;max-width:56ch}
.pi-nope{list-style:none;margin:0;padding:0;display:grid;gap:1px;background:rgba(255,255,255,.11)}
.pi-nope li{background:var(--pi-navy-800);padding:19px 22px}
.pi-nope b{
	font-family:var(--pi-display);font-weight:500;font-size:19px;
	display:block;margin-bottom:5px;color:#fff;
}
.pi-nope span{color:#A9BFD2;font-size:16px;line-height:1.58}

/* Fisa A4 contra email */
.pi-sheet{background:var(--pi-cyan);color:var(--pi-navy-900);padding:52px 0}
.pi-sheet h2{color:var(--pi-navy-900);font-weight:500;margin-bottom:12px}
.pi-sheet p{font-size:16.5px;line-height:1.6;max-width:44ch}
.pi-sheet__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:40px;align-items:center}
.pi-form{display:flex;gap:9px;flex-wrap:wrap}
.pi-form input[type="email"]{
	flex:1 1 210px;min-width:0;font-family:var(--pi-ui);font-size:15px;
	padding:13px 15px;border:2px solid var(--pi-navy-900);border-radius:3px;
	background:#fff;color:var(--pi-navy-900);
}
.pi-form button{
	font-family:var(--pi-display);font-weight:500;font-size:16px;
	background:var(--pi-navy-900);color:#fff;border:2px solid var(--pi-navy-900);
	padding:13px 24px;border-radius:3px;cursor:pointer;transition:background .15s;
}
.pi-form button:hover,.pi-form button:focus-visible{background:var(--pi-navy-700)}
.pi-fineprint{font-family:var(--pi-ui);font-size:12.5px;margin-top:13px}

/* ═══════════════════════════════════════════════════════════
   5a. Iesirea din containerul GeneratePress
   GP pune continutul in #page.grid-container (latime limitata) si in
   #content.site-content, care e `display:flex` pentru layoutul cu bara
   laterala. Sectiunile mele, fiind copii directi, devin coloane pe
   orizontala. Aici le punem la loc in flux normal, pe toata latimea.
   Clasa `pi-fullwidth` vine din body_class, vezi functions.php.
   ═══════════════════════════════════════════════════════════ */
.pi-fullwidth #page{max-width:none;padding:0;margin:0;width:100%}
.pi-fullwidth .site-content{display:block;padding:0;margin:0}
.pi-fullwidth #primary,
.pi-fullwidth .content-area,
.pi-fullwidth .site-main{
	width:100%;max-width:none;padding:0;margin:0;float:none;
}
.pi-fullwidth .site-content>section,
.pi-fullwidth .site-content>div,
.pi-fullwidth .site-content>nav,
.pi-fullwidth .site-content>main{width:100%;max-width:none}

/* Latimea de lectura revine pe wrapperul interior al fiecarei sectiuni. */
.pi-fullwidth .site-content .grid-container{
	max-width:var(--pi-wrap);
	margin-left:auto;margin-right:auto;
	padding-left:24px;padding-right:24px;
}

/* ═══════════════════════════════════════════════════════════
   5b. Pagina de start
   ═══════════════════════════════════════════════════════════ */

.pi-hero{background:var(--pi-navy-900)}
.pi-hero img{width:100%;height:clamp(230px,34vw,440px);object-fit:cover;object-position:center 42%;display:block}

.pi-intro{padding:64px 0;border-bottom:1px solid var(--pi-line)}
.pi-intro .grid-container>*{max-width:68ch}
.pi-intro p:first-child{
	font-family:var(--pi-display);font-weight:300;
	font-size:clamp(20px,2.5vw,26px);line-height:1.4;
}

/* Sezonul 3 */
.pi-s3{background:var(--pi-surface);border-bottom:1px solid var(--pi-line);padding:74px 0}
.pi-s3 h2{margin-bottom:20px}
.pi-promise{
	font-family:var(--pi-display);font-weight:300;
	font-size:clamp(20px,2.7vw,28px);line-height:1.26;
	border-left:3px solid var(--pi-cyan);padding-left:22px;
	margin:0 0 38px;max-width:30ch;
}
.pi-s3__soon{color:var(--pi-muted);max-width:62ch}

.pi-situations{display:grid;grid-template-columns:repeat(auto-fill,minmax(268px,1fr));gap:1px;background:var(--pi-line)}
.pi-sit{
	background:var(--pi-surface);padding:24px 22px 22px;
	display:flex;flex-direction:column;gap:10px;
	text-decoration:none;color:var(--pi-ink);transition:background .16s;
}
.pi-sit:hover,.pi-sit:focus-visible{background:color-mix(in srgb,var(--pi-cyan) 8%,var(--pi-surface));color:var(--pi-ink)}
.pi-sit__n{
	font-family:var(--pi-ui);font-size:11px;font-weight:700;letter-spacing:.1em;
	color:var(--pi-cyan-deep);font-variant-numeric:tabular-nums;
}
.pi-sit q{font-family:var(--pi-display);font-weight:400;font-size:19.5px;line-height:1.26;quotes:'„' '”'}

/* Arhiva, pe scurt */
.pi-arhiva-teaser{padding:74px 0}
.pi-lead-muted{color:var(--pi-muted);max-width:62ch;margin-bottom:34px}
.pi-stats--light{border-color:var(--pi-line);background:var(--pi-surface);margin-top:0;margin-bottom:34px}
.pi-stats--light .pi-stat{border-right-color:var(--pi-line)}
.pi-stats--light .pi-stat b{color:var(--pi-ink)}
.pi-stats--light .pi-stat span{color:var(--pi-muted)}

.pi-seasons{display:grid;grid-template-columns:repeat(auto-fit,minmax(285px,1fr));gap:24px}
.pi-season-card{border-top:2px solid var(--pi-navy-800);padding-top:18px}
.pi-season-card h3{font-size:20px;font-weight:500;margin-bottom:5px}
.pi-season-card .yr{font-family:var(--pi-ui);font-size:12.5px;color:var(--pi-muted);margin-bottom:13px}
.pi-season-card ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.pi-season-card li a{
	text-decoration:none;color:var(--pi-ink);display:block;
	border-bottom:1px solid var(--pi-line);padding-bottom:8px;
}
.pi-season-card li a:hover{border-bottom-color:var(--pi-cyan-deep)}

.pi-all{margin-top:34px}
.pi-all a{
	font-family:var(--pi-display);font-size:18px;font-weight:500;
	text-decoration:none;color:var(--pi-cyan-deep);
}
.pi-all a:hover{color:var(--pi-navy-800)}

/* Cine vorbeste — semnalul de autoritate */
.pi-org{background:var(--pi-navy-800);color:#D6E2EE;padding:74px 0}
.pi-org .grid-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:44px;align-items:start}
.pi-org h2{color:#fff;font-size:28px;font-weight:400;margin-bottom:14px}
.pi-org p{line-height:1.68;max-width:52ch}
.pi-org p+p{margin-top:14px}
.pi-org a.ext{color:var(--pi-cyan);text-decoration:none;border-bottom:1px solid rgba(74,200,237,.4)}
.pi-org a.ext:hover{border-bottom-color:var(--pi-cyan);color:var(--pi-cyan)}
.pi-org dl{margin:0;display:flex;flex-direction:column;gap:16px}
.pi-org dt{font-family:var(--pi-display);font-size:11.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--pi-cyan)}
.pi-org dd{margin:4px 0 0}

/* ═══════════════════════════════════════════════════════════
   6. Arhiva
   ═══════════════════════════════════════════════════════════ */
.pi-arch-head{background:var(--pi-navy-900);color:#fff;padding:52px 0 46px}
.pi-arch-head h1{color:#fff}
.pi-arch-head p{color:#B9CBDC;max-width:56ch;margin-top:16px}

.pi-stats{display:flex;flex-wrap:wrap;margin-top:34px;border:1px solid rgba(255,255,255,.16)}
.pi-stat{padding:17px 24px;flex:1 1 130px;border-right:1px solid rgba(255,255,255,.16)}
.pi-stat:last-child{border-right:0}
.pi-stat b{
	display:block;font-family:var(--pi-display);font-weight:400;font-size:29px;
	line-height:1;color:var(--pi-cyan);font-variant-numeric:tabular-nums;
}
.pi-stat span{
	font-family:var(--pi-ui);font-size:11px;letter-spacing:.1em;
	text-transform:uppercase;color:#8FA6BC;display:block;margin-top:7px;
}

.pi-jumpbar{position:sticky;top:0;z-index:10;background:var(--pi-surface);border-bottom:1px solid var(--pi-line)}
.pi-jumpbar ul{display:flex;gap:4px;flex-wrap:wrap;list-style:none;margin:0;padding:10px 0}
.pi-jumpbar a{
	font-family:var(--pi-display);font-size:13px;letter-spacing:.06em;
	text-transform:uppercase;text-decoration:none;color:var(--pi-muted);
	padding:7px 13px;border-radius:3px;transition:background .15s,color .15s;
}
.pi-jumpbar a:hover,.pi-jumpbar a:focus-visible{
	background:color-mix(in srgb,var(--pi-cyan) 14%,transparent);color:var(--pi-ink);
}

.pi-season{padding:54px 0 8px;scroll-margin-top:56px}
.pi-season__head{
	display:flex;align-items:baseline;justify-content:space-between;
	gap:20px;flex-wrap:wrap;border-bottom:2px solid var(--pi-navy-800);
	padding-bottom:13px;margin-bottom:4px;
}
.pi-season__head .sub{font-family:var(--pi-ui);font-size:13px;color:var(--pi-muted);white-space:nowrap}

.pi-season__note{
	background:var(--pi-surface);border:1px solid var(--pi-line);
	border-left:3px solid var(--pi-cyan);padding:18px 22px;
	margin:18px 0 4px;font-size:16px;color:var(--pi-muted);
}

.pi-ep{list-style:none;margin:0;padding:0}
.pi-ep li+li{border-top:1px solid var(--pi-line)}
.pi-ep li>a,.pi-ep li:not(:has(a)){
	display:grid;grid-template-columns:62px 1fr auto;gap:20px;align-items:baseline;
}
.pi-ep li>a{padding:15px 10px 15px 0;text-decoration:none;color:var(--pi-ink);transition:background .14s,padding-left .14s}
.pi-ep li>a:hover,.pi-ep li>a:focus-visible{
	background:color-mix(in srgb,var(--pi-cyan) 9%,transparent);padding-left:10px;
}
.pi-ep li:not(:has(a)){padding:15px 10px 15px 0;color:var(--pi-muted)}
.pi-ep .n{
	font-family:var(--pi-ui);font-size:11.5px;font-weight:700;letter-spacing:.09em;
	color:var(--pi-cyan-deep);font-variant-numeric:tabular-nums;
}
.pi-ep .n--muted{color:var(--pi-muted)}
.pi-ep .ttl{font-family:var(--pi-display);font-weight:400;font-size:19.5px;line-height:1.3}
.pi-ep time{font-family:var(--pi-ui);font-size:12.5px;color:var(--pi-muted);white-space:nowrap;font-variant-numeric:tabular-nums}

/* Pauzele dintre sezoane. O pauza numita e parte din poveste;
   una nenumita arata ca abandon. */
.pi-gap{padding:52px 0;text-align:center}
.pi-gap span{
	display:block;font-family:var(--pi-ui);font-size:12px;letter-spacing:.16em;
	text-transform:uppercase;color:var(--pi-cyan-deep);margin-bottom:10px;
}
.pi-gap p{
	font-family:var(--pi-display);font-weight:300;
	font-size:clamp(18px,2.4vw,24px);color:var(--pi-muted);line-height:1.3;margin:0;
}

/* ═══════════════════════════════════════════════════════════
   7. Subsol
   Trei casete pe un rând: Visteria | brand | legale.
   GeneratePress înfășoară totul în .copyright-bar — de aceea
   layoutul se pune pe .pi-footer, nu pe .inside-site-info.
   ═══════════════════════════════════════════════════════════ */
.site-footer,.site-info{background:var(--pi-navy-900);color:#8DA3B8;font-family:var(--pi-ui);font-size:13.5px}
.inside-site-info{padding-top:20px;padding-bottom:20px}
.copyright-bar{display:block;width:100%;max-width:none}
.site-info p{margin:0}
.site-info a{color:#B9CBDC;text-decoration:none}
.site-info a:hover{color:var(--pi-cyan)}

.pi-footer{
	display:grid;
	grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);
	align-items:center;
	gap:8px 28px;
	width:100%;
}
.pi-footer__built{justify-self:start}
.pi-footer__brand{justify-self:center;text-align:center;color:#B9CBDC}
.pi-footer__legal{
	justify-self:end;
	display:flex;flex-wrap:wrap;justify-content:flex-end;
	align-items:center;gap:8px 0;
}
.pi-footer__legal a{white-space:nowrap;padding:0 14px}
.pi-footer__legal a+a{border-left:1px solid #2A3F55}

/* ═══════════════════════════════════════════════════════════
   7b. Pagini legale
   ═══════════════════════════════════════════════════════════ */
.pi-legal-page .entry-header{display:none}
.pi-legal{
	max-width:42rem;margin:0 auto;padding:48px 0 80px;
}
.pi-legal h1{margin:0 0 8px}
.pi-legal__meta{
	font-family:var(--pi-ui);font-size:13px;color:var(--pi-muted);margin:0 0 22px;
}
.pi-legal__lead{font-size:1.08em;margin-bottom:1.4em}
.pi-legal h2{margin:2.1em 0 .7em}
.pi-legal ul{padding-left:1.2em;margin:0 0 1.05em}
.pi-legal li{margin-bottom:.35em}
.pi-legal address{font-style:normal}
.pi-legal__card{
	display:block;background:var(--pi-surface);border:1px solid var(--pi-line);
	padding:18px 20px;margin:0 0 2em;line-height:1.7;
}
.pi-legal table{
	width:100%;border-collapse:collapse;margin:0 0 1.2em;
	font-family:var(--pi-ui);font-size:14.5px;
	display:block;overflow-x:auto;
}
.pi-legal th,.pi-legal td{
	text-align:left;vertical-align:top;
	border-bottom:1px solid var(--pi-line);
	padding:10px 14px 10px 0;
}
.pi-legal th{font-size:12px;letter-spacing:.04em;text-transform:uppercase;color:var(--pi-muted);font-weight:650}
.pi-legal code{
	font-size:.92em;background:var(--pi-paper);padding:1px 5px;border-radius:3px;
}
.pi-legal__nav{
	margin-top:48px;padding-top:22px;border-top:1px solid var(--pi-line);
	font-family:var(--pi-ui);font-size:14px;
}
.pi-legal__nav [aria-current="page"]{color:var(--pi-muted)}

.pi-btn{
	appearance:none;border:0;cursor:pointer;
	font-family:var(--pi-ui);font-size:14px;font-weight:650;
	padding:11px 16px;border-radius:3px;
	background:var(--pi-cyan);color:var(--pi-navy-900);
	text-decoration:none;display:inline-block;line-height:1.2;
}
.pi-btn:hover,.pi-btn:focus-visible{filter:brightness(1.06);color:var(--pi-navy-900)}
.pi-btn--ghost{
	background:transparent;color:var(--pi-navy-800);
	border:1px solid var(--pi-line);
}

/* Banner consimțământ — deasupra tot, inclusiv meniul mobil */
.pi-consent{
	position:fixed;inset:auto 0 0 0;z-index:100000;
	background:var(--pi-navy-900);color:#DCE7F1;
	border-top:3px solid var(--pi-cyan);
	padding:18px 20px 20px;
	box-shadow:0 -12px 40px rgba(11,22,38,.28);
}
.pi-consent__inner{
	max-width:var(--pi-wrap);margin:0 auto;
	display:flex;gap:22px;align-items:center;justify-content:space-between;
}
.pi-consent__title{
	font-family:var(--pi-display);font-weight:500;font-size:18px;
	color:#fff;margin:0 0 6px;
}
.pi-consent__copy p:last-child{margin:0;font-family:var(--pi-ui);font-size:14px;line-height:1.5;color:#B9CBDC}
.pi-consent a{color:var(--pi-cyan)}
.pi-consent__actions{display:flex;gap:10px;flex-shrink:0;flex-wrap:wrap}
.pi-consent .pi-btn--ghost{color:#DCE7F1;border-color:rgba(255,255,255,.28)}
.pi-consent .pi-btn--ghost:hover{color:#fff;border-color:var(--pi-cyan)}

/* ═══════════════════════════════════════════════════════════
   8. Adaptare la ecrane mici
   ═══════════════════════════════════════════════════════════ */
@media (max-width:800px){
	.pi-band{grid-template-columns:1fr}
	.pi-band__l,.pi-band__r{padding:22px 20px}
	.pi-steps>li{grid-template-columns:34px 1fr;gap:14px}
	.pi-ep li>a,.pi-ep li:not(:has(a)){grid-template-columns:48px 1fr;gap:6px 14px}
	.pi-ep time{grid-column:2;font-size:12px}
	.pi-seg{margin-bottom:40px}
	.pi-stats{display:grid;grid-template-columns:1fr 1fr}
	.pi-stat{flex:none;padding:14px 16px}
	.pi-consent{padding:14px 16px 16px}
	.pi-consent__inner{flex-direction:column;align-items:stretch;gap:14px}
	.pi-consent__actions{flex-direction:column}
	.pi-consent .pi-btn{width:100%;text-align:center}
	.pi-legal{padding:32px 0 64px}

	/* Subsol: o coloană, tot pe centru. justify-self de pe desktop
	   bate justify-items, de aceea îl resetăm explicit. */
	.pi-footer{
		grid-template-columns:1fr;
		justify-items:center;
		text-align:center;
		gap:14px;
	}
	.pi-footer__built,
	.pi-footer__brand,
	.pi-footer__legal{
		justify-self:center;
		width:100%;
	}
	.pi-footer__legal{
		display:flex;flex-direction:column;align-items:center;
		justify-content:center;gap:10px;
	}
	.pi-footer__legal a{padding:4px 0;white-space:normal}
	.pi-footer__legal a+a{border-left:0}

	/* Panoul de meniu, nu textul peste fotografie */
	.main-navigation.toggled,
	.main-navigation.toggled .inside-navigation,
	.main-navigation.toggled .main-nav>ul{
		background:var(--pi-navy-800);
	}
	.main-navigation .main-nav ul li a{
		padding:13px 4px;
		border-bottom:1px solid rgba(255,255,255,.08);
	}
}

@media (prefers-reduced-motion:reduce){
	*,*::before,*::after{transition:none!important;animation:none!important}
}

@media print{
	.site-header,.pi-jumpbar,.pi-sheet,.pi-jump,.site-footer,.pi-consent{display:none}
	body{background:#fff;color:#000;font-size:11pt}
}