/* proiecte.css — familia Proiecte / Studii de caz (hub + pagini de caz)
   Se incarca PESTE service.css. Adaptat temelor light/dark ale site-ului. Fara imagini hero.
   v2 dupa review Codex: contrast AA, touch targets, reduced-motion complet, tokens de font. */

:root{
    --case-muted:#5E5E72;              /* AA pe fundal deschis (~5.4:1) */
    --case-kicker:#7C3AED;             /* violet inchis, AA pe light pentru text mic */
}
[data-theme="dark"]{
    --case-muted:#9E9EB1;              /* AA pe fundal inchis */
    --case-kicker:var(--ac);
}

/* ===== Fundal subtil in tema site-ului (glow violet discret) ===== */
main{position:relative}
main::before{
    content:"";position:absolute;inset:0 0 auto 0;height:520px;pointer-events:none;z-index:-1;
    background:
        radial-gradient(560px 300px at 12% -40px, rgba(139,92,246,0.10), transparent 70%),
        radial-gradient(480px 260px at 88% 30px, rgba(139,92,246,0.06), transparent 70%);
}
[data-theme="dark"] main::before{
    background:
        radial-gradient(560px 300px at 12% -40px, rgba(139,92,246,0.16), transparent 70%),
        radial-gradient(480px 260px at 88% 30px, rgba(167,139,250,0.09), transparent 70%);
}

/* ===== Kicker ===== */
.case-kicker{
    display:inline-flex;align-items:center;gap:8px;
    font-family:var(--font-m,'JetBrains Mono',monospace);font-size:0.72rem;letter-spacing:0.16em;
    text-transform:uppercase;color:var(--case-kicker);margin-bottom:12px;
}
.case-kicker::before{content:"";width:18px;height:2px;background:var(--ac);border-radius:2px;flex-shrink:0}

/* ===== Titlu ===== */
article .post-title{text-wrap:balance}
@media(max-width:480px){article .post-title{font-size:1.55rem;line-height:1.2}}

/* ===== Statistici ===== */
.case-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(150px,100%),1fr));gap:12px;margin:26px 0 10px}
.case-stat{
    position:relative;overflow:hidden;
    background:linear-gradient(150deg, rgba(139,92,246,0.07), rgba(139,92,246,0.02) 55%, transparent);
    border:1px solid var(--brd);border-radius:var(--r-md,14px);padding:18px;
    transition:border-color 0.25s;
}
.case-stat:hover{border-color:rgba(139,92,246,0.45)}
.case-stat b{
    display:block;font-family:var(--font-d,'DM Serif Display',serif);font-weight:400;
    font-size:1.65rem;line-height:1.15;color:var(--ac);font-variant-numeric:tabular-nums;
}
.case-stat span{display:block;margin-top:4px;font-size:0.72rem;color:var(--case-muted);text-transform:uppercase;letter-spacing:0.06em}
[data-theme="dark"] .case-stat{background:linear-gradient(150deg, rgba(139,92,246,0.13), rgba(139,92,246,0.04) 55%, transparent)}

/* ===== Figura ===== */
.case-figure{margin:26px 0 8px;background:var(--bg2);border:1px solid var(--brd);border-radius:var(--r-md,14px);overflow:hidden}
.case-figure img{display:block;width:100%;height:auto}
.case-figcap{font-size:0.8rem;color:var(--case-muted);padding:11px 16px;border-top:1px solid var(--brd)}

/* ===== Citat / testimonial ===== */
.case-quote{
    margin:30px 0;padding:22px 26px;
    background:linear-gradient(150deg, rgba(139,92,246,0.09), rgba(139,92,246,0.03));
    border-left:3px solid var(--ac);border-radius:0 var(--r-md,14px) var(--r-md,14px) 0;
    font-family:var(--font-d,'DM Serif Display',serif);font-size:1.08rem;font-style:italic;line-height:1.6;
}
.case-quote footer{
    font-family:var(--font-b,'Space Grotesk',sans-serif);font-style:normal;
    font-size:0.8rem;color:var(--case-muted);margin-top:10px;
    padding:0;background:transparent;border:0;   /* anuleaza stilul global de footer */
}
[data-theme="dark"] .case-quote{background:linear-gradient(150deg, rgba(139,92,246,0.15), rgba(139,92,246,0.05))}

/* ===== Carduri hub ===== */
.case-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));gap:18px;margin:32px 0}
.case-card{
    position:relative;display:flex;flex-direction:column;
    background:var(--bg2);border:1px solid var(--brd);border-radius:var(--r-md,14px);padding:24px;
    text-decoration:none;color:var(--tx1);
    transition:border-color 0.25s, transform 0.25s, box-shadow 0.25s;
}
.case-card::before{
    content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;
    background:linear-gradient(160deg, rgba(139,92,246,0.08), transparent 60%);
    transition:opacity 0.25s;
}
.case-card:hover{border-color:rgba(139,92,246,0.55);transform:translateY(-3px);box-shadow:0 10px 28px rgba(139,92,246,0.10)}
.case-card:hover::before{opacity:1}
.case-card h2{font-family:var(--font-d,'DM Serif Display',serif);font-weight:400;font-size:1.22rem;line-height:1.3;margin:8px 0 10px;text-wrap:balance}
.case-card p{color:var(--tx2);font-size:0.92rem;line-height:1.6;margin:0 0 16px}
.case-card .cc-link{margin-top:auto;color:var(--case-kicker);font-weight:600;font-size:0.88rem}
.case-card:hover .cc-link{text-decoration:underline;text-underline-offset:3px}
.post-content .case-card{text-decoration:none}
.post-content .case-card:hover .cc-link{text-decoration:underline}

