/* Toolbar */
.a11y-toolbar{
  position: fixed; top: 12px; right: 12px; z-index: 99999;
  display: flex; gap: 8px; background: rgba(255,255,255,.92);
  padding: 6px 8px; border-radius: 8px; box-shadow: 0 4px 16px rgba(0,0,0,.15);
}
.a11y-btn{ border:1px solid #d0d0d0; padding:6px 8px; background:#fff; cursor:pointer; border-radius:6px }
.a11y-btn:focus{ outline: 2px solid #005BBB; outline-offset: 2px; }

/* Language switcher */
.lang-switcher{
  position: fixed; top: 60px; right: 12px; z-index: 99999;
  background: rgba(255,255,255,.92); padding: 4px 8px; border-radius: 8px; box-shadow: 0 4px 16px rgba(0,0,0,.12);
}
.lang-switcher a{ text-decoration:none; margin:0 4px }
.lang-switcher a:focus{ outline: 2px solid #005BBB; outline-offset: 2px; }

/* Accessibility states */
html.a11y-contrast body{ color:#000 !important; background:#fff !important; }
html.a11y-contrast img{ filter: contrast(1.1) !important; }
html.a11y-large{ font-size: 112.5%; } /* ~18px from 16px */
html.a11y-underline a{ text-decoration: underline !important; }
html.a11y-motion *{ animation: none !important; transition: none !important; }

/* Ensure Divi headers don't overlap */
.et_fixed_nav #main-header{ z-index: 9999; }

/* Щоб внутрішній текст у Cover не стискався контейнером, якщо треба */
.wp-block-cover.is-position-center-center .wp-block-cover__inner-container,
.wp-block-cover .wp-block-cover__inner-container {
  max-width: 1200px; /* змініть під себе або приберіть, якщо текст теж має бути на всю ширину */
}

/* Знімаємо зайві внутрішні відступи в Cover, якщо бачите білі смуги */
.wp-block-cover { padding: 0; }

/* ЛИШЕ цей блок-обкладинка — на всю ширину */
#page-container .entry-content .wp-block-cover.hero-full {
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  width: 100vw;
  max-width: 100vw;
}

/* Текст усередині герою: комфортна ширина/відступи */
.wp-block-cover.hero-full .wp-block-cover__inner-container {
  max-width: 1200px;     /* підженете за бажанням */
  padding: 3.5rem 2rem;  /* внутрішні відступи */
}

/* Прибрати заголовок сторінки тільки на головній */
.home .entry-title {
    display: none !important;
}

/* Вирівнювання мовного перемикача та іконок в меню */
#top-menu {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 20px;
}

#top-menu li.lang-item {
    margin-left: 10px;
}

/* Інклюзивні іконки */
.a11y-toolbar {
    position: relative;
    margin-left: 20px;
}

/* Темний фон хедера */
#main-header, #top-header {
    background-color: #0d1b2a !important; /* темно-синій */
}

/* Білі літери в меню */
#top-menu li a {
    color: #ffffff !important;
    font-weight: 600;
}

#top-menu li a:hover {
    color: #f9a825 !important; /* жовтий при наведенні */
}

.a11y-toolbar .fa-solid {
  font-size: 16px;
  color: #0d1b2a;
}
.a11y-toolbar .a11y-btn:hover .fa-solid {
  color: #f9a825; /* жовтий при наведенні */
}

.a11y-toolbar {
  position: fixed;
  top: 12px;
  right: 80px;
  z-index: 99999;
  display: flex;
  gap: 8px;
  background: rgba(255,255,255,.92);
  padding: 6px 8px;
  border-radius: 8px;
  box-shadow: 0 4px 16px rgba(0,0,0,.15);
}
.a11y-btn {
  border:1px solid #d0d0d0;
  padding:6px 8px;
  background:#fff;
  cursor:pointer;
  border-radius:6px;
}
.a11y-btn .fa-solid { font-size: 16px; }
.a11y-btn:hover .fa-solid { color: #f9a825; }

.lang-switcher {
  position: fixed;
  top: 12px;
  right: 12px;
  z-index: 99999;
  background: rgba(255,255,255,.92);
  padding: 4px 8px;
  border-radius: 8px;
  box-shadow: 0 4px 16px rgba(0,0,0,.12);
}
.lang-switcher a { text-decoration:none; margin:0 4px; font-weight:bold; }

/* Прибираємо заголовок на головній */
.home .entry-title {
  display: none !important;
}

.child-grid{display:grid;gap:20px;grid-template-columns:repeat(3,1fr)}
.child-grid .card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 8px 24px rgba(0,0,0,.12);display:flex;flex-direction:column;text-decoration:none;color:inherit}
.child-grid .card img{width:100%;height:180px;object-fit:cover;display:block}
.child-grid .card .t{padding:16px}
.child-grid .card h3{margin:0 0 8px;font-weight:800}
.child-grid .card .more{display:inline-block;margin-top:6px;font-weight:700;color:#005BBB}
@media (max-width:992px){.child-grid{grid-template-columns:1fr}}

/* Випадаюче меню */
#top-menu li ul.sub-menu {
    background-color: #2b2b2b !important; /* темно-сірий фон */
    padding: 10px 0;
    min-width: 220px; /* щоб не розтягувалось на всю ширину */
    border-radius: 8px; /* скруглені кути */
    box-shadow: 0 4px 12px rgba(0,0,0,0.3); /* легка тінь */
    overflow: hidden; /* щоб скруглення працювало */
}

/* Посилання у випадаючому меню */
#top-menu li ul.sub-menu a {
    color: #ffffff !important;  /* білий текст */
    font-size: 12px !important; /* зменшений шрифт */
    line-height: 1.1em;         /* < висота рядка (відстань між рядками) */
    padding: 8px 10px;
    display: block; /* щоб весь рядок був клікабельний */
    transition: all 0.2s ease-in-out;
}

/* Ефект при наведенні */
#top-menu li ul.sub-menu a:hover {
    color: #f1c40f !important; /* жовтий текст при наведенні */
    background-color: #3a3a3a !important; /* трохи світліший фон */
}

#n2-ss-2 {
    height: 650px !important;
}