.elementor-widget-section .premium-global-badge-{{ID}} .premium-badge-text{color:var( --e-global-color-secondary );}.elementor-widget-section:not(.premium-gbadge-custom) .premium-global-badge-{{ID}} .premium-badge-container, .elementor-widget-section.premium-gbadge-custom .premium-global-badge-{{ID}} .premium-badge-container{background-color:var( --e-global-color-primary );}.elementor-widget-section .premium-global-badge-{{ID}} .premium-badge-icon{color:var( --e-global-color-secondary );fill:var( --e-global-color-secondary );}.elementor-widget-section.premium-cursor-ftext .premium-global-cursor-{{ID}} .premium-cursor-follow-text{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-section .premium-global-cursor-{{ID}}{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );}.elementor-50 .elementor-element.elementor-element-79f834a7 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-50 .elementor-element.elementor-element-79f834a7:not(.elementor-motion-effects-element-type-background), .elementor-50 .elementor-element.elementor-element-79f834a7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#00000000;}.elementor-50 .elementor-element.elementor-element-79f834a7:hover{background-color:#00000000;}.elementor-50 .elementor-element.elementor-element-79f834a7 > .elementor-container{min-height:56px;}.elementor-50 .elementor-element.elementor-element-79f834a7{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:16px 60px 16px 60px;}.elementor-50 .elementor-element.elementor-element-79f834a7 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-widget-column.premium-cursor-ftext .premium-global-cursor-{{ID}} .premium-cursor-follow-text{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-column .premium-global-cursor-{{ID}}{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );}.elementor-widget-column .premium-global-badge-{{ID}} .premium-badge-text{color:var( --e-global-color-secondary );}.elementor-widget-column:not(.premium-gbadge-custom) .premium-global-badge-{{ID}} .premium-badge-container, .elementor-widget-column.premium-gbadge-custom .premium-global-badge-{{ID}} .premium-badge-container{background-color:var( --e-global-color-primary );}.elementor-widget-column .premium-global-badge-{{ID}} .premium-badge-icon{color:var( --e-global-color-secondary );fill:var( --e-global-color-secondary );}.elementor-50 .elementor-element.elementor-element-24aeb0ab:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-50 .elementor-element.elementor-element-24aeb0ab > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#00000000;}.elementor-bc-flex-widget .elementor-50 .elementor-element.elementor-element-24aeb0ab.elementor-column .elementor-widget-wrap{align-items:middle;}.elementor-50 .elementor-element.elementor-element-24aeb0ab.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:middle;align-items:middle;}.elementor-50 .elementor-element.elementor-element-24aeb0ab > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-50 .elementor-element.elementor-element-24aeb0ab > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-widget-html.premium-cursor-ftext .premium-global-cursor-{{ID}} .premium-cursor-follow-text{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-html .premium-global-cursor-{{ID}}{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );}.elementor-widget-html .premium-global-badge-{{ID}} .premium-badge-text{color:var( --e-global-color-secondary );}.elementor-widget-html:not(.premium-gbadge-custom) .premium-global-badge-{{ID}} .premium-badge-container, .elementor-widget-html.premium-gbadge-custom .premium-global-badge-{{ID}} .premium-badge-container{background-color:var( --e-global-color-primary );}.elementor-widget-html .premium-global-badge-{{ID}} .premium-badge-icon{color:var( --e-global-color-secondary );fill:var( --e-global-color-secondary );}.elementor-50 .elementor-element.elementor-element-1515f162:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-50 .elementor-element.elementor-element-1515f162 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#00000000;}.elementor-bc-flex-widget .elementor-50 .elementor-element.elementor-element-1515f162.elementor-column .elementor-widget-wrap{align-items:middle;}.elementor-50 .elementor-element.elementor-element-1515f162.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:middle;align-items:middle;}.elementor-50 .elementor-element.elementor-element-1515f162 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-50 .elementor-element.elementor-element-1515f162 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-50 .elementor-element.elementor-element-7d3160a5:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-50 .elementor-element.elementor-element-7d3160a5 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#00000000;}.elementor-bc-flex-widget .elementor-50 .elementor-element.elementor-element-7d3160a5.elementor-column .elementor-widget-wrap{align-items:middle;}.elementor-50 .elementor-element.elementor-element-7d3160a5.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:middle;align-items:middle;}.elementor-50 .elementor-element.elementor-element-7d3160a5 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-50 .elementor-element.elementor-element-7d3160a5 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-50:not(.elementor-motion-effects-element-type-background), .elementor-50 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#00000000;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}/* Start custom CSS for section, class: .elementor-element-79f834a7 */position: fixed !important; top: 0; left: 0; right: 0; z-index: 9999; background: rgba(20, 12, 4, 0.55) !important; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border-bottom: 1px solid rgba(200,149,106,0.1); transition: background 0.4s ease;/* End custom CSS */
/* Start custom CSS *//* ================================================
   COMEO PORTE — Глобальні стилі
   Вставити в: WordPress → Зовнішній вигляд → 
   Додатковий CSS  (або Elementor → Custom CSS)
   ================================================ */

