/* =====================================================================
   SMC HEADER (edge-to-edge, desktop + mobile off-canvas)
   Секції: [TOKENS] [RESET] [BAR] [LOGO] [NAV] [ACTIONS] [LANG-DESK]
           [MOBILE-HEADER] [OFFCANVAS] [SEARCH] [UTILS]
   ===================================================================== */


/* =========================== [TOKENS] ================================ */
:root{
  --smc-green:      #01A9A0;
  --smc-green-d:    #0E7C69;
  --smc-green-2:    #00A79D;
  --smc-ink:        #091311;
  --smc-ink-2:      #000;
  --smc-grey:       #8A8A8A;
  --smc-line:       #E6E6E6;
  --smc-bg-soft:    #EFF7F6;
  --smc-bg-soft-2:  #E1F5F4;
  --smc-white:      #fff;
  --smc-shadow-1:   0 4px 10px rgba(0,0,0,.05);
  --smc-shadow-2:   0 12px 24px rgba(0,0,0,.08);
  --smc-shadow-3:   0 16px 40px rgba(0,0,0,.18);

  --smc-h-h: 80px;                         /* фактичну висоту JS підкине у :root */
  --smc-h-pad: 0px;                        /* відступи перенесені в контейнер */
}


/* ============================ [RESET] ================================ */
html, body { margin:0; }

.smc-site-header{
  position: sticky; 
  top: 0; 
  z-index: 1100;
  margin: 0; 
  padding: 0;
  width: 100%; /* фон на всю ширину */
  background: transparent;
  transition: all .2s ease;
}

/* Контейнер для контенту з обмеженою шириною - БЕЗ фону */
.smc-site-header .smc-container,
.smc-site-header .container,
.smc-site-header .wrap {
  max-width: 1440px !important;
  width: 100% !important;
  padding-left: 70px !important;
  padding-right: 70px !important;
  margin: 0 auto !important;
  box-sizing: border-box !important;
  background: transparent !important; /* важливо - контейнер без фону */
  box-shadow: none !important; /* важливо - контейнер без тіні */
}



/* ============================== [BAR] ================================ */
/* Псевдоелемент для фону на всю ширину */
.smc-site-header::before {
  content: '';
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100vw;
  height: 100%;
  background: transparent;
  box-shadow: none;
  transition: all .2s ease;
  z-index: -1;
}

.smc-header__bar{
  position:relative;
  height:80px;
  padding:10px var(--smc-h-pad);
  background: transparent !important;
  box-shadow: none !important;
  display:grid;
  grid-template-columns: 1fr auto 1fr;
  grid-template-areas: "left logo right";
  align-items:center;
  z-index: 1;
}

/* Білий стан - фон через псевдоелемент */
.smc-site-header:hover::before,
.smc-site-header:focus-within::before,
.smc-site-header.is-solid::before {
  background: var(--smc-white);
  box-shadow: 0 4px 10px rgba(0,0,0,.05);
}

/* Перебиваємо інлайн стилі box-shadow на самому хедері */
.smc-site-header.is-solid[style*="box-shadow"],
.smc-site-header:hover[style*="box-shadow"],
.smc-site-header:focus-within[style*="box-shadow"] {
  box-shadow: none !important;
  background: transparent !important;
}

/* Форс на головній */
.home .smc-site-header:hover::before,
.home .smc-site-header:focus-within::before {
  background: var(--smc-white); 
  box-shadow: 0 4px 10px rgba(0,0,0,.05);
}

/* Форс на всіх сторінках з overlay хедером */
.smc-site-header[data-header-mode="overlay"]:not(.is-solid):hover::before,
.smc-site-header[data-header-mode="overlay"]:not(.is-solid):focus-within::before {
  background: var(--smc-white) !important; 
  box-shadow: 0 4px 10px rgba(0,0,0,.05) !important;
}


/* ============================== [LOGO] =============================== */
.smc-logo{ grid-area:logo; justify-self:center; }
.smc-logo a{ display:inline-flex; align-items:center; }
.smc-logo__img{ width:auto; height:clamp(36px,7.5vw,60px); display:none; }
.smc-logo__img--light{ display:inline-block; }
.smc-site-header:hover .smc-logo__img--light,
.smc-site-header:focus-within .smc-logo__img--light,
.smc-site-header.is-solid .smc-logo__img--light{ display:none; }
.smc-site-header:hover .smc-logo__img--dark,
.smc-site-header:focus-within .smc-logo__img--dark,
.smc-site-header.is-solid .smc-logo__img--dark{ display:inline-block; }


