/* Identitatea vizuală „Spații pentru sine”:
   Noapte #14131F · Hârtie #F2EDE4 · Corai #FF5E7A · Turcoaz #3FD0C0 · Lumină #FFD25A */

:root {
  --sps-noapte: #14131F;
  --sps-hartie: #F2EDE4;
  --sps-corai: #FF5E7A;
  --sps-turcoaz: #3FD0C0;
  --sps-lumina: #FFD25A;
}

[data-md-color-primary="custom"] {
  --md-primary-fg-color: var(--sps-noapte);
  --md-primary-fg-color--light: #2a2838;
  --md-primary-fg-color--dark: #0b0a12;
  --md-primary-bg-color: #ffffff;
  --md-primary-bg-color--light: #ffffffb3;
}

[data-md-color-scheme="default"][data-md-color-accent="custom"] {
  --md-accent-fg-color: #c2183b;            /* corai închis, contrast AA pe fond deschis */
  --md-accent-fg-color--transparent: #ff5e7a1a;
  --md-typeset-a-color: #b0163a;
}

[data-md-color-scheme="default"] {
  --md-default-bg-color: #fbf8f3;           /* hârtie deschisă */
  --md-code-bg-color: #f2ede4;
}

[data-md-color-scheme="slate"] {
  --md-default-bg-color: var(--sps-noapte);
  --md-hue: 248;
}
[data-md-color-scheme="slate"][data-md-color-accent="custom"] {
  --md-accent-fg-color: var(--sps-corai);
  --md-accent-fg-color--transparent: #ff5e7a1a;
  --md-typeset-a-color: var(--sps-turcoaz);
}

/* Logo-ul finanțatorului în antet: mai înalt decât implicit, ca să rămână lizibil */
.md-header__button.md-logo img {
  height: 2rem;
  width: auto;
}
.md-header__button.md-logo { margin-right: .6rem; }

/* Bandă de accente sub antet */
.md-tabs { border-bottom: 3px solid var(--sps-corai); }

/* Titluri */
.md-typeset h1 { font-weight: 500; }
.md-typeset h2 { font-weight: 500; border-bottom: 1px solid var(--md-default-fg-color--lightest); padding-bottom: .2em; }

/* Carduri pe pagina de start */
.md-typeset .grid.cards > ul > li { border-radius: .6rem; }
.md-typeset .grid.cards > ul > li:hover { border-color: var(--sps-corai); }

