/* ===== FIX ELEMENTOR BUGS ===== */

/* @media (max-width: 767px) {
  .e-con-full {
    width: 100%;
    flex-direction: column;
    align-items: center;
  }
  
  .e-con-full > .e-con-full {
    width: 100%;
    align-items: flex-start;
  }
} */

/* ===== FIX JNEWS FORM BUG ===== */

@font-face{
  font-family:FontAwesome;
  src:url(font/fontawesome-webfont.eot);
  src:url(font/fontawesome-webfont.eot?#iefix&v=4.7.0) format("embedded-opentype"),
  url(font/fontawesome-webfont.woff2) format("woff2"),
  url(font/fontawesome-webfont.woff) format("woff"),
  url(font/fontawesome-webfont.ttf) format("truetype"),
  url(font/fontawesome-webfont.svg#fontawesomeregular) format("svg");
  font-weight:400;
  font-style:normal;
  font-display:swap
}

#commentform .comment-form-author,
#commentform .comment-form-email {
  width: 50%;
  float: left;
}

#commentform .comment-form-author {
  padding-right: 15px;
}

#commentform .comment-form-email {
  padding-right: 0;
}

#commentform .comment-form-url {
  display: none;
}

/* ===== Custom fonts ===== */

@font-face {
  font-family: 'icomoon';
  src:  url('font/icomoon.eot?yohug0');
  src:  url('font/icomoon.eot?yohug0#iefix') format('embedded-opentype'),
    url('font/icomoon.ttf?yohug0') format('truetype'),
    url('font/icomoon.woff?yohug0') format('woff'),
    url('font/icomoon.svg?yohug0#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

[class^="icon-"], [class*=" icon-"],
.fa.fa-comment-o,
.fa.fa-clock-o {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-shop:before {
  content: "\e903";
  color: #505050;
}

.icon-caret-down:before {
  content: "\e900";
  color: #505050;
}

.icon-clock:before,
.fa.fa-clock-o::before {
  content: "\e901";
  color: #505050;
}

.icon-comment:before,
.fa.fa-comment-o::before {
  content: "\e902";
  color: #505050;
}

.fa.fa-comment-o,
.fa.fa-clock-o {
  display: inline-block;
  vertical-align: middle;
  padding-bottom: 1px;
}

.fa.fa-comment-o::before,
.fa.fa-clock-o::before {
  color: inherit;
}

/* ===== Layouts ===== */

.container, .vc_column_container {
  padding-left: 10px;
  padding-right: 10px;
}

@media (min-width: 768px) {
  .container, .jeg_vc_content>.vc_element>.vc_row, .jeg_vc_content>.vc_element>.vc_row[data-vc-full-width=true]:not([data-vc-stretch-content=true])>.jeg-vc-wrapper, .jeg_vc_content>.vc_row, .jeg_vc_content>.vc_row[data-vc-full-width=true]:not([data-vc-stretch-content=true])>.jeg-vc-wrapper, .jeg_vc_content>.wpb-content-wrapper>.vc_element>.vc_row, .jeg_vc_content>.wpb-content-wrapper>.vc_element>.vc_row[data-vc-full-width=true]:not([data-vc-stretch-content=true])>.jeg-vc-wrapper, .jeg_vc_content>.wpb-content-wrapper>.vc_row, .jeg_vc_content>.wpb-content-wrapper>.vc_row[data-vc-full-width=true]:not([data-vc-stretch-content=true])>.jeg-vc-wrapper {
    max-width: 1100px; /* 1080px + 20px */
    padding-left: 10px;
    padding-right: 10px;
  }
}

@media (min-width: 992px) {
  .container, .jeg_vc_content>.vc_element>.vc_row, .jeg_vc_content>.vc_element>.vc_row[data-vc-full-width=true]:not([data-vc-stretch-content=true])>.jeg-vc-wrapper, .jeg_vc_content>.vc_row, .jeg_vc_content>.vc_row[data-vc-full-width=true]:not([data-vc-stretch-content=true])>.jeg-vc-wrapper, .jeg_vc_content>.wpb-content-wrapper>.vc_element>.vc_row, .jeg_vc_content>.wpb-content-wrapper>.vc_element>.vc_row[data-vc-full-width=true]:not([data-vc-stretch-content=true])>.jeg-vc-wrapper, .jeg_vc_content>.wpb-content-wrapper>.vc_row, .jeg_vc_content>.wpb-content-wrapper>.vc_row[data-vc-full-width=true]:not([data-vc-stretch-content=true])>.jeg-vc-wrapper {
    max-width: 1340px; /* 1320px + 20px */
    padding-left: 10px;
    padding-right: 10px;
  }
}

/* ===== Navigation ===== */

.custom-mega-menu {
  display: none !important;
  opacity: 1 !important;
  transform: unset !important;
}

.custom-mega-menu.is-opened {
  display: block !important;
}

/* ===== Sticky navigation ===== */

.jeg_header .jeg_sticky_nav .jeg_menu.jeg_main_menu > li > a,
.jeg_header .jeg_sticky_nav .jeg_menu.jeg_main_menu > li > a::after,
.jeg_header .jeg_sticky_nav .jeg_menu.jeg_main_menu > li.sfHover > a::after {
  color: #505050;
}

.jeg_header .jeg_sticky_nav .jeg_menu.jeg_main_menu > li > a:hover,
.jeg_header .jeg_sticky_nav .jeg_menu.jeg_main_menu > li > a:hover::after {
  color: #FF6600;
}

/* ===== Navigation button ===== */

.nav-link-button {
  display: flex;
  align-items: center;
}

.nav-link-button a.btn,
.nav-link-button a.btn i::before {
  color: #ffffff;
}

.nav-link-button a.btn {
  display: inline-flex;
  align-items: center;
  border-radius: 4px;
  font-weight: 600;
  font-size: 14px;
  padding: 9px 14px;
  height: 44px;
}

.nav-link-button a.btn i {
  font-size: 26px;
  margin-right: 12px;
}

/* ===== Dropdown component ===== */

.dropdown-wrapper {
  position: relative;
}

.dropdown {
  transition: visibility .24s 0s, z-index 0s .24s;
	animation: slideDownOut .24s forwards;
	transform-origin: top;
	position: absolute;
	top: 100%;
	left: 0;
	visibility: hidden;
	z-index: -1;
}

.dropdown.is-opened {
  transition: visibility .24s 0s, z-index 0s 0s;
  animation: slideDownIn .24s forwards;
  z-index: 1;
  visibility: visible;
}

.dropdown.top-full {
  top: 100%;
  left: 0;
  right: 0;
}

.dropdown.top-right {
  top: 100%;
  left: 0;
}

.dropdown.top-left {
  top: 100%;
  right: 0;
}

@keyframes slideDownIn {
	0% {
		transform: scaleY(0.8);
		opacity: 0;
	}

	to {
		transform: scaleY(1);
		opacity: 1;
	}
}

@keyframes slideDownOut {
	0% {
		transform: scaleY(1);
		opacity: 1;
	}

	to {
		transform: scaleY(0.8);
		opacity: 0;
	}
}

/* ===== Lang switcher ===== */

.lang-switcher {
  color: #505050;
}

.lang-switcher__button {
  display: flex;
  align-items: center;
  font-size: 600;
  cursor: pointer;
}

.lang-switcher__button svg {
  transition: transform .24s;
  fill: #505050;
  width: 16px;
  height: 16px;
  min-width: 16px;
  min-height: 16px;
  margin-left: 4px;
}

.lang-switcher__button.is-focues svg {
  transform: rotate(180deg);
}

.lang-switcher__dropdown.top-left {
  top: calc(100% + 7px);
  left: unset;
}

.lang-switcher__dropdown-inner {
  padding: 24px;
  border-radius: 3px;
  box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.04);
  background-color: #fff;
}

.lang-switcher__dropdown-inner li {
  width: max-content;
}

.lang-switcher__dropdown-inner li:not(:last-child) {
  padding-bottom: 12px;
  margin-bottom: 12px;
  border-bottom: 1px solid #EEEEEE;
}

.lang-switcher__dropdown-inner a {
  display: flex;
  align-items: center;
  color: #505050;
}

.lang-switcher__dropdown-inner a img {
  margin-right: 8px;
}

/* ===== Tabs component ===== */

.jeg_postblock_5 .jeg_block_heading {
  margin-bottom: 50px;
}

.jeg_postblock_5 .jeg_block_heading::after {
  content: unset;
}

.jeg_postblock_5 .jeg_block_heading .jeg_block_title,
.jeg_postblock_5 .jeg_block_heading .okayNav,
.jeg_postblock_5 .jeg_block_heading .jeg_subcat,
.jeg_postblock_5 .jeg_block_heading .jeg_subcat_list {
  float: unset;
}

.jeg_postblock_5 .jeg_block_heading .okayNav {
  margin-bottom: -12px;
}

.jeg_postblock_5 .jeg_block_heading .okayNav ul {
  display: contents;
}

.jeg_postblock_5 .jeg_block_heading .okayNav li {
  margin-right: 12px !important;
  margin-bottom: 12px !important;
}

.jeg_postblock_5 .jeg_block_heading .okayNav li:last-child {
  margin-right: 0 !important;
}

.jeg_postblock_5 .jeg_block_heading .okayNav li a {
  padding-left: 12px;
  padding-right: 12px;
  height: unset !important;
  line-height: 40px !important;
  border-radius: 4px;
}

.jeg_postblock_5 .jeg_block_heading .okayNav li a.current {
  color: #fff;
  background-color: #FF6600;
}

.jeg_postblock_5 .jeg_block_heading .okayNav li a.current:hover {
  color: #fff;
}

.jeg_postblock_5 .jeg_block_heading .okayNav .okayNav__menu-toggle {
  display: none;
}

@media (max-width: 992px) {
  .jeg_postblock_5 .jeg_block_heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
  }

  .jeg_postblock_5 .jeg_block_heading .okayNav li a {
    font-size: 14px;
  }
}

/* ===== Related posts ===== */

#related-post .jeg_posts {
  display: unset;
  -webkit-flex-wrap: unset;
  flex-wrap: unset;
  align-items: unset;
  margin-right: unset;
}

