/* ================================================================
   MISO — banner de consimțământ cookie-uri (first-party, prefix .mcc)
   Self-contained: nu depinde de variabilele CSS ale paginii gazdă.
   Paletă site: roșu #f2373f/#d81f27, card #151011, text #faf6f5/#c9bdbf.
   ================================================================ */

/* ---- Banner ---- */
.mcc-root{
  position:fixed;left:0;right:0;bottom:0;z-index:9999;
  display:block;padding:0;
  pointer-events:none;
  font-family:"Instrument Sans",system-ui,-apple-system,sans-serif;
}
.mcc-banner{
  pointer-events:auto;width:100%;
  background:rgba(21,16,17,.96);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);
  border:0;border-top:1px solid rgba(255,190,196,.16);border-radius:0;
  box-shadow:0 -10px 40px -12px rgba(0,0,0,.75);
  padding:16px max(20px,calc((100% - 1140px)/2));
  display:flex;gap:16px 22px;align-items:center;justify-content:space-between;flex-wrap:wrap;
  position:relative;overflow:hidden;
  animation:mcc-in .35s cubic-bezier(.22,1,.36,1) both;
}
.mcc-banner::before{content:"";position:absolute;left:0;right:0;top:0;height:2px;
  background:linear-gradient(90deg,#f2373f,#d81f27 55%,#a3141b)}
@keyframes mcc-in{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}

.mcc-text{flex:1 1 320px;min-width:0}
.mcc-text strong{display:block;font-family:"Archivo",sans-serif;font-stretch:125%;
  font-weight:800;color:#faf6f5;font-size:.95rem;letter-spacing:.3px;
  text-transform:uppercase;margin-bottom:.35rem}
.mcc-text p{margin:0;color:#c9bdbf;font-size:.87rem;line-height:1.55}
.mcc-text a{color:#f2373f;text-decoration:underline;text-underline-offset:2px}
.mcc-text a:hover{color:#ff5158}

.mcc-actions{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center}

/* ---- Butoane ---- */
.mcc-btn{font-family:inherit;font-weight:700;font-size:.85rem;line-height:1;
  border-radius:10px;padding:.66rem 1.05rem;cursor:pointer;border:1px solid transparent;
  transition:transform .12s,filter .2s,background .2s,border-color .2s,color .2s;white-space:nowrap}
.mcc-btn:active{transform:translateY(1px)}
.mcc-btn:focus-visible{outline:2px solid #f2373f;outline-offset:2px}
.mcc-primary{background:linear-gradient(135deg,#f2373f,#d81f27 55%,#a3141b);color:#fff;
  box-shadow:0 8px 20px -8px rgba(216,31,39,.7)}
.mcc-primary:hover{filter:brightness(1.07)}
.mcc-ghost{background:transparent;color:#c9bdbf;border-color:rgba(255,190,196,.22)}
.mcc-ghost:hover{color:#faf6f5;border-color:#f2373f}

/* ---- Modal preferințe ---- */
.mcc-modal{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center;
  padding:16px;font-family:"Instrument Sans",system-ui,-apple-system,sans-serif}
.mcc-modal[hidden]{display:none}
.mcc-modal-backdrop{position:absolute;inset:0;background:rgba(4,3,3,.74);
  backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.mcc-modal-panel{position:relative;width:min(560px,100%);max-height:90vh;overflow:auto;
  background:#120d0e;border:1px solid rgba(255,190,196,.14);border-radius:18px;
  padding:26px 24px;box-shadow:0 34px 90px -24px rgba(0,0,0,.88);
  animation:mcc-in .3s cubic-bezier(.22,1,.36,1) both}
.mcc-modal-panel h3{font-family:"Archivo",sans-serif;font-stretch:125%;font-weight:800;
  text-transform:uppercase;color:#faf6f5;font-size:1.15rem;margin:0 0 .5rem;letter-spacing:.3px}
.mcc-lead{color:#c9bdbf;font-size:.9rem;line-height:1.6;margin:0 0 1.2rem}
.mcc-modal-close{position:absolute;top:14px;right:14px;width:34px;height:34px;border-radius:9px;
  border:1px solid rgba(255,190,196,.16);background:transparent;color:#faf6f5;
  font-size:1rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;
  transition:border-color .2s}
.mcc-modal-close:hover{border-color:#f2373f}
.mcc-modal-close:focus-visible{outline:2px solid #f2373f;outline-offset:2px}

.mcc-cat{border:1px solid rgba(255,190,196,.12);border-radius:12px;padding:14px 16px;
  margin-bottom:12px;background:rgba(255,255,255,.014)}
.mcc-cat-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;
  font-family:"Archivo",sans-serif;font-stretch:125%;font-weight:700;color:#faf6f5;font-size:.92rem}
.mcc-cat p{margin:.5rem 0 0;color:#8f8184;font-size:.82rem;line-height:1.5}
.mcc-always{font-family:"Instrument Sans",sans-serif;font-stretch:normal;font-size:.68rem;
  font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:#8f8184;white-space:nowrap}

/* ---- Comutator ---- */
.mcc-switch{position:relative;width:44px;height:24px;flex:none}
.mcc-switch input{position:absolute;opacity:0;width:100%;height:100%;margin:0;cursor:pointer}
.mcc-track{position:absolute;inset:0;border-radius:999px;background:rgba(255,255,255,.15);
  transition:background .2s;pointer-events:none}
.mcc-track::after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;
  border-radius:50%;background:#faf6f5;transition:transform .2s}
.mcc-switch input:checked+.mcc-track{background:linear-gradient(135deg,#f2373f,#d81f27)}
.mcc-switch input:checked+.mcc-track::after{transform:translateX(20px)}
.mcc-switch input:focus-visible+.mcc-track{outline:2px solid #f2373f;outline-offset:2px}

.mcc-modal-actions{display:flex;gap:.6rem;justify-content:flex-end;margin-top:1.3rem;flex-wrap:wrap}

/* ---- Responsive ---- */
@media (max-width:560px){
  .mcc-banner{padding:16px;gap:14px}
  .mcc-actions{width:100%}
  .mcc-actions .mcc-btn{flex:1 1 auto;text-align:center}
  .mcc-modal-actions .mcc-btn{flex:1 1 auto;text-align:center}
}

/* ---- Nu apărea la print (ex. raport autoevaluare) ---- */
@media print{.mcc-root,.mcc-modal{display:none!important}}

/* ---- Reduce motion ---- */
@media (prefers-reduced-motion:reduce){
  .mcc-banner,.mcc-modal-panel{animation:none}
}

/* ---- Temă LIGHT: moștenită din pagina gazdă când <html data-theme="light">.
   Paginile fără switch (legale standalone) nu setează atributul → rămân pe dark. ---- */
:root[data-theme="light"] .mcc-banner{background:rgba(255,255,255,.97);border-top-color:rgba(23,14,16,.12);box-shadow:0 -10px 40px -14px rgba(40,25,28,.2)}
:root[data-theme="light"] .mcc-text strong{color:#1a1416}
:root[data-theme="light"] .mcc-text p{color:#4c4245}
:root[data-theme="light"] .mcc-ghost{color:#4c4245;border-color:rgba(23,14,16,.22)}
:root[data-theme="light"] .mcc-ghost:hover{color:#1a1416;border-color:#f2373f}
:root[data-theme="light"] .mcc-modal-backdrop{background:rgba(40,28,30,.5)}
:root[data-theme="light"] .mcc-modal-panel{background:#ffffff;border-color:rgba(23,14,16,.12);box-shadow:0 34px 90px -26px rgba(40,25,28,.3)}
:root[data-theme="light"] .mcc-modal-panel h3{color:#1a1416}
:root[data-theme="light"] .mcc-lead{color:#4c4245}
:root[data-theme="light"] .mcc-modal-close{border-color:rgba(23,14,16,.22);color:#1a1416}
:root[data-theme="light"] .mcc-cat{border-color:rgba(23,14,16,.1);background:rgba(23,14,16,.02)}
:root[data-theme="light"] .mcc-cat-head{color:#1a1416}
:root[data-theme="light"] .mcc-cat p{color:#6f6669}
:root[data-theme="light"] .mcc-always{color:#6f6669}
:root[data-theme="light"] .mcc-track{background:rgba(23,14,16,.2)}