/* ===== Touch targets (min 44px) ===== */
body > nav .nav-home,
body > nav .lang-toggle{display:inline-flex;align-items:center;min-height:44px}
.footer-link{display:inline-flex;align-items:center;min-height:44px}

/* ===== Responsive ===== */
@media(max-width:600px){
    .case-stats{grid-template-columns:repeat(2,1fr)}
    .case-stat{padding:14px}
    .case-stat b{font-size:1.4rem}
    .case-stat span{font-size:0.75rem;letter-spacing:0.05em}
    .case-kicker{font-size:0.75rem;letter-spacing:0.12em}
    .case-quote{padding:18px 20px;font-size:1rem}
    .case-cards{grid-template-columns:1fr;gap:14px}
    .case-card{padding:20px}
}
@media (prefers-reduced-motion: reduce){
    html{scroll-behavior:auto}
    .case-card,.case-card::before,.case-stat{transition:none}
    .case-card:hover{transform:none}
}


        /* ===== PROOF OF WORK (2026-07-25) ===== */
        .pow { margin:48px 0; padding:28px; border:1px solid var(--brd); border-radius:14px; background:var(--bg2); }
        .pow-kicker { font-family:var(--font-m); font-size:0.7rem; letter-spacing:0.14em; text-transform:uppercase; color:var(--case-kicker,var(--ac)); margin-bottom:6px; }
        .pow h2 { font-size:1.35rem; margin:0 0 6px; }
        .pow-intro { color:var(--case-muted,var(--tx2)); font-size:0.95rem; margin:0 0 22px; }
        .pow-audio { display:flex; align-items:center; gap:14px; padding:16px; border:1px solid var(--brd); border-radius:10px; background:var(--bg1); margin-bottom:12px; }
        .pow-audio audio { flex:1; min-width:0; height:44px; }
        .pow-audio-meta { min-width:0; }
        .pow-audio-title { font-weight:600; font-size:0.92rem; color:var(--tx1); }
        .pow-audio-sub { font-size:0.78rem; color:var(--case-muted,var(--tx2)); font-family:var(--font-m); }
        .pow-figure { margin:0 0 12px; }
        .pow-figure img { width:100%; border:1px solid var(--brd); border-radius:10px; background:var(--bg1); }
        .pow-figure figcaption { font-size:0.8rem; color:var(--case-muted,var(--tx2)); margin-top:8px; font-family:var(--font-m); }
        .pow-list { list-style:none; padding:0; margin:18px 0 0; display:grid; gap:10px; }
        .pow-list li { display:flex; gap:10px; align-items:flex-start; font-size:0.92rem; color:var(--tx2); }
        .pow-list li::before { content:""; flex:0 0 auto; width:7px; height:7px; margin-top:7px; border-radius:50%; background:var(--ac); }
        @media (max-width:600px) { .pow { padding:20px; } .pow-audio { flex-direction:column; align-items:stretch; gap:10px; } }


        /* ===== BREADCRUMB VIZIBIL (2026-07-25) ===== */
        .crumbs { display:flex; flex-wrap:wrap; gap:8px; align-items:center; font-size:0.82rem; font-family:var(--font-m); color:var(--case-muted,var(--tx2)); margin:0 0 20px; padding:0; list-style:none; }
        .crumbs li { display:flex; align-items:center; gap:8px; }
        .crumbs li + li::before { content:"/"; color:var(--brd); }
        .crumbs a { color:var(--case-muted,var(--tx2)); text-decoration:none; }
        .crumbs a:hover { color:var(--ac); text-decoration:underline; }
        .crumbs [aria-current="page"] { color:var(--tx1); }


        /* proof of work: video si linkuri externe (2026-07-25) */
        .pow-video { position:relative; padding-top:56.25%; border-radius:10px; overflow:hidden; border:1px solid var(--brd); margin-bottom:12px; background:var(--bg1); }
        .pow-video iframe { position:absolute; inset:0; width:100%; height:100%; border:0; }
        .pow-links { display:flex; flex-wrap:wrap; gap:10px; margin:0 0 12px; }
        .pow-links a { display:inline-flex; align-items:center; min-height:44px; padding:8px 16px; border:1px solid var(--brd); border-radius:8px; color:var(--ac); text-decoration:none; font-size:0.88rem; font-weight:600; }
        .pow-links a:hover { border-color:var(--ac); }