#related-post .jeg_post {
  float: unset;
  width: unset;
  padding-right: unset;
}

/* ===== Instagram posts ===== */

.jeg_instagram_feed .thumbnail-container {
  padding-bottom: 125%;
}
.jeg_instagram_feed .thumbnail-container img {
  aspect-ratio: 4 / 5;
}

/* Головне меню: підменю відкривається по кліку (див. assets/js/menu-click.js).
   У li.jeg_megamenu.custom тема рендерить два підменю одразу: div.sub-menu.custom-mega-menu
   з вмістом Elementor і звичайний ul.sub-menu. Правило теми ховає ul через !important,
   а єдине правило показу в темі — li:hover>ul, тобто для div показу немає взагалі.
   Керуємо класом e24-open. Специфічність тут вища за .jeg_menu li:hover>ul,
   тому відкриття наведенням більше не сработає. */
ul.jeg_menu.jeg_main_menu > li.menu-item-has-children > div.sub-menu.custom-mega-menu,
ul.jeg_menu.jeg_main_menu > li.menu-item-has-children > ul.sub-menu{display:none}
ul.jeg_menu.jeg_main_menu > li.menu-item-has-children.e24-open > div.sub-menu.custom-mega-menu,
ul.jeg_menu.jeg_main_menu > li.menu-item-has-children.e24-open:not(.jeg_megamenu) > ul.sub-menu{
	display:block !important;
	visibility:visible !important;
	opacity:1 !important;
}
/* Стрілка пункту повертається, коли меню розкрите. */
ul.jeg_menu.jeg_main_menu > li.e24-open > a.sf-with-ul:after{transform:rotate(180deg)}

