/*
 * Tabul „Probleme” (hub /probleme/ + 7 pagini). Încărcat doar pe acele pagini
 * (functions.php). Sursa: livrarea coleg-grafician din 21.10.2026,
 * strategie-2026-10/grafica/_sursa/df-probleme.css, fără antet/subsol/machetă.
 *
 * Fiecare selector stă sub `.dfp` (rădăcina <main> a paginilor): GeneratePress
 * declară `a:hover`, `button`, `h1-h3` cu specificitate (0,1,1) / (0,2,1), care
 * altfel ar decolora butoanele și ar schimba titlurile (capcanele 2 și 7 din
 * memoria capcane-tema).
 */
.dfp { --dfp-erou: 249 18% 9%; --dfp-linie-tare: 240 5% 34%; font-size: 18px; line-height: 1.6; }
.dfp h1, .dfp h2, .dfp h3 { line-height: 1.15; margin: 0 0 .5em; font-weight: 700; color: hsl(var(--foreground)); }
.dfp h1 { font-size: clamp(2.25rem, 1.4rem + 3vw, 3.5rem); letter-spacing: -0.01em; }
.dfp h2 { font-size: clamp(1.75rem, 1.3rem + 1.6vw, 2.5rem); }
.dfp h3 { font-size: 1.25rem; }
.dfp p { margin: 0 0 1em; }
.dfp code { font-family: 'JetBrains Mono', ui-monospace, Menlo, Consolas, monospace; font-size: .85em; }
.dfp :focus-visible { outline: 2px solid hsl(var(--accent-foreground)); outline-offset: 3px; }
.dfp a.dfp-btn--plin.dfp-btn--deschis:hover, .dfp a.dfp-btn--plin.dfp-btn--deschis:focus { color: hsl(240 10% 12%); }
.dfp a.dfp-btn--contur:hover, .dfp .dfp-rand__titlu a:hover, .dfp .dfp-apel a:hover { color: #fff; }
.dfp a.dfp-link:hover { color: hsl(var(--accent-foreground)); }
.dfp .dfp-schema__comutator button:hover { background: hsl(var(--accent)); color: hsl(var(--foreground)); }
.dfp .dfp-faq__item summary { color: hsl(var(--foreground)); }
.dfp .dfp-btn { display: inline-flex; align-items: center; justify-content: center; gap: .6rem; min-height: 48px; padding: .7rem 1.6rem; border-radius: calc(var(--radius) - 2px); font-family: inherit; font-weight: 700; font-size: 1rem; line-height: 1.2; text-decoration: none; cursor: pointer; border: 1px solid transparent; }
.dfp .dfp-btn--plin.dfp-btn--deschis { background: #fff; color: hsl(240 10% 12%); }
.dfp .dfp-btn--plin.dfp-btn--deschis:hover { background: hsl(0 0% 100% / .9); }
.dfp .dfp-btn--plin svg { transition: transform .2s; }
.dfp .dfp-btn--plin:hover svg { transform: translateX(3px); }
.dfp .dfp-btn--contur { background: hsl(0 0% 100% / .08); color: #fff; border-color: hsl(0 0% 100% / .28); min-height: 42px; padding: .5rem 1.1rem; font-weight: 400; }
.dfp .dfp-btn--contur:hover { background: hsl(0 0% 100% / .16); }
.dfp .dfp-link { color: hsl(var(--accent-foreground)); text-decoration: underline; text-underline-offset: 3px; text-decoration-thickness: 1px; }
.dfp .dfp-link:hover { text-decoration-thickness: 2px; }
.dfp .dfp-actiuni { display: flex; flex-wrap: wrap; align-items: center; gap: 1rem 1.6rem; margin-top: 1.6rem; }
.dfp .dfp-mic { font-size: .94rem; color: hsl(var(--muted-foreground)); }
.dfp .dfp-apel { color: hsl(var(--muted-foreground)); }
.dfp .dfp-apel a { color: hsl(var(--foreground)); font-weight: 700; }
.dfp .dfp-erou { background: hsl(var(--dfp-erou)); padding: 7.5rem 0 3.5rem; border-bottom: 1px solid hsl(var(--border)); }
@media (min-width: 1024px) {
.dfp .dfp-erou { padding: 9rem 0 5rem; }
}
.dfp .dfp-erou__grila { display: grid; grid-template-columns: minmax(0, 1fr); gap: 2.5rem; align-items: center; }
@media (min-width: 1024px) {
.dfp .dfp-erou__grila { grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr); gap: 3.5rem; }
}
.dfp .dfp-erou h1 { margin-bottom: 1.2rem; }
.dfp .dfp-erou__sub { font-size: 1.35rem; color: hsl(var(--foreground)); margin-bottom: 1.6rem; }
.dfp .dfp-raspuns { font-size: 1.15rem; color: hsl(0 0% 100% / .78); max-width: 40rem; }
.dfp .dfp-erou__hub { max-width: 1400px; }
.dfp .dfp-erou__hub h1 { max-width: 18ch; }
.dfp .dfp-erou__hub-text { display: grid; gap: 0 3rem; max-width: 72rem; }
.dfp .dfp-erou__hub-text p:last-child { color: hsl(var(--muted-foreground)); }
@media (min-width: 1024px) {
.dfp .dfp-erou__hub-text { grid-template-columns: 1.3fr 1fr; }
}
.dfp .dfp-link--erou { color: hsl(var(--accent-foreground)); }
.dfp .dfp-fir ol { list-style: none; display: flex; flex-wrap: wrap; gap: .3rem; padding: 0; margin: 0 0 1.4rem; font-size: .95rem; color: hsl(var(--muted-foreground)); }
.dfp .dfp-fir li + li::before { content: "›"; margin-right: .35rem; }
.dfp .dfp-fir a { color: hsl(var(--muted-foreground)); }
.dfp .dfp-fir a:hover { color: hsl(var(--foreground)); }
.dfp .dfp-schema { margin: 0; background: hsl(var(--card)); border: 1px solid hsl(var(--border)); border-radius: 12px; overflow: hidden; }
.dfp .dfp-schema__bara { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: .6rem .75rem .6rem 1.1rem; background: hsl(var(--muted)); border-bottom: 1px solid hsl(var(--border)); }
.dfp .dfp-schema__titlu { font-weight: 700; font-size: 1rem; }
.dfp .dfp-schema__comutator { display: inline-flex; border: 1px solid hsl(var(--dfp-linie-tare)); border-radius: 6px; overflow: hidden; }
.dfp .dfp-schema__comutator button { font-family: inherit; font-size: .95rem; line-height: 1; color: hsl(var(--muted-foreground)); background: transparent; border: 0; padding: .55rem .85rem; min-height: 36px; cursor: pointer; }
.dfp .dfp-schema__comutator button + button { border-left: 1px solid hsl(var(--dfp-linie-tare)); }
.dfp .dfp-schema__comutator button[aria-pressed="true"] { background: hsl(var(--accent)); color: hsl(var(--foreground)); font-weight: 700; }
.dfp .dfp-schema__desen svg { display: block; width: 100%; height: auto; }
.dfp .dfp-desen--inalt { display: none !important; }
@media (max-width: 639px) {
.dfp .dfp-desen--lat { display: none !important; }
.dfp .dfp-desen--inalt { display: block !important; }
}
.dfp .dfp-schema figcaption { padding: .85rem 1.1rem 1rem; font-size: .98rem; color: hsl(var(--muted-foreground)); border-top: 1px solid hsl(var(--border)); min-height: 4.4em; }
.dfp .dfp-stare { transition: opacity .45s ease; }
.dfp [data-stare="acum"] .dfp-stare--sistem, .dfp [data-stare="sistem"] .dfp-stare--acum { opacity: 0; }
.dfp [data-stare="acum"] .dfp-leg--sistem, .dfp [data-stare="sistem"] .dfp-leg--acum { display: none; }
.dfp .c-k { color: hsl(var(--primary)); }
.dfp .c-v { color: hsl(var(--foreground)); }
.dfp .c-c { color: #22c55e; }
.dfp .c-f { color: rgb(234 179 8 / .9); }
.dfp .c-p { color: hsl(var(--muted-foreground)); }
.dfp .c-rez { color: hsl(var(--muted-foreground)); }
.dfp .c-ok { color: #22c55e; }
.dfp .dfp-banda { background: hsl(var(--card)); border-top: 1px solid hsl(var(--border)); border-bottom: 1px solid hsl(var(--border)); }
.dfp .dfp-cap { max-width: 48rem; margin-bottom: 2rem; }
.dfp .dfp-cap p { color: hsl(var(--muted-foreground)); font-size: 1.1rem; }
.dfp .dfp-doua { display: grid; grid-template-columns: minmax(0, 1fr); gap: 2.5rem; }
@media (min-width: 1024px) {
.dfp .dfp-doua { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 4rem; }
}
.dfp .dfp-doua__st > p, .dfp .dfp-doua__dr > p { color: hsl(0 0% 100% / .82); }
@media (min-width: 1024px) {
.dfp .dfp-lipit { position: sticky; top: 100px; align-self: start; }
}
.dfp .dfp-poveste { font-size: 1.3rem; line-height: 1.55; color: hsl(var(--foreground)) !important; border-left: 3px solid hsl(var(--primary)); padding-left: 1.3rem; }
@media (min-width: 1024px) {
.dfp .dfp-doua--date { align-items: center; }
}
.dfp .dfp-h3-mic { font-size: 1.1rem; margin-top: 1.8rem; }
.dfp .dfp-randuri { list-style: none; margin: 0; padding: 0; border-top: 1px solid hsl(var(--border)); }
.dfp .dfp-rand { display: grid; grid-template-columns: 40px minmax(0, 1fr); gap: .3rem 1rem; padding: 1.5rem 0; border-bottom: 1px solid hsl(var(--border)); position: relative; }
@media (min-width: 900px) {
.dfp .dfp-rand { grid-template-columns: 48px minmax(0, 1fr) minmax(0, 1.25fr); gap: .3rem 2rem; padding: 1.75rem 0; }
}
.dfp .dfp-rand__ico { grid-row: span 3; color: hsl(var(--primary)); padding-top: .15rem; }
.dfp .dfp-rand__ico svg { width: 32px; height: 32px; }
@media (min-width: 900px) {
.dfp .dfp-rand__ico svg { width: 40px; height: 40px; }
}
.dfp .dfp-rand__titlu { font-size: 1.3rem; margin: 0; }
.dfp .dfp-rand__titlu a { text-decoration: none; }
.dfp .dfp-rand__titlu a::after { content: ""; position: absolute; inset: 0; }
.dfp .dfp-rand:hover .dfp-rand__titlu a { text-decoration: underline; text-underline-offset: 4px; text-decoration-color: hsl(var(--primary)); }
.dfp .dfp-rand__citat { font-style: italic; color: hsl(var(--foreground)); margin: 0; }
.dfp .dfp-rand__expl { color: hsl(var(--muted-foreground)); margin: 0; }
@media (min-width: 900px) {
.dfp .dfp-rand__titlu { grid-column: 2; grid-row: 1 / span 2; }
.dfp .dfp-rand__citat { grid-column: 3; }
.dfp .dfp-rand__expl { grid-column: 3; }
}
.dfp .dfp-ico-mare { display: block; color: hsl(var(--primary)); margin-bottom: 1rem; }
.dfp .dfp-ico-mare svg { width: 56px; height: 56px; }
.dfp .dfp-date { margin: 0; background: hsl(var(--card)); border: 1px solid hsl(var(--border)); border-radius: var(--radius); padding: 1.5rem; }
.dfp .dfp-banda .dfp-date { background: hsl(var(--background)); }
.dfp .dfp-date__titlu { font-weight: 700; font-size: 1.05rem; margin-bottom: 1rem; }
.dfp .dfp-date__cifra + .dfp-date__cifra { border-top: 1px solid hsl(var(--border)); margin-top: 1.4rem; padding-top: 1.4rem; }
.dfp .dfp-date__mare { font-size: 2.6rem; font-weight: 700; line-height: 1; margin: 0 0 .35rem; }
.dfp .dfp-date__eticheta { color: hsl(0 0% 100% / .82); margin-bottom: 1rem; }
.dfp .dfp-date__sursa { font-size: .9rem; color: hsl(var(--muted-foreground)); margin: .75rem 0 0; }
.dfp .dfp-bare { display: grid; gap: .55rem; }
.dfp .dfp-bara { display: grid; grid-template-columns: 9.5rem minmax(0, 1fr) 5.5rem; align-items: center; gap: .8rem; font-size: .95rem; }
@media (max-width: 520px) {
.dfp .dfp-bara { grid-template-columns: 1fr 4.6rem; }
.dfp .dfp-bara__nume { grid-column: 1 / -1; }
}
.dfp .dfp-bara__nume { color: hsl(var(--muted-foreground)); }
.dfp .dfp-bara__pista { height: 14px; background: hsl(var(--muted)); border-radius: 2px; overflow: hidden; }
.dfp .dfp-bara__val { display: block; height: 100%; background: hsl(var(--dfp-linie-tare)); }
.dfp .dfp-bara__val--ro { background: hsl(var(--primary)); }
.dfp .dfp-bara__nr { font-weight: 700; text-align: right; }
.dfp .dfp-date--mic .dfp-date__mare { font-size: 2.2rem; }
.dfp .dfp-cine { margin-top: 1.6rem; }
.dfp .dfp-doua__dr > .dfp-cine:first-child { margin-top: 0; }
.dfp .dfp-cine h3 { font-size: 1.1rem; }
.dfp .dfp-semne { list-style: none; margin: 0; padding: 0; counter-reset: s; }
.dfp .dfp-semn { border-bottom: 1px solid hsl(var(--border)); padding: 1rem 0; }
.dfp .dfp-semn:first-child { border-top: 1px solid hsl(var(--border)); }
.dfp .dfp-semn fieldset { border: 0; margin: 0; padding: 0; display: flex; flex-wrap: wrap; align-items: center; gap: .3rem 1.4rem; }
.dfp .dfp-semn legend { font-weight: 700; padding: 0; margin-bottom: .55rem; float: left; width: 100%; }
.dfp .dfp-semn label { display: inline-flex; align-items: center; gap: .45rem; min-height: 32px; cursor: pointer; }
.dfp .dfp-semn input { width: 20px; height: 20px; accent-color: hsl(var(--primary)); margin: 0; }
.dfp .dfp-semn__da { font-size: .95rem; color: hsl(var(--muted-foreground)); margin: .5rem 0 0; }
.dfp .dfp-verdict { margin-top: 1.8rem; border-top: 2px solid hsl(var(--primary)); padding-top: 1.1rem; }
.dfp .dfp-verdict__nr { font-weight: 700; font-size: 1.15rem; margin-bottom: .4rem; }
.dfp .dfp-verdict p { color: hsl(var(--foreground)); }
.dfp .dfp-cauze, .dfp .dfp-piese, .dfp .dfp-roluri { list-style: none; margin: 0; padding: 0; }
.dfp .dfp-cauza { display: grid; gap: .4rem 3rem; padding: 1.4rem 0; border-top: 1px solid hsl(var(--border)); }
.dfp .dfp-cauza:last-child { border-bottom: 1px solid hsl(var(--border)); }
@media (min-width: 900px) {
.dfp .dfp-cauza { grid-template-columns: minmax(0, .8fr) minmax(0, 1.4fr); }
}
.dfp .dfp-cauza h3 { margin: 0; }
.dfp .dfp-cauza p { color: hsl(0 0% 100% / .82); margin: 0; }
.dfp .dfp-pasi { list-style: none; margin: 0; padding: 0; display: grid; gap: 2rem; }
@media (min-width: 768px) {
.dfp .dfp-pasi { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (min-width: 1200px) {
.dfp .dfp-pasi { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
.dfp .dfp-pas { border-top: 2px solid hsl(var(--primary)); padding-top: 1rem; }
.dfp .dfp-pas h3 { font-size: 1.15rem; }
.dfp .dfp-pas p { color: hsl(0 0% 100% / .82); font-size: 1rem; }
.dfp .dfp-piesa { padding: 1.1rem 0; border-top: 1px solid hsl(var(--border)); }
.dfp .dfp-piesa:first-child { padding-top: 0; border-top: 0; }
.dfp .dfp-piesa h3 { font-size: 1.15rem; margin-bottom: .35rem; }
.dfp .dfp-piesa p { color: hsl(0 0% 100% / .82); margin: 0; }
.dfp .dfp-roluri li { padding: .9rem 0; border-top: 1px solid hsl(var(--border)); color: hsl(0 0% 100% / .82); }
.dfp .dfp-roluri li:last-child { border-bottom: 1px solid hsl(var(--border)); }
.dfp .dfp-roluri strong { color: hsl(var(--foreground)); }
.dfp .dfp-pret { border: 1px solid hsl(var(--border)); border-top: 3px solid hsl(var(--primary)); border-radius: var(--radius); padding: 1.6rem; background: hsl(var(--card)); }
.dfp .dfp-pret__et { font-weight: 700; margin: 0; }
.dfp .dfp-pret__val { font-size: 3rem; font-weight: 700; line-height: 1.05; margin: .2rem 0 0; }
.dfp .dfp-pret__val span { font-size: 1.25rem; font-weight: 400; color: hsl(var(--muted-foreground)); }
.dfp .dfp-pret__tva { color: hsl(var(--muted-foreground)); }
.dfp .dfp-pret__fapte { margin: 0 0 1rem; }
.dfp .dfp-pret__fapte div { display: grid; grid-template-columns: 6rem 1fr; gap: 1rem; padding: .7rem 0; border-top: 1px solid hsl(var(--border)); }
.dfp .dfp-pret__fapte dt { color: hsl(var(--muted-foreground)); }
.dfp .dfp-pret__fapte dd { margin: 0; }
.dfp .dfp-faq { max-width: 52rem; }
.dfp .dfp-faq__item { border-top: 1px solid hsl(var(--border)); }
.dfp .dfp-faq__item:last-of-type { border-bottom: 1px solid hsl(var(--border)); }
.dfp .dfp-faq__item summary { cursor: pointer; list-style: none; padding: 1.1rem 2.2rem 1.1rem 0; font-weight: 700; font-size: 1.12rem; position: relative; }
.dfp .dfp-faq__item summary::-webkit-details-marker { display: none; }
.dfp .dfp-faq__item summary::after { content: "+"; position: absolute; right: .4rem; top: .9rem; font-size: 1.5rem; font-weight: 400; color: hsl(var(--accent-foreground)); }
.dfp .dfp-faq__item[open] summary::after { content: "−"; }
.dfp .dfp-faq__item div { padding: 0 0 1rem; color: hsl(0 0% 100% / .82); }
.dfp .dfp-inrudite { margin-top: 2rem; }
.dfp .dfp-final__panou { background: hsl(var(--dfp-erou)); border: 1px solid hsl(var(--border)); border-radius: 12px; padding: 2rem 1.25rem; }
@media (min-width: 768px) {
.dfp .dfp-final__panou { padding: 3rem; }
}
.dfp .dfp-final__panou--simplu { text-align: center; }
.dfp .dfp-final__panou--simplu p { color: hsl(0 0% 100% / .78); max-width: 40rem; margin-left: auto; margin-right: auto; }
.dfp .dfp-final__panou--simplu .dfp-actiuni { justify-content: center; }

/* formularul de contact refolosit, în panoul final */
.dfp .dfp-final .dfp-final__form { background: hsl(var(--card)); border: 1px solid hsl(var(--border)); border-radius: 12px; padding: 1.5rem; }
@media (min-width: 768px) { .dfp .dfp-final .dfp-final__form { padding: 2rem; } }
@media (prefers-reduced-motion: reduce) { .dfp .dfp-stare, .dfp .dfp-btn--plin svg { transition: none; } }

/* Antetul e `fixed` (partials/header.php): eroul își rezervă înălțimea lui
   (7,5rem / 9rem sus, mai sus). Titlurile din listă nu sunt subliniate decât la hover. */
.dfp .dfp-rand .dfp-rand__titlu a { text-decoration: none; }

/* Butonul din antet stă în afara <main>, deci nu sub `.dfp`. probleme.js îl
   marchează cât timp se vede eroul sau apelul final: o acțiune o dată pe ecran. */
[data-cta-antet][data-ascuns] { visibility: hidden; }