/* =============================== [NAV] =============================== */
.smc-primary-nav{ grid-area:left; justify-self:start; }
.smc-menu, .smc-menu ul{ list-style:none; margin:0; padding:0; }
.smc-menu{ display:flex; gap:24px; align-items:center; }
.smc-menu>li{ position:relative; }

/* Посилання */
.smc-menu a{
  font:500 16px/1.4 Montserrat,system-ui,Arial;
  text-decoration:none; padding:.35rem 0;
  transition:color .15s ease, background-color .15s ease;
}

/* Базовий стан зверху (прозорий хедер) — білі посилання */
.smc-site-header .smc-menu a{ color:#fff; }

/* Коли хедер білий — текст чорний */
.smc-site-header:hover .smc-menu a,
.smc-site-header:focus-within .smc-menu a,
.smc-site-header.is-solid .smc-menu a{
  color:var(--smc-ink);
}

/* Дропдауни-стрілочка */
.smc-menu>li.menu-item-has-children>a::after{
  content:"▾"; font-size:.8em; margin-left:.35rem; color:var(--smc-green);
}

/* Підменю — рівно під пунктом, без зсувів вправо */
.smc-menu>li>.sub-menu{
  position:absolute;
  left:0 !important;
  right:auto !important;
  top:100%;
  margin-top:12px;                 /* відступ вниз */
  margin-left:0 !important;
  background:#fff;
  border:1px solid var(--smc-line);
  border-radius:12px;
  min-width:220px;
  padding:8px;
  box-shadow:var(--smc-shadow-2);
  z-index:1200;
  opacity:0; visibility:hidden;
  transform:translateY(-6px);
  transition:opacity .15s ease, transform .15s ease, visibility .15s step-end;
  pointer-events:none;
}

/* «Місток», щоб не зникав hover на переході до підменю */
.smc-menu>li>.sub-menu::before{
  content:"";
  position:absolute; left:0; right:0; top:-12px; height:12px;
}

/* Показ підменю */
.smc-menu>li:hover>.sub-menu,
.smc-menu>li:focus-within>.sub-menu{
  opacity:1; visibility:visible; transform:none; pointer-events:auto;
}

/* Пункти підменю */
.smc-menu>li>.sub-menu a{
  display:block; padding:10px 12px; border-radius:8px;
  color:var(--smc-ink); text-decoration:none;
  font:500 16px/1.4 Montserrat,system-ui,Arial;
}
.smc-menu>li>.sub-menu a:hover{
  background:var(--smc-bg-soft); color:var(--smc-green-d);
}

/* Вкладені підменю праворуч */
.smc-menu>li>.sub-menu li.menu-item-has-children>.sub-menu{
  top:0; left:100%;
  margin-top:0; margin-left:8px;
}


/* ============================= [ACTIONS] ============================= */
.smc-header__actions{
  grid-area:right; justify-self:end;
  display:flex; align-items:center; gap:24px;
}
.smc-btn--header,
a.smc-btn--header{
  display:inline-flex; align-items:center; justify-content:center;
  height:52px; padding:14px 40px 16px;
  border-radius:10px; border:0;
  background:var(--smc-green); color:#fff !important;
  font:500 16px/22px Montserrat,system-ui,Arial;
  box-shadow:0 2px 8px rgba(1,169,160,.25);
  text-decoration:none !important;
}
.smc-btn--header:hover{ filter:brightness(.96); }

/* Пошук — кнопка */
.smc-search-btn{
  width:24px; height:24px; line-height:0;
  display:inline-flex; align-items:center; justify-content:center;
  padding:0; background:transparent; border:0; cursor:pointer; color:#fff;
}
.smc-search-btn svg{ width:24px; height:24px; stroke:currentColor; stroke-width:1.5; fill:none; display:block; }
.smc-site-header:hover .smc-search-btn,
.smc-site-header:focus-within .smc-search-btn,
.smc-site-header.is-solid .smc-search-btn{ color:var(--smc-ink); }
.smc-search-btn:hover{ opacity:.9; }


/* =========================== [LANG-DESK] ============================= */
.smc-lang{ position:relative; }
.smc-lang__btn{
  display:inline-flex; align-items:center; gap:6px;
  height:24px; padding:0 8px; background:transparent; border:0; cursor:pointer;
  font:500 16px/22px Montserrat,system-ui,Arial; color:#fff;
}
.smc-site-header:hover .smc-lang__btn,
.smc-site-header:focus-within .smc-lang__btn,
.smc-site-header.is-solid .smc-lang__btn{ color:var(--smc-ink); }
.smc-caret{ transition:transform .15s; }
.smc-lang.is-open .smc-caret{ transform:rotate(180deg); }
.smc-lang__list{
  position:absolute; right:0; top:calc(100% + 10px);
  min-width:88px; padding:8px; margin:0; list-style:none;
  background:#fff; border:1px solid var(--smc-line); border-radius:12px;
  box-shadow:var(--smc-shadow-2); z-index:1300; display:none;
}
.smc-lang__list[hidden]{ display:none; }
.smc-lang.is-open .smc-lang__list{ display:block !important; }
.smc-lang__list a{
  display:block; padding:8px 10px; border-radius:8px;
  text-decoration:none; color:var(--smc-ink);
  font:500 16px/1.4 Montserrat,system-ui,Arial;
}
.smc-lang__list a:hover{ background:var(--smc-bg-soft); }


/* ========================= [MOBILE-HEADER] =========================== */
.smc-nav-toggle{
  grid-area:left; justify-self:start;
  display:none;
  width:40px; height:40px; border-radius:10px;
  background:transparent; border:0; padding:0;
  align-items:center; justify-content:center; cursor:pointer; color:#fff;
  position:relative; z-index:1601;
}
.smc-nav-toggle svg{ width:24px; height:24px; display:block; }
.smc-site-header:hover .smc-nav-toggle,
.smc-site-header:focus-within .smc-nav-toggle,
.smc-site-header.is-solid .smc-nav-toggle{ color:var(--smc-ink); }

@media (max-width:1024px){
  .smc-header__bar{
    height:64px;
    padding:8px 0;
    grid-template-columns: auto 1fr auto;
    grid-template-areas: "left logo right";
  }
  .smc-primary-nav{ display:none; }
  .smc-header__actions .smc-lang{ display:none; }
  .smc-header__actions .smc-btn--header{ display:none; }
  .smc-header__actions{ gap:12px; }
  .smc-logo__img{ height:36px; }
  .smc-nav-toggle{ display:inline-flex; }
}
/* aria-hidden="true" — не показуємо панель */
#site-menu[aria-hidden="true"]{ display:none; }


/* ============================== [OFFCANVAS] =========================== */
#site-menu{ position:fixed; inset:0; display:none; z-index:1500; }
#site-menu.is-open{ display:block; }
.smc-offcanvas__backdrop{
  position:absolute; inset:0; background:rgba(0,0,0,.35); border:0; padding:0;
}
.smc-offcanvas__panel{
  position:absolute; left:0; top:0; bottom:0;
  width:min(92vw, 375px);
  background:#fff;
  box-shadow:var(--smc-shadow-3);
  transform:translateX(-100%);
  transition:transform .25s ease;
  overflow:auto;
  padding:20px 24px calc(20px + env(safe-area-inset-bottom, 0));
  border-radius:0 0 16px 16px;
}
#site-menu.is-open .smc-offcanvas__panel{ transform:none; }
.smc-offcanvas__head{
  display:flex; align-items:center; justify-content:flex-end;
  height:56px; padding-bottom:8px;
}
.smc-offcanvas__close{
  width:40px; height:40px; border-radius:10px; line-height:0;
  background:transparent; border:0; color:var(--smc-ink); cursor:pointer;
}
.smc-offcanvas__menu, .smc-offcanvas__menu ul{ list-style:none !important; margin:0; padding:0; }
.smc-offcanvas__panel a{
  color:var(--smc-ink);
  text-decoration:none !important;
  transition:color .15s ease, background-color .15s ease;
}
.smc-offcanvas__menu > li > a{
  display:block; padding:14px 0;
  font:600 20px/1.3 Montserrat,system-ui,Arial;
}
.smc-offcanvas__menu > li > a:hover{ color:var(--smc-green); }
.smc-offcanvas__menu > li.current-menu-item > a,
.smc-offcanvas__menu > li.current-menu-ancestor > a{ color:var(--smc-green); }
.smc-offcanvas__menu .sub-menu{ display:none; padding:4px 0 8px; margin:0 0 6px; }
.smc-offcanvas__menu .is-open > .sub-menu{ display:block; }
.smc-offcanvas__menu .sub-menu a{
  display:block; padding:10px 0 10px 12px;
  font:500 16px/1.45 Montserrat,system-ui,Arial; border-radius:8px;
}
.smc-offcanvas__menu .sub-menu a:hover{ background:var(--smc-bg-soft); color:var(--smc-green-d); }
.smc-offcanvas__footer{ margin-top:18px; padding-top:18px; border-top:1px solid var(--smc-line); }
.smc-offcanvas__lang{ position:relative; margin-bottom:12px; }
.smc-offcanvas__lang .smc-lang__btn{
  color:var(--smc-ink); background:transparent; border:0;
  height:28px; padding:0 6px; display:inline-flex; align-items:center; gap:6px;
  font:500 16px/1.4 Montserrat,system-ui,Arial;
}
.smc-offcanvas__lang .smc-caret{ transition:transform .15s; }
.smc-offcanvas__lang.is-open .smc-caret{ transform:rotate(180deg); }
.smc-offcanvas__lang .smc-lang__list{ left:0; right:auto; top:calc(100% + 8px); }

/* Соц-іконки */
.smc-offcanvas__social{ display:flex; gap:16px; }
.smc-ico{
  width:44px; height:44px; border-radius:50%;
  display:inline-flex; align-items:center; justify-content:center;
  background:var(--smc-bg-soft); color:var(--smc-green); line-height:0;
}
.smc-ico svg{ width:22px; height:22px; display:block; }
.smc-ico--yt svg path, .smc-ico--fb svg path{ fill:currentColor !important; stroke:none !important; }
.smc-ico--ig svg path{
  fill:none !important; stroke:currentColor !important;
  stroke-width:2; stroke-linecap:round; stroke-linejoin:round;
}
@media (hover:hover){
  .smc-ico:hover, .smc-ico:focus{ color:var(--smc-green); background:var(--smc-bg-soft); filter:none; }
}
.smc-offcanvas__footer .smc-lang__btn{ color:#091311; }
.smc-offcanvas__footer .smc-lang__btn .smc-caret{ width:18px; height:18px; }
.smc-offcanvas__footer .smc-lang__btn .smc-caret path{ stroke:var(--smc-green) !important; stroke-width:2; }
@media (hover:hover){ .smc-offcanvas__footer .smc-lang__btn:hover .smc-caret path{ stroke:var(--smc-green-d) !important; } }
#site-menu .smc-offcanvas__social .smc-ico{ color:var(--smc-green) !important; background:var(--smc-bg-soft) !important; }
@media (hover:hover){
  #site-menu .smc-offcanvas__social .smc-ico:hover,
  #site-menu .smc-offcanvas__social .smc-ico:focus{
    color:var(--smc-green) !important; background:var(--smc-bg-soft) !important; filter:none !important;
  }
}
#site-menu .smc-offcanvas__social .smc-ico--yt .yt-body{ fill:var(--smc-green) !important; }
#site-menu .smc-offcanvas__social .smc-ico--yt .yt-play{ fill:#fff !important; }
#site-menu .smc-offcanvas__social .smc-ico--yt svg{ transform:scale(1.45); transform-origin:center; }
@supports (-webkit-touch-callout:none){
  #site-menu .smc-offcanvas__social .smc-ico--yt svg{ width:28px; height:28px; transform:none; }
}


/* ============================== [SEARCH] ============================= */
.smc-search{ position:fixed; inset:0; display:none; z-index:1600; }
.smc-search.is-open{ display:block; }
.smc-search[aria-hidden="true"]{ display:none; }
.smc-search__backdrop{
  position:absolute; inset:0; background:rgba(0,0,0,.35); border:0; padding:0;
}
.smc-search__panel{
  position:fixed;
  right: 0; left: auto;
  top: calc(var(--smc-h-h) / 2);
  transform: translateY(-50%);
  width: min(600px, calc(100vw - var(--smc-h-pad)));
}
.admin-bar .smc-search__panel{ top: calc(32px + var(--smc-h-h) / 2); }
@media (max-width:782px){
  .admin-bar .smc-search__panel{ top: calc(46px + var(--smc-h-h) / 2); }
}
@media (max-width:1024px){
  .smc-search__panel{
    left: var(--smc-h-pad);
    right: var(--smc-h-pad);
    width: auto;
  }
}
@media (max-width:640px){
  .smc-search__panel{
    left: 0; right: 0;
    padding-left: env(safe-area-inset-left, 0);
    padding-right: env(safe-area-inset-right, 0);
    width: auto;
  }
}
.smc-search__form{
  display:flex; align-items:center; gap:20px;
  height:76px;
  padding:24px 20px;
  background:#fff; border-radius:0 0 10px 10px;
  box-shadow: var(--smc-shadow-2, 0 12px 24px rgba(0,0,0,.08));
}
.smc-search__icon{ display:inline-flex; align-items:center; }
.smc-search__input{
  appearance:none; outline:0; border:0; background:transparent;
  flex:1 1 auto; min-width:0;
  font:500 18px/1.4 Montserrat, system-ui, Arial; color:var(--smc-ink, #091311);
}
.smc-search__input::placeholder{ color:var(--smc-grey,#8A8A8A); }
.smc-search__close{
  width:24px; height:24px; border:0; background:transparent;
  padding:0; margin-left:auto; cursor:pointer; color:var(--smc-ink,#091311);
}
@media (max-width:640px){
  .smc-search__form{
    height:64px; padding:16px; border-radius: 0 0 10px 10px;
  }
  .smc-search__input{ font-size:16px; }
}


/* =============================== [UTILS] ============================= */
body.smc-no-scroll{ overflow:hidden; }


/* ============================== [BAR:HOVER-FIX] ====================== */
.home .smc-site-header:not(.is-solid):hover .smc-header__bar,
.home .smc-site-header:not(.is-solid):focus-within .smc-header__bar{
  background:var(--smc-white) !important;
  box-shadow:var(--smc-shadow-1) !important;
}
.home .smc-site-header:not(.is-solid):hover .smc-menu a,
.home .smc-site-header:not(.is-solid):focus-within .smc-menu a,
.home .smc-site-header:not(.is-solid):hover .smc-lang__btn,
.home .smc-site-header:not(.is-solid):focus-within .smc-lang__btn,
.home .smc-site-header:not(.is-solid):hover .smc-nav-toggle,
.home .smc-site-header:not(.is-solid):focus-within .smc-nav-toggle,
.home .smc-site-header:not(.is-solid):hover .smc-search-btn,
.home .smc-site-header:not(.is-solid):focus-within .smc-search-btn{
  color:var(--smc-ink) !important;
}

/* ============================== [BAR:HOVER-FIX – UNIVERSAL] ====================== */
.smc-site-header[data-header-mode="overlay"]:not(.is-solid):hover .smc-header__bar,
.smc-site-header[data-header-mode="overlay"]:not(.is-solid):focus-within .smc-header__bar{
  background: transparent !important;
}
.smc-site-header[data-header-mode="overlay"]:not(.is-solid):hover .smc-menu a,
.smc-site-header[data-header-mode="overlay"]:not(.is-solid):focus-within .smc-menu a,
.smc-site-header[data-header-mode="overlay"]:not(.is-solid):hover .smc-lang__btn,
.smc-site-header[data-header-mode="overlay"]:not(.is-solid):focus-within .smc-lang__btn,
.smc-site-header[data-header-mode="overlay"]:not(.is-solid):hover .smc-nav-toggle,
.smc-site-header[data-header-mode="overlay"]:not(.is-solid):focus-within .smc-nav-toggle,
.smc-site-header[data-header-mode="overlay"]:not(.is-solid):hover .smc-search-btn,
.smc-site-header[data-header-mode="overlay"]:not(.is-solid):focus-within .smc-search-btn{
  color:var(--smc-ink) !important;
}

/* ============================== [LOGO:HOVER-FIX – UNIVERSAL] ====================== */
.smc-site-header[data-header-mode="overlay"]:not(.is-solid):hover .smc-logo__img--light,
.smc-site-header[data-header-mode="overlay"]:not(.is-solid):focus-within .smc-logo__img--light{ 
  display:none !important; 
}
.smc-site-header[data-header-mode="overlay"]:not(.is-solid):hover .smc-logo__img--dark,
.smc-site-header[data-header-mode="overlay"]:not(.is-solid):focus-within .smc-logo__img--dark{ 
  display:inline-block !important; 
}

/* ========================= [GREEN HOVER – ALWAYS] ==================== */
/* Цей блок має йти ПІСЛЯ BAR:HOVER-FIX */
.smc-site-header .smc-menu>li:hover>a,
.smc-site-header .smc-menu>li:focus-within>a,
.smc-site-header .smc-menu a:hover{
  color:var(--smc-green) !important;
}


/* ===== FORCE GREEN HOVER (works even when header is transparent) ===== */
header.smc-site-header .smc-primary-nav .smc-menu > li > a:hover,
header.smc-site-header .smc-primary-nav .smc-menu > li:hover > a,
header.smc-site-header .smc-primary-nav .smc-menu > li:focus-within > a,
.home header.smc-site-header:not(.is-solid) .smc-primary-nav .smc-menu > li > a:hover{
  color:#01A9A0 !important;
}

/* ===== SUBMENU: align under parent & keep pointer bridge ===== */
header.smc-site-header .smc-primary-nav .smc-menu > li{ position:relative; }

header.smc-site-header .smc-primary-nav .smc-menu > li > .sub-menu{
  position:absolute;
  left:0 !important;               /* рівно під пунктом */
  right:auto !important;
  top:calc(100% + 12px) !important;/* відступ вниз */
  margin-left:0 !important;
  transform:none !important;

  /* видимість керуємо ховером батька */
  opacity:0; visibility:hidden; pointer-events:none;

  /* стилі коробки (на випадок перекриття іншими файлами) */
  background:#fff; border:1px solid var(--smc-line); border-radius:12px;
  min-width:220px; padding:8px; z-index:1200;
  box-shadow:var(--smc-shadow-2, 0 12px 24px rgba(0,0,0,.08));
}

/* місток, щоб не рвався hover під час переходу курсора */
header.smc-site-header .smc-primary-nav .smc-menu > li > .sub-menu::before{
  content:""; position:absolute; left:0; right:0; top:-12px; height:12px;
}

/* показ підменю */
header.smc-site-header .smc-primary-nav .smc-menu > li:hover > .sub-menu,
header.smc-site-header .smc-primary-nav .smc-menu > li:focus-within > .sub-menu{
  opacity:1; visibility:visible; pointer-events:auto;
}

/* ==== SUBMENU FIX: рівно під пунктом + не зникає при переході курсора ==== */
header.smc-site-header .smc-primary-nav .smc-menu > li { position: relative; }

/* коробка підменю */
header.smc-site-header .smc-primary-nav .smc-menu > li > .sub-menu{
  position: absolute;
  left: 0 !important;             /* під батьківським пунктом */
  right: auto !important;
  top: 100% !important;           /* самий низ пункту */
  margin-top: 8px !important;     /* маленький відступ вниз */
  transform: none !important;

  opacity: 0; visibility: hidden; pointer-events: none;

  background: #fff;
  border: 1px solid var(--smc-line);
  border-radius: 12px;
  min-width: 220px;
  padding: 8px;
  z-index: 1600;                  /* над усім, що під хедером */
  box-shadow: var(--smc-shadow-2, 0 12px 24px rgba(0,0,0,.08));
}

/* «місток», що перекриває зазор між пунктом та меню */
header.smc-site-header .smc-primary-nav .smc-menu > li > .sub-menu::before{
  content: "";
  position: absolute;
  left: 0; right: 0;
  top: -16px;                     /* вище на висоту містка */
  height: 16px;                   /* достатньо, щоб курсор не “провалювався” */
}

/* показуємо підменю при ховері на пункті АБО на самому підменю */
header.smc-site-header .smc-primary-nav .smc-menu > li:hover > .sub-menu,
header.smc-site-header .smc-primary-nav .smc-menu > li:focus-within > .sub-menu,
header.smc-site-header .smc-primary-nav .smc-menu > li > .sub-menu:hover{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* ==================== АДАПТИВНІ ВІДСТУПИ ХЕДЕРА ==================== */
/* Відступи 70px зберігаються до планшетів */

/* Для планшетів */
@media (max-width: 1024px) {
  .smc-site-header .smc-container,
  .smc-site-header .container,
  .smc-site-header .wrap {
    padding-left: 24px !important;
    padding-right: 24px !important;
  }
}

/* Для мобільних */
@media (max-width: 768px) {
  .smc-site-header .smc-container,
  .smc-site-header .container,
  .smc-site-header .wrap {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
}

/* Додатково для малих екранів */
@media (max-width: 480px) {
  .smc-site-header .smc-container,
  .smc-site-header .container,
  .smc-site-header .wrap {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  
  .smc-header__bar {
    padding: 8px 0 !important;
    gap: 0 !important;
  }
  
  .smc-nav-toggle {
    width: 24px !important;
    height: 24px !important;
    border-radius: 0 !important;
    margin-left: 0 !important;
    justify-self: start !important;
    padding: 0 !important;
  }
  
  .smc-nav-toggle svg {
    width: 24px !important;
    height: 24px !important;
  }
  
  .smc-logo {
    justify-self: center !important;
  }
  
  .smc-header__actions {
    justify-self: end !important;
    margin-right: 0 !important;
  }
}