/* e24-lang-switcher: перемикач мов без прапорців (див. inc/lang-switcher.php). */
.jeg_lang_switcher .jeg_top_lang_switcher img,
.jeg_mobile_lang_switcher .jeg_top_lang_switcher img{display:none}
.jeg_lang_switcher .jeg_top_lang_switcher > li{padding-right:0}

.jeg_lang_switcher img, .jeg_top_lang_switcher img, .jeg_mobile_lang_switcher img{display:none !important}


/* e24-cls: резервування місця під логотип.
   logo-new.svg має власні розміри 121x46, але тема не виводить width/height у <img>,
   тому браузер дізнається розмір лише після завантаження файла і висота хедера стрибає.
   Це давало основний внесок у CLS — зсувалося все, що нижче. */
.jeg_logo_img{aspect-ratio:121 / 46}
.jeg_midbar .jeg_logo_img,
.jeg_navbar .jeg_logo_img,
.jeg_topbar .jeg_logo_img,
.jeg_bottombar .jeg_logo_img,
.jeg_mobile_logo .jeg_logo_img{width:121px;height:46px;max-height:46px}


/* e24-empty-meta: порожній мета-блок у шаблоні запису.
   Ми прибрали дату й лічильник коментарів, але віджет
   jnews_post_meta_elementor все одно рендерить обгортку з порожніми
   .meta_left і .meta_right — це давало 55 px пустоти плюс відступи.
   :has() дозволяє прибрати саме порожній віджет, не торкаючись тих,
   де мета справді є (напр. автор або рубрика). */
