/* Base globals */
:root{
  --smc-c-black: #091311;
  --smc-c-green: #01A9A0;
  --smc-c-light: #FFFFFF;
  --smc-c-grey-200: #E6E6E6;
  --smc-c-shadow: 0 4px 10px rgba(0,0,0,.05);
}

html{box-sizing:border-box}
*,*:before,*:after{box-sizing:inherit}
body{margin:0;font-family:Montserrat,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--smc-c-black);overflow-x:hidden;}

.smc-container{width:100%;max-width:1440px;margin:0 auto;padding:0 16px}
@media (min-width: 1200px){ .smc-container{padding:0 70px} }
.smc-site-footer{margin:0; padding:0; height:0; overflow:hidden;}

/* =================== Breadcrumbs (fixed) =================== */
:root{
  --bc-text:   #091311; /* чорний */
  --bc-grey:   #8A8A8A; /* сірий */
  --bc-accent: #01A9A0; /* зелений */
}

nav.smc-breadcrumbs,
nav[aria-label*="Bread"],
.breadcrumbs,
.yoast-breadcrumbs{
  font: 500 14px/1.4 Montserrat, system-ui, -apple-system, Segoe UI, Roboto, Arial;
}

nav.smc-breadcrumbs ol,
nav[aria-label*="Bread"] ol,
.breadcrumbs ol,
.yoast-breadcrumbs ol,
nav.smc-breadcrumbs ul,
nav[aria-label*="Bread"] ul,
.breadcrumbs ul,
.yoast-breadcrumbs ul{
  display:flex;
  flex-wrap:wrap;
  gap:0;
  list-style:none;
  margin:16px 0 24px 70px;   /* ліворуч 70px */
  padding:0;
}

/* Ховаємо вбудовані “сепаратори” усередині елементів (не <li>!) */
nav.smc-breadcrumbs .separator,
nav.smc-breadcrumbs .sep,
nav[aria-label*="Bread"] .separator,
nav[aria-label*="Bread"] .sep,
.breadcrumbs .separator,
.breadcrumbs .sep,
.yoast-breadcrumbs .separator,
.yoast-breadcrumbs .sep{
  display:none !important;
}

nav.smc-breadcrumbs li,
nav[aria-label*="Bread"] li,
.breadcrumbs li,
.yoast-breadcrumbs li{
  display:flex;
  align-items:center;
  color:var(--bc-text);
}

/* ПОФІКС: службові <li> із “/” — без лінка і НЕ останні — просто колапсуємо */
nav.smc-breadcrumbs li:not(:has(a)):not(:last-child),
nav[aria-label*="Bread"] li:not(:has(a)):not(:last-child),
.breadcrumbs        li:not(:has(a)):not(:last-child),
.yoast-breadcrumbs  li:not(:has(a)):not(:last-child){
  font-size:0;      /* сховали вміст */
  width:0;
  padding:0;
  margin:0;         /* щоб не займав місця */
}

/* Посилання (попередні елементи) — чорні */
nav.smc-breadcrumbs a,
nav[aria-label*="Bread"] a,
.breadcrumbs a,
.yoast-breadcrumbs a{
  color:var(--bc-text);
  text-decoration:none;
}
nav.smc-breadcrumbs a:hover,
nav[aria-label*="Bread"] a:hover,
.breadcrumbs a:hover,
.yoast-breadcrumbs a:hover{
  color:var(--bc-accent);
}

/* Наш chevron-розділювач між видимими крихтами */
nav.smc-breadcrumbs li + li::before,
nav[aria-label*="Bread"] li + li::before,
.breadcrumbs li + li::before,
.yoast-breadcrumbs li + li::before{
  content:"";
  display:inline-block;
  width:14px; height:14px; margin:0 12px;
  background:var(--bc-grey);
  -webkit-mask:url('data:image/svg+xml;utf8,\
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\
<path fill="%23000" d="M8.6 4.6 15.1 11c.3.3.3.8 0 1.1l-6.5 6.5-1.1-1.1 5.9-5.9-5.9-5.9 1.1-1.2Z"/>\
</svg>') center/contain no-repeat;
          mask:url('data:image/svg+xml;utf8,\
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\
<path fill="%23000" d="M8.6 4.6 15.1 11c.3.3.3.8 0 1.1l-6.5 6.5-1.1-1.1 5.9-5.9-5.9-5.9 1.1-1.2Z"/>\
</svg>') center/contain no-repeat;
}

/* Фолбек, якщо mask не підтримується */
@supports not (mask: url("")) {
  nav.smc-breadcrumbs li + li::before,
  nav[aria-label*="Bread"] li + li::before,
  .breadcrumbs li + li::before,
  .yoast-breadcrumbs li + li::before{
    content:"›";
    width:auto; height:auto; background:none;
    color:var(--bc-grey); font-weight:600;
    margin:0 12px;
  }
}

/* Поточна крихта — зелена */
nav.smc-breadcrumbs li:last-child,
nav[aria-label*="Bread"] li:last-child,
.breadcrumbs li:last-child,
.yoast-breadcrumbs li:last-child{
  color:var(--bc-accent);
  font-weight:600;
}

/* Остання стрілка — зелена */
nav.smc-breadcrumbs li:last-child::before,
nav[aria-label*="Bread"] li:last-child::before,
.breadcrumbs li:last-child::before,
.yoast-breadcrumbs li:last-child::before{
  background:var(--bc-accent);
}
@supports not (mask: url("")) {
  nav.smc-breadcrumbs li:last-child::before,
  nav[aria-label*="Bread"] li:last-child::before,
  .breadcrumbs li:last-child::before,
  .yoast-breadcrumbs li:last-child::before{
    color:var(--bc-accent);
  }
}

/* Mobile ≤ 430px */
@media (max-width:430px){
  nav.smc-breadcrumbs ol,
  nav[aria-label*="Bread"] ol,
  .breadcrumbs ol,
  .yoast-breadcrumbs ol,
  nav.smc-breadcrumbs ul,
  nav[aria-label*="Bread"] ul,
  .breadcrumbs ul,
  .yoast-breadcrumbs ul{
    margin:12px 20px 16px 20px;
    font-size:12px;
  }
  nav.smc-breadcrumbs li + li::before,
  nav[aria-label*="Bread"] li + li::before,
  .breadcrumbs li + li::before,
  .yoast-breadcrumbs li + li::before{
    width:24px; height:24px; margin:0 10px;
  }
}