/* --- Імпорт шрифтів --- */
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Montserrat:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300&display=swap');

/* --- Загальні налаштування --- */
*, *::before, *::after { box-sizing: border-box; }

body {
  font-family: 'Montserrat', sans-serif;
  background-color: #1a1008;
  color: #f5ede0;
  margin: 0;
  padding: 0;
  overflow-x: hidden;
}

/* --- Прибрати відступ зверху через fixed хедер --- */
.elementor-location-header ~ * {
  margin-top: 0 !important;
}

/* ================================================
   ХЕДЕР — ВИПРАВЛЕННЯ БІЛОГО ФОНУ
   ================================================ */

/* Прозорий фон для всього хедера */
.elementor-location-header,
.elementor-location-header .elementor-section,
.elementor-location-header .e-con,
.elementor-location-header .e-con-inner {
  background: transparent !important;
  background-color: transparent !important;
}

/* Стилі самого хедера */
.elementor-location-header {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  z-index: 9999 !important;
  background: rgba(15, 9, 3, 0.6) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  border-bottom: 1px solid rgba(200, 149, 106, 0.12) !important;
  transition: background 0.4s ease !important;
}

/* Хедер при скролі — трохи темніший */
.elementor-location-header.scrolled {
  background: rgba(15, 9, 3, 0.92) !important;
}

/* Відступ для body щоб контент не ховався під хедером */
body {
  padding-top: 56px;
}

/* Якщо є page-wrapper або site-main */
.site-main,
.wp-site-blocks,
#page,
#content {
  padding-top: 0 !important;
  margin-top: 0 !important;
}

/* Перший section після хедера — без відступу */
.elementor-section:first-of-type,
.e-con:first-of-type {
  margin-top: 0 !important;
}

/* ================================================
   НАВІГАЦІЯ В ХЕДЕРІ
   ================================================ */
.elementor-location-header .elementor-nav-menu a,
.elementor-location-header .elementor-nav-menu li a {
  color: rgba(245, 237, 224, 0.75) !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  letter-spacing: 1.5px !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  transition: color 0.3s ease !important;
  padding: 6px 0 !important;
  background: transparent !important;
}

.elementor-location-header .elementor-nav-menu a:hover,
.elementor-location-header .elementor-nav-menu li.current-menu-item > a {
  color: #c8956a !important;
}

/* Прибрати підкреслення і фон пунктів меню */
.elementor-location-header .elementor-nav-menu .sub-menu {
  background: rgba(15, 9, 3, 0.95) !important;
  border: 1px solid rgba(200, 149, 106, 0.2) !important;
}

/* ================================================
   ГЛОБАЛЬНІ КОЛЬОРИ — CSS ЗМІННІ
   ================================================ */
:root {
  --cp-dark:        #1a1008;
  --cp-dark2:       #2a1f10;
  --cp-dark3:       #3a2a18;
  --cp-brown:       #4a3520;
  --cp-gold:        #c8956a;
  --cp-gold-light:  #e0b48a;
  --cp-beige:       #f2e8d9;
  --cp-beige2:      #ede0c8;
  --cp-text:        #f5ede0;
  --cp-muted:       #a89070;
  --cp-white:       #ffffff;
}

/* ================================================
   ГЛОБАЛЬНА ТИПОГРАФІКА
   ================================================ */

