/* ============================================================================
   Coaching and Clarity — bară de consimțământ pentru cookie-uri
   Partajată de toate paginile. Tokenii de brand vin din :root-ul paginii.

   Apare doar dacă vizitatorul nu a răspuns încă. Nu blochează pagina: e o bară
   jos, nu un perete peste conținut — un perete scade conversia și nu e cerut de
   nicio lege. Ce e cerut: să nu se pună nimic înainte de accept, iar refuzul să
   fie la fel de ușor ca acceptul (deci două butoane la fel de vizibile).
   ========================================================================== */

.consent{
  /* sub meniul full-screen (z-index 100): dacă meniul e deschis, el deține
     ecranul, iar bara reapare când se închide */
  position:fixed;z-index:90;
  left:50%;bottom:20px;translate:-50% 0;
  width:min(760px, calc(100vw - 32px));
  display:flex;align-items:center;gap:24px;
  padding:20px 24px;
  background:linear-gradient(180deg,var(--petrol-mid),var(--petrol-deep));
  border:1px solid rgba(247,244,238,.18);
  border-radius:var(--r-card);
  box-shadow:0 24px 60px rgba(4,34,41,.45);
  color:var(--ivory);
}
.consent[hidden]{display:none}
.consent:not([hidden]){animation:consent-in .3s cubic-bezier(.22,.61,.36,1) both}
@keyframes consent-in{from{opacity:0;translate:-50% 16px}to{opacity:1;translate:-50% 0}}

.consent__text{font-size:15px;line-height:1.55;color:rgba(247,244,238,.85)}
.consent__text b{display:block;margin-bottom:4px;font-weight:800;color:var(--ivory)}
.consent__text a{color:#EDA983;text-decoration:underline;text-underline-offset:3px}
.consent__text a:hover{color:var(--ivory)}

.consent__actions{display:flex;gap:10px;flex:none}
/* ambele butoane au aceeași greutate vizuală: refuzul nu se ascunde */
.consent__btn{
  padding:12px 22px;
  border:2px solid transparent;border-radius:var(--r-btn);
  font:800 15px/1.4 Nunito,system-ui,sans-serif;
  white-space:nowrap;cursor:pointer;
  transition:background-color .2s ease,color .2s ease,border-color .2s ease;
}
.consent__btn--yes{background:var(--copper);color:var(--white)}
.consent__btn--yes:hover{background:#B25C33}
.consent__btn--no{background:transparent;color:var(--ivory);border-color:rgba(247,244,238,.45)}
.consent__btn--no:hover{background:rgba(247,244,238,.12);border-color:var(--ivory)}

@media (max-width:720px){
  .consent{flex-direction:column;align-items:stretch;gap:16px;bottom:12px}
  .consent__actions{flex-direction:column}
  .consent__btn{width:100%}
}
@media (prefers-reduced-motion:reduce){
  .consent:not([hidden]){animation:none}
}