/* Tema default — pagina „Acces cu cod": fundal întunecat cu perete de poze animat
   + header transparent (ca pe video/zona client). Încărcat din acces.twig. */

body.ac-dark{background:#0a0a0b}
body.ac-dark #site-header, body.ac-dark #site-header.scrolled{position:absolute !important;background:transparent !important;
    border-color:transparent !important;-webkit-backdrop-filter:none !important;backdrop-filter:none !important;box-shadow:none !important}
body.ac-dark #header-spacer{display:none !important}
body.ac-dark #site-header .hdr-link{color:rgba(255,255,255,.85) !important}
body.ac-dark #site-header .hdr-link:hover{color:#fff !important;background:rgba(255,255,255,.12) !important}
body.ac-dark #site-header .hdr-sub{color:rgba(255,255,255,.55) !important}
body.ac-dark #site-header .hdr-bar{background:#fff !important}

/* Footer glass cu backdrop — peretele de poze se vede blurat pe sub (ca pe zona client) */
body.ac-dark footer{background:rgba(10,10,11,.30) !important;border-top-color:rgba(255,255,255,.10) !important;
    -webkit-backdrop-filter:blur(14px) saturate(120%);backdrop-filter:blur(14px) saturate(120%)}

/* ── Peretele de poze: fix, pe sub tot conținutul ȘI pe sub footer; coloane
      verticale pe tot ecranul, curg alternat (una în jos, una în sus) ── */
body.ac-dark #swup{display:flex;flex-direction:column}
.ac-hero{position:relative;flex:1;min-height:560px;
    display:flex;align-items:center;justify-content:center;padding:calc(68px + 2.5rem) 1rem 3rem}
.ac-wall{position:fixed;inset:0;z-index:-1;display:flex;gap:.9rem}
.ac-col{flex:1;min-width:0;display:flex;flex-direction:column;gap:.9rem;
    animation:acFlow var(--d,90s) linear infinite;animation-delay:var(--o,0s)}
/* conținutul coloanei e repetat de 4 ori în markup → bucla -25% → 0 e perfectă
   și coloana acoperă mereu tot ecranul pe durata animației */
@keyframes acFlow{from{transform:translateY(-25%)}to{transform:translateY(0)}}
.ac-col.rev{animation-direction:reverse}
.ac-tile{width:100%;border-radius:12px;flex:none;
    background-size:cover;background-position:center;opacity:.6}
@media (max-width:640px){.ac-col:nth-child(n+5){display:none}}
@media (prefers-reduced-motion: reduce){.ac-col{animation:none}}

/* scrim: lizibilitate + vignetă spre margini (fix, peste perete, sub conținut) */
.ac-scrim{position:fixed;inset:0;z-index:-1;
    background:radial-gradient(ellipse at center, rgba(10,10,11,.42) 0%, rgba(10,10,11,.72) 55%, rgba(10,10,11,.95) 100%)}

/* ── Cardul de acces ── */
.ac-card{position:relative;z-index:2;width:100%;max-width:26rem;
    background:rgba(8,8,10,.72);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);
    border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:2.6rem 2.2rem}
.ac-title{color:#fff;font-size:1.5rem;font-weight:800;letter-spacing:-.02em;margin:0 0 .35rem}
.ac-sub{color:rgba(255,255,255,.55);font-size:.875rem;margin:0 0 1.9rem;line-height:1.6}
.ac-label{display:block;color:rgba(255,255,255,.8);font-size:.8rem;font-weight:600;margin-bottom:.45rem}
.ac-input{width:100%;padding:.75rem 1rem;font-size:.9rem;color:#fff;background:rgba(255,255,255,.07);
    border:1px solid rgba(255,255,255,.18);border-radius:10px;outline:none;
    text-transform:uppercase;letter-spacing:.06em;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;
    transition:border-color .18s,background .18s}
.ac-input::placeholder{color:rgba(255,255,255,.28);}
.ac-input:focus{border-color:rgba(255,255,255,.6);background:rgba(255,255,255,.1)}
.ac-btn{width:100%;margin-top:1.4rem;padding:.85rem 1rem;font-size:.9rem;font-weight:700;cursor:pointer;
    background:#fff;color:#111827;border:0;border-radius:10px;transition:background .18s}
.ac-btn:hover{background:#e5e7eb}
.ac-alert{padding:.7rem 1rem;border-radius:10px;font-size:.85rem;margin-bottom:1.1rem}
.ac-alert-err{background:rgba(220,38,38,.16);border:1px solid rgba(248,113,113,.4);color:#fecaca}
.ac-alert-ok{background:rgba(22,163,74,.16);border:1px solid rgba(134,239,172,.4);color:#bbf7d0}