/* Boje EFS brenda: plava #007acc, tamna #2c2c2c, svijetla #f9f9f9 */
:root {
  --md-primary-fg-color: #007acc;
  --md-primary-fg-color--light: #3399dd;
  --md-primary-fg-color--dark: #005f9e;
  --md-accent-fg-color: #007acc;
  --efs-header-bg: #ffffff;
  --efs-header-fg: #2c2c2c;
  --efs-header-fg--light: rgba(44, 44, 44, 0.6);
}

[data-md-color-scheme="slate"] {
  --md-primary-fg-color: #3399dd;
  --md-primary-fg-color--dark: #007acc;
  --md-accent-fg-color: #5cb3ea;
  --md-typeset-a-color: #5cb3ea;
  --efs-header-bg: var(--md-default-bg-color);
  --efs-header-fg: #f9f9f9;
  --efs-header-fg--light: rgba(249, 249, 249, 0.6);
}

/* Header i kartice u boji podloge (logo je tamni ili svijetli EF), plava ostaje za poveznice */
.md-header,
.md-tabs {
  background-color: var(--efs-header-bg);
  color: var(--efs-header-fg);
  --md-primary-bg-color: var(--efs-header-fg);
  --md-primary-bg-color--light: var(--efs-header-fg--light);
}
.md-header {
  border-bottom: 1px solid var(--md-default-fg-color--lightest);
}
.md-tabs {
  border-bottom: 1px solid var(--md-default-fg-color--lightest);
}
/* Naslov bočnog izbornika na mobitelu (logo i naziv): podloga kao header, da se plavi F vidi */
.md-nav--primary .md-nav__title[for="__drawer"] {
  background-color: var(--efs-header-bg);
  color: var(--efs-header-fg);
  border-bottom: 1px solid var(--md-default-fg-color--lightest);
}
@media screen and (min-width: 60em) {
  [data-md-toggle="search"]:not(:checked) ~ .md-header .md-search__form {
    background-color: var(--md-default-fg-color--lightest);
  }
  [data-md-toggle="search"]:not(:checked) ~ .md-header .md-search__form:hover {
    background-color: var(--md-default-fg-color--lighter);
  }
}

/* EF logo: dvije slike, prikazuje se ona za aktivnu temu */
.md-logo .efs-logo {
  width: auto;
}
[data-md-color-scheme="slate"] .md-logo img.efs-logo--light,
[data-md-color-scheme="default"] .md-logo img.efs-logo--dark {
  display: none;
}

/* Bez donje trake footera (copyright i "Made with"); prethodno/sljedeće poglavlje ostaje */
.md-footer-meta {
  display: none;
}

/* Slike zaslona: tanki okvir da se odvoje od pozadine */
.md-typeset img:not(.no-zoom):not(.md-logo img) {
  border: 1px solid var(--md-default-fg-color--lightest);
  border-radius: 4px;
}

/* Okvir za video uz poglavlje */
.md-typeset .admonition.video,
.md-typeset details.video {
  border-color: #c4302b;
}
.md-typeset .video > .admonition-title,
.md-typeset .video > summary {
  background-color: rgba(196, 48, 43, 0.1);
}
.md-typeset .video > .admonition-title::before,
.md-typeset .video > summary::before {
  background-color: #c4302b;
  -webkit-mask-image: var(--md-admonition-icon--video);
  mask-image: var(--md-admonition-icon--video);
}
:root {
  --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="M10 15l5.19-3L10 9v6m11.56-7.83c.13.47.22 1.1.28 1.9.07.8.1 1.49.1 2.09L22 12c0 2.19-.16 3.8-.44 4.83-.25.9-.83 1.48-1.73 1.73-.47.13-1.33.22-2.65.28-1.3.07-2.49.1-3.59.1L12 19c-4.19 0-6.8-.16-7.83-.44-.9-.25-1.48-.83-1.73-1.73-.13-.47-.22-1.1-.28-1.9-.07-.8-.1-1.49-.1-2.09L2 12c0-2.19.16-3.8.44-4.83.25-.9.83-1.48 1.73-1.73.47-.13 1.33-.22 2.65-.28 1.3-.07 2.49-.1 3.59-.1L12 5c4.19 0 6.8.16 7.83.44.9.25 1.48.83 1.73 1.73z"/></svg>');
}

/* Tablice opcija: prvi stupac (naziv u sučelju) ne lomi se prerano */
.md-typeset table:not([class]) td:first-child {
  min-width: 9em;
}

/* Okvir "Pokaži mi u programu": interaktivni vodič u dodatku (panel Vodiči) */
.md-typeset .admonition.tour,
.md-typeset details.tour {
  border-color: #007acc;
}
.md-typeset .tour > .admonition-title,
.md-typeset .tour > summary {
  background-color: rgba(0, 122, 204, 0.1);
}
.md-typeset .tour > .admonition-title::before,
.md-typeset .tour > summary::before {
  background-color: #007acc;
  -webkit-mask-image: var(--md-admonition-icon--tour);
  mask-image: var(--md-admonition-icon--tour);
}
:root {
  --md-admonition-icon--tour: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M10 9a1 1 0 0 1 1-1 1 1 0 0 1 1 1v4.47l1.21.13 4.94 2.19c.53.24.85.77.85 1.35v4.36c-.03.82-.68 1.47-1.5 1.5H11c-.38 0-.74-.15-1-.43l-4.9-4.2.74-.77c.19-.21.46-.32.74-.32h.22L10 19V9m1-4a4 4 0 0 1 4 4c0 1.5-.8 2.77-2 3.46v-1.22c.61-.55 1-1.35 1-2.24a3 3 0 0 0-3-3 3 3 0 0 0-3 3c0 .89.39 1.69 1 2.24v1.22C7.8 11.77 7 10.5 7 9a4 4 0 0 1 4-4z"/></svg>');
}

/* Video uz poglavlje: sličica i poveznica na YouTube (bez ugrađenog playera) */
.md-typeset a.efs-video {
  display: inline-flex;
  align-items: center;
  gap: 0.9rem;
  margin-top: 0.2rem;
  text-decoration: none;
}
.md-typeset .efs-video-thumb {
  position: relative;
  display: block;
  flex: none;
  width: 160px;
  border-radius: 6px;
  overflow: hidden;
}
.md-typeset .efs-video-thumb img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
  object-fit: cover;
}
.md-typeset .efs-video-thumb::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 40px;
  height: 28px;
  margin: -14px 0 0 -20px;
  border-radius: 8px;
  background: #c4302b url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="white" d="M8 5v14l11-7z"/></svg>') center / 16px no-repeat;
}
.md-typeset a.efs-video:hover .efs-video-thumb img {
  filter: brightness(1.1);
}
.md-typeset .efs-video-cta {
  font-weight: 600;
}