/* Tipuri noi de casete ----------------------------------------------- */
/* !!! protocol — pas obligatoriu */
.md-typeset .admonition.protocol,
.md-typeset details.protocol { border-color: var(--sps-corai); }
.md-typeset .protocol > .admonition-title,
.md-typeset .protocol > summary { background-color: #ff5e7a1f; }
.md-typeset .protocol > .admonition-title::before,
.md-typeset .protocol > summary::before {
  background-color: var(--sps-corai);
  -webkit-mask-image: var(--md-admonition-icon--protocol);
          mask-image: var(--md-admonition-icon--protocol);
}

/* !!! video — clip demonstrativ */
.md-typeset .admonition.video,
.md-typeset details.video { border-color: var(--sps-turcoaz); }
.md-typeset .video > .admonition-title,
.md-typeset .video > summary { background-color: #3fd0c01f; }
.md-typeset .video > .admonition-title::before,
.md-typeset .video > summary::before {
  background-color: var(--sps-turcoaz);
  -webkit-mask-image: var(--md-admonition-icon--video);
          mask-image: var(--md-admonition-icon--video);
}

/* !!! verifica — de confirmat pe echipament */
.md-typeset .admonition.verifica,
.md-typeset details.verifica { border-color: var(--sps-lumina); }
.md-typeset .verifica > .admonition-title,
.md-typeset .verifica > summary { background-color: #ffd25a2e; }
.md-typeset .verifica > .admonition-title::before,
.md-typeset .verifica > summary::before {
  background-color: #c79a12;
  -webkit-mask-image: var(--md-admonition-icon--verifica);
          mask-image: var(--md-admonition-icon--verifica);
}

:root {
  --md-admonition-icon--protocol: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M19 3h-4.18C14.4 1.84 13.3 1 12 1s-2.4.84-2.82 2H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2m-7 0a1 1 0 0 1 1 1 1 1 0 0 1-1 1 1 1 0 0 1-1-1 1 1 0 0 1 1-1m-2 14-4-4 1.41-1.41L10 14.17l6.59-6.59L18 9z"/></svg>');
  --md-admonition-icon--video: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M17 10.5V7a1 1 0 0 0-1-1H4a1 1 0 0 0-1 1v10a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-3.5l4 4v-11z"/></svg>');
  --md-admonition-icon--verifica: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20m1 15h-2v-2h2zm0-4h-2V7h2z"/></svg>');
}

/* Video încorporat, proporție 16:9 */
.md-typeset .video-16x9 {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;
  margin: .6em 0;
  border-radius: .4rem;
  overflow: hidden;
  background: #000;
}
.md-typeset .video-16x9 iframe,
.md-typeset .video-16x9 video {
  position: absolute; inset: 0; width: 100%; height: 100%; border: 0;
}

/* Fișă unealtă: rândul „Pe scurt” */
.md-typeset .pe-scurt {
  border-left: 4px solid var(--sps-turcoaz);
  padding: .4em .9em;
  background: var(--md-code-bg-color);
  border-radius: 0 .4rem .4rem 0;
}

/* Taste / butoane controler */
.md-typeset kbd { font-family: var(--md-text-font-family); }

/* Subsol cu logo-uri */
.sps-footer-logos {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.5rem;
  flex-wrap: wrap;
  padding: 1rem 0 .4rem;
}
.sps-footer-logos .cdp { height: 40px; width: auto; }
.sps-footer-logos .covr { height: 34px; width: auto; }
.sps-finantare { font-size: .7rem; line-height: 1.5; opacity: .9; }

@media print {
  .md-header, .md-tabs, .md-sidebar, .md-footer, .md-source { display: none !important; }
  .md-typeset .video-16x9 { display: none; }
}

/* Pe ecrane mici, tema ascunde logo-ul. Logo-ul finanțatorului rămâne vizibil (stânga sus). */
@media screen and (max-width: 76.2344em) {
  .md-header__button.md-logo { display: block; margin-right: .2rem; }
  .md-header__button.md-logo img { height: 1.6rem; }
}
@media screen and (max-width: 30em) {
  .md-header__title { visibility: hidden; }
}

/* Logo-uri pe pagina „Despre ghid”: realizator și partener sus, finanțarea separat, dedesubt */
.md-typeset .sps-logos-despre {
  display: flex;
  align-items: flex-end;
  flex-wrap: wrap;
  gap: 3rem;
  margin: 2rem 0 0;
  padding-top: 1.5rem;
  border-top: 1px solid var(--md-default-fg-color--lightest);
}
.md-typeset .sps-logos-despre figure { margin: 0; align-items: flex-start; }
.md-typeset .sps-logos-despre img.covr { height: 56px; width: auto; }
.md-typeset .sps-logos-despre .partener {
  display: block; font-weight: 500; font-size: .9rem; line-height: 1.25; text-align: left;
}
.md-typeset .sps-logos-despre figcaption {
  font-size: .65rem; opacity: .7; margin: .6rem 0 0; max-width: none; text-align: left;
}
.md-typeset .sps-finantare-despre {
  margin: 1.5rem 0 1rem;
  padding: 1.2rem 0 1.5rem;
  border-bottom: 1px solid var(--md-default-fg-color--lightest);
  font-size: .7rem; opacity: .9;
}
.md-typeset .sps-finantare-despre img.cdp { height: 44px; width: auto; }
.md-typeset .sps-finantare-despre p { margin: .5rem 0 0; }