/* ===================================================================
   🎃 HALLOWEEN THEME — применяется ТОЛЬКО на страницах 20405 и 20228
   Никаких изменений на остальных страницах!
   =================================================================== */

/* СКОУП + переменные */
:is(
  body.page-id-20405, body.postid-20405, body.elementor-page-20405,
  body.page-id-20228, body.postid-20228, body.elementor-page-20228,
  .elementor.elementor-20405, .elementor.elementor-20228
){
  --web-img: url('https://biotek.ua/wp-content/uploads/2025/10/header-scaled.jpg');
  --foot-img: url('https://biotek.ua/wp-content/uploads/2025/10/header-scaled.jpg');
  --bg: #000;
  --bg-2: #0b0d11;
  --text: #f3f4f6;
  --text-muted: #d1d5db;
  --link: #fff;
  --link-hover: #ff5c00;
  --border: rgba(255,255,255,.16);
  --divider: rgba(255,255,255,.18);
}

/* ================================================================
   1) HEADER — единый фон для ТРЁХ секций (верхняя/поиск/лого+меню)
   Секции: #head_new, .elementor-element-7e7f47a7, .elementor-element-be56dcb
   ================================================================ */
:is(
  body.page-id-20405, body.postid-20405, body.elementor-page-20405,
  body.page-id-20228, body.postid-20228, body.elementor-page-20228
)
:where(#head_new, .elementor-element-7e7f47a7, .elementor-element-be56dcb){
  position: relative;
  background: var(--bg) !important;
  background-image: var(--web-img) !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: center top !important;
  background-attachment: fixed !important;
  color: var(--text) !important;
  overflow: visible;
}

/* затемнение */
:is(
  body.page-id-20405, body.postid-20405, body.elementor-page-20405,
  body.page-id-20228, body.postid-20228, body.elementor-page-20228
)
:where(#head_new, .elementor-element-7e7f47a7, .elementor-element-be56dcb)::before{
  content:"";
  position:absolute; inset:0;
  background: rgba(0,0,0,.65);
  pointer-events:none;
  z-index:1;
}

/* контент поверх затемнения */
:is(
  body.page-id-20405, body.postid-20405, body.elementor-page-20405,
  body.page-id-20228, body.postid-20228, body.elementor-page-20228
)
:where(#head_new, .elementor-element-7e7f47a7, .elementor-element-be56dcb) .elementor-container{
  position:relative; z-index:2;
}