/* Заголовки через Bebas Neue */
h1, h2, h3,
.elementor-heading-title {
  font-family: 'Bebas Neue', sans-serif !important;
}

/* Підзаголовки та текст через Montserrat */
h4, h5, h6, p, a, span, li,
.elementor-widget-text-editor,
.elementor-widget-text-editor p {
  font-family: 'Montserrat', sans-serif;
}

/* ================================================
   КНОПКИ — ГЛОБАЛЬНИЙ СТИЛЬ
   ================================================ */

/* Золота кнопка */
.elementor-button.cp-gold,
.wp-block-button.cp-gold .wp-block-button__link {
  background: #c8956a !important;
  color: #1a1008 !important;
  border: none !important;
  border-radius: 0 !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 2px !important;
  text-transform: uppercase !important;
  padding: 14px 32px !important;
  transition: all 0.3s ease !important;
}

.elementor-button.cp-gold:hover {
  background: #e0b48a !important;
  transform: translateY(-2px) !important;
}

/* Контурна кнопка */
.elementor-button.cp-outline {
  background: transparent !important;
  color: #f5ede0 !important;
  border: 1px solid rgba(200, 149, 106, 0.4) !important;
  border-radius: 24px !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: 1.5px !important;
  text-transform: uppercase !important;
  transition: all 0.3s ease !important;
}

.elementor-button.cp-outline:hover {
  border-color: #c8956a !important;
  color: #c8956a !important;
  background: rgba(200, 149, 106, 0.08) !important;
}

/* ================================================
   ELEMENTOR — ВИПРАВЛЕННЯ ЗАГАЛЬНИХ ПРОБЛЕМ
   ================================================ */

/* Прибрати білий фон з усіх секцій Elementor */
.elementor-section,
.e-con,
.elementor-widget-wrap {
  background-color: transparent;
}

/* Smooth scroll */
html {
  scroll-behavior: smooth;
}

/* Прибрати outline при кліку */
a:focus, button:focus, input:focus {
  outline: none;
}

/* ================================================
   ФОРМИ — ГЛОБАЛЬНИЙ СТИЛЬ
   ================================================ */
.elementor-form .elementor-field-group input,
.elementor-form .elementor-field-group textarea,
.elementor-form .elementor-field-group select {
  background: rgba(200, 149, 106, 0.08) !important;
  border: 1px solid rgba(200, 149, 106, 0.2) !important;
  color: #f5ede0 !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: 13px !important;
  border-radius: 0 !important;
  padding: 13px 16px !important;
  transition: border-color 0.3s !important;
}

.elementor-form .elementor-field-group input:focus,
.elementor-form .elementor-field-group textarea:focus {
  border-color: #c8956a !important;
  background: rgba(200, 149, 106, 0.12) !important;
}

.elementor-form .elementor-field-group input::placeholder,
.elementor-form .elementor-field-group textarea::placeholder {
  color: rgba(168, 144, 112, 0.5) !important;
}

.elementor-form .elementor-field-label {
  color: #a89070 !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: 10px !important;
  font-weight: 600 !important;
  letter-spacing: 1.5px !important;
  text-transform: uppercase !important;
}

/* ================================================
   POPUP — OVERLAY ФІКСОВАНИЙ
   ================================================ */
#cpPopupOverlay {
  position: fixed !important;
  z-index: 99999 !important;
}

/* ================================================
   СКРОЛ — КАСТОМНИЙ СКРОЛБАР
   ================================================ */
::-webkit-scrollbar {
  width: 6px;
}

::-webkit-scrollbar-track {
  background: #1a1008;
}

::-webkit-scrollbar-thumb {
  background: #4a3520;
  border-radius: 3px;
}

::-webkit-scrollbar-thumb:hover {
  background: #c8956a;
}

/* ================================================
   JS — ХЕДЕР DARKENING ON SCROLL
   Вставити в: Elementor → Custom Code → Body
   або Functions.php
   ================================================ */
/*
<script>
window.addEventListener('scroll', function() {
  var header = document.querySelector('.elementor-location-header');
  if (!header) return;
  if (window.scrollY > 40) {
    header.classList.add('scrolled');
  } else {
    header.classList.remove('scrolled');
  }
});
</script>
*//* End custom CSS */