.elementor-widget-jnews_post_meta_elementor:has(.meta_left:empty):has(.meta_right:empty){display:none}
.jeg_post_meta.jeg_custom_meta_wrapper:has(> .meta_left:empty):has(> .meta_right:empty){display:none}
/* Страхування для браузерів без :has() — без відступів і висоти. */
.jeg_post_meta.jeg_custom_meta_wrapper > .meta_left:empty,
.jeg_post_meta.jeg_custom_meta_wrapper > .meta_right:empty{display:none}


/* e24-hshift: горизонтальний зсув.
   1) Смуга прокрутки. Доки сторінка низька, смуги немає; коли контент
      добирає висоти, смуга з’являється й звужує область на ~15 px —
      усе зміщується вліво. scrollbar-gutter резервує місце завжди.
   2) Іконка кнопки й стрілки меню малюються іконковим шрифтом icomoon.
      До його завантаження гліф має іншу ширину, тому кнопка й права
      колонка хедера змінюють ширину. Задаємо фіксоване місце. */
html{scrollbar-gutter:stable}
.jeg_button_1 .btn i,
.jeg_button_mobile .btn i,
.jeg_button_drawer .btn i{display:inline-block;width:26px;min-width:26px;text-align:center;flex:0 0 26px}
.jeg_menu .sf-with-ul:after{display:inline-block;width:1em;min-width:1em;text-align:center}

/* e24-lang-switch: власний перемикач мов ([e24_lang]).
   Відкривається checkbox-ом — без JS, тому не залежить від скриптів теми. */
.e24-lang{position:relative;display:inline-block;vertical-align:middle;line-height:1}
.e24-lang-cb{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.e24-lang-btn{
	display:inline-flex;align-items:center;gap:6px;
	margin:0;padding:9px 12px;
	border:1px solid rgba(0,0,0,.18);border-radius:4px;
	color:#1f2933;font-size:14px;font-weight:600;line-height:1;
	white-space:nowrap;cursor:pointer;user-select:none;
}
.e24-lang-btn i{display:inline-block;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid currentColor;transition:transform .2s}
.e24-lang-cb:checked ~ .e24-lang-btn i{transform:rotate(180deg)}
.e24-lang-list{
	display:none;position:absolute;left:0;top:calc(100% + 6px);z-index:60;
	min-width:100%;padding:4px 0;
	background:#fff;border-radius:4px;box-shadow:0 6px 20px rgba(0,0,0,.18);
}
.e24-lang--up .e24-lang-list{top:auto;bottom:calc(100% + 6px)}
.e24-lang-cb:checked ~ .e24-lang-list{display:block}
.e24-lang-list a{display:block;padding:9px 14px;color:#1f2933;font-size:14px;font-weight:600;line-height:1;white-space:nowrap;text-decoration:none;border:0}
.e24-lang-list a:hover{background:#fdf6f1;color:#e05a00}
/* Мобільна панель: кнопка Магазин і перемикач в одному рядку.
   Тема дає кожному .jeg_aside_item padding 10px 20px — це й викликало перенос. */
.jeg_mobile_wrapper .item_bottom{display:flex !important;flex-direction:row !important;align-items:center;justify-content:flex-start !important;flex-wrap:nowrap !important;gap:12px;padding:16px 20px}
.jeg_mobile_wrapper .item_bottom > .jeg_aside_item{margin:0 !important;padding:0 !important;width:auto !important;flex:0 0 auto;border:0}
.jeg_mobile_wrapper .item_bottom > .jeg_aside_item:after{display:none}