/* вырубаем parallax у этих секций */
:is(
  body.page-id-20405, body.postid-20405, body.elementor-page-20405,
  body.page-id-20228, body.postid-20228, body.elementor-page-20228
)
:where(#head_new, .elementor-element-7e7f47a7, .elementor-element-be56dcb)
.jet-parallax-section__image{
  background:none !important;
  transform:none !important;
  transition:none !important;
  animation:none !important;
  will-change:auto !important;
  background-attachment:scroll !important;
}

/* светлые ссылки/иконки только в хедере Halloween-страниц */
:is(
  body.page-id-20405, body.postid-20405, body.elementor-page-20405,
  body.page-id-20228, body.postid-20228, body.elementor-page-20228
)
:where(#head_new, .elementor-element-7e7f47a7, .elementor-element-be56dcb)
a,
:is(
  body.page-id-20405, body.postid-20405, body.elementor-page-20405,
  body.page-id-20228, body.postid-20228, body.elementor-page-20228
)
:where(#head_new, .elementor-element-7e7f47a7, .elementor-element-be56dcb)
.elementor-icon,
:is(
  body.page-id-20405, body.postid-20405, body.elementor-page-20405,
  body.page-id-20228, body.postid-20228, body.elementor-page-20228
)
:where(#head_new, .elementor-element-7e7f47a7, .elementor-element-be56dcb)
.eicon{
  color: var(--link) !important; fill: var(--link) !important;
}
:is(
  body.page-id-20405, body.postid-20405, body.elementor-page-20405,
  body.page-id-20228, body.postid-20228, body.elementor-page-20228
)
:where(#head_new, .elementor-element-7e7f47a7, .elementor-element-be56dcb)
a:hover{ opacity:.85; }

/* кнопка «ОТРИМАННЯ/ПОЛУЧЕНИЕ РЕЗУЛЬТАТІВ» в шапке */
:is(
  body.page-id-20405, body.postid-20405, body.elementor-page-20405,
  body.page-id-20228, body.postid-20228, body.elementor-page-20228
) .elementor-element-e29db3e .elementor-button{
  background:transparent !important;
  color:var(--link) !important;
  border:1px solid var(--link) !important;
  box-shadow:none !important;
}
:is(
  body.page-id-20405, body.postid-20405, body.elementor-page-20405,
  body.page-id-20228, body.postid-20228, body.elementor-page-20228
) .elementor-element-e29db3e .elementor-button:hover{
  opacity:.85; filter:drop-shadow(0 0 6px rgba(255,255,255,.15));
}

/* поиск + хлебные крошки (средняя голубая полоса) */
:is(
  body.page-id-20405, body.postid-20405, body.elementor-page-20405,
  body.page-id-20228, body.postid-20228, body.elementor-page-20228
) .elementor-element-7e7f47a7 .jet-search__field{
  background: rgba(255,255,255,.15); color:#fff;
  border:1px solid rgba(255,255,255,.3);
}
:is(
  body.page-id-20405, body.postid-20405, body.elementor-page-20405,
  body.page-id-20228, body.postid-20228, body.elementor-page-20228
) .elementor-element-7e7f47a7 .jet-search__field::placeholder{ color:#ddd; }
:is(
  body.page-id-20405, body.postid-20405, body.elementor-page-20405,
  body.page-id-20228, body.postid-20228, body.elementor-page-20228
) .elementor-element-7e7f47a7 .jet-search__submit svg{ fill:#fff; }
:is(
  body.page-id-20405, body.postid-20405, body.elementor-page-20405,
  body.page-id-20228, body.postid-20228, body.elementor-page-20228
) .elementor-element-7e7f47a7 .jet-breadcrumbs__item-sep span{ color:var(--link-hover) !important; }

/* выпадающие меню (дропдауны/мегаменю) — тёмные только на Halloween */
:is(
  body.page-id-20405, body.postid-20405, body.elementor-page-20405,
  body.page-id-20228, body.postid-20228, body.elementor-page-20228
) .jet-menu .jet-dropdown,
:is(
  body.page-id-20405, body.postid-20405, body.elementor-page-20405,
  body.page-id-20228, body.postid-20228, body.elementor-page-20228
) .jet-menu .jet-sub-mega-menu,
:is(
  body.page-id-20405, body.postid-20405, body.elementor-page-20405,
  body.page-id-20228, body.postid-20228, body.elementor-page-20228
) .jet-menu .jet-mega-menu{
  background: rgba(0,0,0,.92) !important;
  border:1px solid var(--border) !important;
  box-shadow:0 4px 20px rgba(0,0,0,.6) !important;
}
:is(
  body.page-id-20405, body.postid-20405, body.elementor-page-20405,
  body.page-id-20228, body.postid-20228, body.elementor-page-20228
) .jet-menu .jet-dropdown a,
:is(
  body.page-id-20405, body.postid-20405, body.elementor-page-20405,
  body.page-id-20228, body.postid-20228, body.elementor-page-20228
) .jet-menu .jet-sub-mega-menu a,
:is(
  body.page-id-20405, body.postid-20405, body.elementor-page-20405,
  body.page-id-20228, body.postid-20228, body.elementor-page-20228
) .jet-menu .jet-mega-menu a{
  color:#fff !important;
}
:is(
  body.page-id-20405, body.postid-20405, body.elementor-page-20405,
  body.page-id-20228, body.postid-20228, body.elementor-page-20228
) .jet-menu .jet-dropdown a:hover,
:is(
  body.page-id-20405, body.postid-20405, body.elementor-page-20405,
  body.page-id-20228, body.postid-20228, body.elementor-page-20228
) .jet-menu .jet-sub-mega-menu a:hover,
:is(
  body.page-id-20405, body.postid-20405, body.elementor-page-20405,
  body.page-id-20228, body.postid-20228, body.elementor-page-20228
) .jet-menu .jet-mega-menu a:hover{
  color:var(--link-hover) !important;
  background:transparent !important;
}

/* ================================================================
   2) FOOTER — статичная «паутинка» + затемнение (без parallax)
   Секция: .elementor-element-35143e5
   ================================================================ */
:is(
  body.page-id-20405, body.postid-20405, body.elementor-page-20405,
  body.page-id-20228, body.postid-20228, body.elementor-page-20228
) .elementor-element-35143e5{
  position:relative;
  background: var(--bg) !important;
  color: var(--text) !important;
  background-image: var(--foot-img) !important;
  background-repeat:no-repeat !important;
  background-size: cover !important;
  background-position:center top !important;
  background-attachment: fixed !important;
}
:is(
  body.page-id-20405, body.postid-20405, body.elementor-page-20405,
  body.page-id-20228, body.postid-20228, body.elementor-page-20228
) .elementor-element-35143e5 .jet-parallax-section__image{
  background:none !important;
  transform:none !important;
  transition:none !important;
  animation:none !important;
  background-attachment:scroll !important;
}
:is(
  body.page-id-20405, body.postid-20405, body.elementor-page-20405,
  body.page-id-20228, body.postid-20228, body.elementor-page-20228
) .elementor-element-35143e5::after{
  content:""; position:absolute; inset:0; pointer-events:none;
  background: linear-gradient(0deg, rgba(0,0,0,.55), rgba(0,0,0,.35));
  z-index:1;
}
:is(
  body.page-id-20405, body.postid-20405, body.elementor-page-20405,
  body.page-id-20228, body.postid-20228, body.elementor-page-20228
) .elementor-element-35143e5 .elementor-container{ position:relative; z-index:2; }
:is(
  body.page-id-20405, body.postid-20405, body.elementor-page-20405,
  body.page-id-20228, body.postid-20228, body.elementor-page-20228
) .elementor-element-35143e5 a{
  color: var(--link) !important;
}
:is(
  body.page-id-20405, body.postid-20405, body.elementor-page-20405,
  body.page-id-20228, body.postid-20228, body.elementor-page-20228
) .elementor-element-35143e5 a:hover{ opacity:.85; }
:is(
  body.page-id-20405, body.postid-20405, body.elementor-page-20405,
  body.page-id-20228, body.postid-20228, body.elementor-page-20228
) .elementor-element-35143e5 .elementor-divider-separator{
  border-color: var(--divider) !important;
}

/* ================================================================
   3) Нижняя полоса под футером (если выводится)
   Секция: .elementor-element-b40baac
   ================================================================ */
:is(
  body.page-id-20405, body.postid-20405, body.elementor-page-20405,
  body.page-id-20228, body.postid-20228, body.elementor-page-20228
) .elementor-element-b40baac{
  background: var(--bg) !important;
  color: var(--text-muted) !important;
  border:0 !important; box-shadow:none !important;
}
:is(
  body.page-id-20405, body.postid-20405, body.elementor-page-20405,
  body.page-id-20228, body.postid-20228, body.elementor-page-20228
) .elementor-element-b40baac a{ color: var(--link) !important; }