@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: "woodmart-font";
	src: url("//beetop.agency/wp-content/themes/woodmart/fonts/woodmart-font-1-400.woff2?v=7.2.4") format("woff2");
}

.wd-popup.wd-promo-popup{
	background-color:#111111;
	background-image: none;
	background-repeat:no-repeat;
	background-size:contain;
	background-position:left center;
}

.page-title-default{
	background-color:rgb(0,7,71);
	background-image: none;
	background-size:cover;
	background-position:center center;
}

:root{
--wd-text-font:"Lexend", Arial, Helvetica, sans-serif;
--wd-text-font-weight:300;
--wd-text-color:rgb(0,0,0);
--wd-text-font-size:16px;
}
:root{
--wd-title-font:"Manrope", Arial, Helvetica, sans-serif;
--wd-title-font-weight:700;
--wd-title-color:#rgb(244,244,244);
}
:root{
--wd-entities-title-font:"Kumbh Sans", Arial, Helvetica, sans-serif;
--wd-entities-title-font-weight:700;
--wd-entities-title-color:rgb(26,26,46);
--wd-entities-title-color-hover:rgb(255, 255, 255);
}
:root{
--wd-alternative-font:"Lato", Arial, Helvetica, sans-serif;
}
:root{
--wd-widget-title-font:"Kumbh Sans", Arial, Helvetica, sans-serif;
--wd-widget-title-font-weight:700;
--wd-widget-title-transform:capitalize;
--wd-widget-title-color:rgb(244,244,244);
--wd-widget-title-font-size:16px;
}
:root{
--wd-header-el-font:"Manrope", Arial, Helvetica, sans-serif;
--wd-header-el-font-weight:700;
--wd-header-el-transform:capitalize;
--wd-header-el-font-size:15px;
}
html .wd-dropdown-my-account .wd-sub-menu li a, html .wd-nav-mobile > li > a{
	text-transform: capitalize;
}

:root{
--wd-primary-color:rgb(242,169,30);
}
:root{
--wd-alternative-color:rgb(244,71,113);
}
:root{
--wd-link-color:rgb(244,244,244);
--wd-link-color-hover:rgb(244,244,244);
}
.page .main-page-wrapper{
	background-color:rgb(245,245,245);
	background-image: none;
}

.woodmart-archive-shop .main-page-wrapper{
	background-color:rgb(245,245,245);
	background-image: none;
}

.single-product .main-page-wrapper{
	background-color:rgb(245,245,245);
	background-image: none;
}

.woodmart-archive-blog .main-page-wrapper{
	background-color:rgb(245,245,245);
	background-image: none;
}

.single-post .main-page-wrapper{
	background-color:rgb(245,245,245);
	background-image: none;
}

.woodmart-archive-portfolio .main-page-wrapper{
	background-color:rgb(245,245,245);
	background-image: none;
}

.single-portfolio .main-page-wrapper{
	background-color:rgb(245,245,245);
	background-image: none;
}

:root{
--btn-default-bgcolor:#f7f7f7;
}
:root{
--btn-default-bgcolor-hover:rgb(239,239,239);
}
:root{
--btn-accented-bgcolor:rgb(56,172,255);
}
:root{
--btn-accented-bgcolor-hover:rgb(51,157,232);
}
:root{
--btn-transform:capitalize;
}
:root{
--notices-success-bg:#459647;
}
:root{
--notices-success-color:#fff;
}
:root{
--notices-warning-bg:#E0B252;
}
:root{
--notices-warning-color:#fff;
}
	:root{
					
							--wd-form-brd-radius: 5px;
			
					
					--wd-form-brd-width: 0px;
		
					--btn-default-color: #333;
		
					--btn-default-color-hover: #333;
		
					--btn-accented-color: #fff;
		
					--btn-accented-color-hover: #fff;
		
					
			
			
							--btn-default-brd-radius: 5px;
				--btn-default-box-shadow: none;
				--btn-default-box-shadow-hover: none;
					
					
			
			
							--btn-accented-brd-radius: 5px;
				--btn-accented-box-shadow: none;
				--btn-accented-box-shadow-hover: none;
					
							
					--wd-brd-radius: 8px;
			}

	
	
	
	
			div.wd-popup.popup-quick-view {
			max-width: 920px;
		}
	
	
	
	
			.woodmart-woocommerce-layered-nav .wd-scroll-content {
			max-height: 223px;
		}
	
	
	body, [class*=color-scheme-light], [class*=color-scheme-dark], .wd-search-form[class*="wd-header-search-form"] form.searchform, .wd-el-search .searchform {

									--wd-form-color: rgb(0,0,0);
					
									--wd-form-placeholder-color: rgb(119,119,119);
					
									--wd-form-brd-color: rgb(0,0,0);
					
									--wd-form-brd-color-focus: rgb(0,0,0);
					
									--wd-form-bg: rgb(255,255,255);
						}
/* ============================================================
   BeeTop · Кастомізація мобільного меню WoodMart
   Вставити в: Appearance → Customize → Additional CSS
   Діє на все мобільне меню сайту (не прив'язано до сторінки)
   ============================================================ */

/* --- Палітра меню: фірмовий чорнильний фон --- */
.mobile-nav,
.wd-nav-mobile,
.wd-side-hidden .wd-side-hidden-inner,
.mfp-content .wd-search-full,
.wd-close-side + .wd-nav-mobile {
  background: #0E1322 !important;
}

/* затемнення фону за меню */
.wd-close-side,
.mfp-bg {
  background: rgba(14, 19, 34, .7) !important;
}

/* --- Шапка панелі меню (рядок з Close) --- */
.wd-nav-mobile-bg,
.wd-heading-text,
.mobile-nav .wd-close-side {
  background: #0E1322 !important;
  color: #fff !important;
  border-color: rgba(255,255,255,.08) !important;
}
.wd-close-side .close-side-icon,
.wd-close-side span {
  color: #fff !important;
}

/* --- Пункти меню --- */
.mobile-nav .menu li > a,
.wd-nav-mobile li > a {
  color: #fff !important;
  background: transparent !important;
  font-family: 'Unbounded', sans-serif !important;
  font-weight: 500 !important;
  font-size: 16px !important;
  letter-spacing: -.01em !important;
  padding: 18px 24px !important;
  border-bottom: 1px solid rgba(255,255,255,.07) !important;
  transition: background .15s ease, color .15s ease !important;
}

/* ============================================================
   ФІКС: hover/тап/фокус НЕ роблять фон білим, текст НЕ зникає
   (перебиваємо стандартну поведінку WoodMart)
   ============================================================ */
.mobile-nav .menu li > a:hover,
.mobile-nav .menu li > a:focus,
.mobile-nav .menu li > a:active,
.wd-nav-mobile li > a:hover,
.wd-nav-mobile li > a:focus,
.wd-nav-mobile li > a:active,
.mobile-nav .menu li.current-menu-item > a,
.wd-nav-mobile li.current-menu-item > a,
.mobile-nav .menu li.current-menu-parent > a,
.wd-nav-mobile li.current-menu-parent > a,
.mobile-nav .menu li.current-menu-ancestor > a,
.wd-nav-mobile li.current-menu-ancestor > a {
  color: #F2A91E !important;
  background: rgba(242,169,30,.10) !important;
  box-shadow: inset 3px 0 0 0 #F2A91E !important;
}

/* на випадок, якщо тема фарбує внутрішні span/елементи */
.mobile-nav .menu li > a:hover *,
.wd-nav-mobile li > a:hover *,
.mobile-nav .menu li.current-menu-item > a *,
.wd-nav-mobile li.current-menu-item > a * {
  color: #F2A91E !important;
  background: transparent !important;
}

/* --- Стрілки підменю (Сервіси, Курси) --- */
.mobile-nav .menu .wd-nav-opener,
.wd-nav-mobile .wd-nav-opener {
  color: #F2A91E !important;
  background: transparent !important;
  border-color: rgba(255,255,255,.08) !important;
}
.mobile-nav .menu .wd-nav-opener::before,
.mobile-nav .menu .wd-nav-opener::after,
.wd-nav-mobile .wd-nav-opener::before,
.wd-nav-mobile .wd-nav-opener::after {
  background-color: #F2A91E !important;
}

/* --- Підменю (випадаючі пункти) --- */
.mobile-nav .menu .sub-menu,
.wd-nav-mobile .sub-menu {
  background: #161C30 !important;
}
.mobile-nav .menu .sub-menu li > a,
.wd-nav-mobile .sub-menu li > a {
  font-family: 'Inter', sans-serif !important;
  font-weight: 500 !important;
  font-size: 14.5px !important;
  color: rgba(255,255,255,.82) !important;
  padding-left: 38px !important;
}
.mobile-nav .menu .sub-menu li > a:hover,
.wd-nav-mobile .sub-menu li > a:hover {
  color: #F2A91E !important;
  background: rgba(242,169,30,.08) !important;
}

/* --- Пошук у меню (якщо є) --- */
.mobile-nav .wd-search-form input,
.wd-nav-mobile .searchform input {
  background: #161C30 !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  color: #fff !important;
  border-radius: 999px !important;
}
.mobile-nav .wd-search-form input::placeholder {
  color: rgba(255,255,255,.45) !important;
}

/* ============================================================
   CTA-кнопка + контакти в меню
   КРОКИ У WORDPRESS (Appearance → Menus), додати пункти з класами:
   • bt-menu-cta    → "Безкоштовний аудит"  (лінк: https://telegram.me/vitaliygera)
   • bt-menu-phone  → "097 208 11 15"        (лінк: tel:+380972081115)
   • bt-menu-mail   → "vitaliy.hera@icloud.com" (лінк: mailto:vitaliy.hera@icloud.com)
   • bt-menu-tg     → "Telegram"             (лінк: https://telegram.me/vitaliygera)
   • bt-menu-ig     → "Instagram"            (лінк: ваш профіль)
   Щоб увімкнути поле "CSS Classes": у редакторі меню вгорі праворуч
   Screen Options → галочка "CSS Classes".
   ============================================================ */

/* Кнопка "Безкоштовний аудит" — медова, як на сайті */
.mobile-nav .menu li.bt-menu-cta,
.wd-nav-mobile li.bt-menu-cta {
  padding: 18px 24px 6px !important;
  border-bottom: none !important;
}
.mobile-nav .menu li.bt-menu-cta > a,
.wd-nav-mobile li.bt-menu-cta > a {
  background: linear-gradient(135deg, #FFC24A, #F2A91E) !important;
  color: #231A05 !important;
  border-radius: 999px !important;
  text-align: center !important;
  justify-content: center !important;
  padding: 15px 24px !important;
  border-bottom: none !important;
  box-shadow: 0 12px 30px -10px rgba(242,169,30,.55), inset 0 0 0 0 transparent !important;
  font-weight: 600 !important;
}
.mobile-nav .menu li.bt-menu-cta > a:hover,
.wd-nav-mobile li.bt-menu-cta > a:hover {
  background: linear-gradient(135deg, #FFC24A, #F2A91E) !important;
  color: #231A05 !important;
  box-shadow: 0 18px 38px -10px rgba(242,169,30,.65) !important;
}

/* ============================================================
   КОНТАКТИ: телефон + пошта — окремі акцентні пункти з іконками
   ============================================================ */
.mobile-nav .menu li.bt-menu-phone > a,
.wd-nav-mobile li.bt-menu-phone > a,
.mobile-nav .menu li.bt-menu-mail > a,
.wd-nav-mobile li.bt-menu-mail > a {
  font-family: 'IBM Plex Mono', monospace !important;
  font-size: 14.5px !important;
  color: #F2A91E !important;
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
}
.mobile-nav .menu li.bt-menu-phone > a:hover,
.wd-nav-mobile li.bt-menu-phone > a:hover,
.mobile-nav .menu li.bt-menu-mail > a:hover,
.wd-nav-mobile li.bt-menu-mail > a:hover {
  color: #FFC24A !important;
  background: rgba(242,169,30,.08) !important;
  box-shadow: inset 3px 0 0 0 #F2A91E !important;
}
/* іконка телефону */
.mobile-nav .menu li.bt-menu-phone > a::before,
.wd-nav-mobile li.bt-menu-phone > a::before {
  content: "";
  width: 20px; height: 20px;
  flex: none;
  background: #F2A91E;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.9v3a2 2 0 0 1-2.2 2 19.8 19.8 0 0 1-8.6-3.1 19.5 19.5 0 0 1-6-6 19.8 19.8 0 0 1-3.1-8.6A2 2 0 0 1 4.1 2h3a2 2 0 0 1 2 1.7c.1 1 .4 1.9.7 2.8a2 2 0 0 1-.5 2.1L8.1 9.9a16 16 0 0 0 6 6l1.3-1.3a2 2 0 0 1 2.1-.4c.9.3 1.8.6 2.8.7a2 2 0 0 1 1.7 2z'/%3E%3C/svg%3E") center/contain no-repeat;
          mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.9v3a2 2 0 0 1-2.2 2 19.8 19.8 0 0 1-8.6-3.1 19.5 19.5 0 0 1-6-6 19.8 19.8 0 0 1-3.1-8.6A2 2 0 0 1 4.1 2h3a2 2 0 0 1 2 1.7c.1 1 .4 1.9.7 2.8a2 2 0 0 1-.5 2.1L8.1 9.9a16 16 0 0 0 6 6l1.3-1.3a2 2 0 0 1 2.1-.4c.9.3 1.8.6 2.8.7a2 2 0 0 1 1.7 2z'/%3E%3C/svg%3E") center/contain no-repeat;
}
/* іконка пошти */
.mobile-nav .menu li.bt-menu-mail > a::before,
.wd-nav-mobile li.bt-menu-mail > a::before {
  content: "";
  width: 20px; height: 20px;
  flex: none;
  background: #F2A91E;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2.5'/%3E%3Cpath d='M3.5 7l8.5 6 8.5-6'/%3E%3C/svg%3E") center/contain no-repeat;
          mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2.5'/%3E%3Cpath d='M3.5 7l8.5 6 8.5-6'/%3E%3C/svg%3E") center/contain no-repeat;
}

/* ============================================================
   СОЦМЕРЕЖІ: Telegram + Instagram — іконки в один рядок
   Додай пункти з класами bt-menu-tg та bt-menu-ig
   ============================================================ */
.mobile-nav .menu li.bt-menu-tg,
.mobile-nav .menu li.bt-menu-ig,
.wd-nav-mobile li.bt-menu-tg,
.wd-nav-mobile li.bt-menu-ig {
  display: inline-block !important;
  width: auto !important;
  border-bottom: none !important;
  padding: 8px !important;
}
.mobile-nav .menu li.bt-menu-tg > a,
.mobile-nav .menu li.bt-menu-ig > a,
.wd-nav-mobile li.bt-menu-tg > a,
.wd-nav-mobile li.bt-menu-ig > a {
  font-size: 0 !important;            /* ховаємо текстову назву, лишаємо іконку */
  width: 48px !important;
  height: 48px !important;
  padding: 0 !important;
  margin: 0 6px !important;
  border: 1px solid rgba(255,255,255,.14) !important;
  border-radius: 14px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: rgba(255,255,255,.04) !important;
  box-shadow: none !important;
  transition: border-color .2s ease, transform .2s ease, background .2s ease !important;
}
.mobile-nav .menu li.bt-menu-tg > a:hover,
.mobile-nav .menu li.bt-menu-ig > a:hover,
.wd-nav-mobile li.bt-menu-tg > a:hover,
.wd-nav-mobile li.bt-menu-ig > a:hover {
  border-color: #F2A91E !important;
  background: rgba(242,169,30,.10) !important;
  transform: translateY(-2px) !important;
  box-shadow: none !important;
}
/* іконка Telegram */
.mobile-nav .menu li.bt-menu-tg > a::before,
.wd-nav-mobile li.bt-menu-tg > a::before {
  content: "";
  width: 24px; height: 24px;
  background: #F2A91E;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M21.9 4.3l-3.3 15.6c-.2 1.1-.9 1.4-1.8.9l-5-3.7-2.4 2.3c-.3.3-.5.5-1 .5l.4-5.1L18 5.5c.4-.4-.1-.6-.6-.2L6.2 12.5l-5-1.6c-1.1-.3-1.1-1 .2-1.5L20.5 2.9c.9-.3 1.7.2 1.4 1.4z'/%3E%3C/svg%3E") center/contain no-repeat;
          mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M21.9 4.3l-3.3 15.6c-.2 1.1-.9 1.4-1.8.9l-5-3.7-2.4 2.3c-.3.3-.5.5-1 .5l.4-5.1L18 5.5c.4-.4-.1-.6-.6-.2L6.2 12.5l-5-1.6c-1.1-.3-1.1-1 .2-1.5L20.5 2.9c.9-.3 1.7.2 1.4 1.4z'/%3E%3C/svg%3E") center/contain no-repeat;
}
/* іконка Instagram */
.mobile-nav .menu li.bt-menu-ig > a::before,
.wd-nav-mobile li.bt-menu-ig > a::before {
  content: "";
  width: 23px; height: 23px;
  background: #F2A91E;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Crect x='3' y='3' width='18' height='18' rx='5'/%3E%3Ccircle cx='12' cy='12' r='3.5'/%3E%3Ccircle cx='17.5' cy='6.5' r='1.2' fill='black' stroke='none'/%3E%3C/svg%3E") center/contain no-repeat;
          mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Crect x='3' y='3' width='18' height='18' rx='5'/%3E%3Ccircle cx='12' cy='12' r='3.5'/%3E%3Ccircle cx='17.5' cy='6.5' r='1.2' fill='black' stroke='none'/%3E%3C/svg%3E") center/contain no-repeat;
}

/* Соти на фоні панелі меню (фірмовий патерн) */
.mobile-nav::before,
.wd-nav-mobile::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: url("data:image/svg+xml,%3Csvg width='56' height='100' viewBox='0 0 56 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M28 34L0 17.5v-33L28-32 56-15.5v33zM28 134L0 117.5v-33L28 68l28 16.5v33z' fill='none' stroke='%23ffffff' stroke-opacity='0.04'/%3E%3Cpath d='M0 84.5v-33L28 34l28 17.5v33L28 101z' fill='none' stroke='%23ffffff' stroke-opacity='0.04'/%3E%3C/svg%3E");
  pointer-events: none;
  z-index: 0;
}
.mobile-nav .menu,
.wd-nav-mobile .menu {
  position: relative;
  z-index: 1;
}

/* BeeTop - fix: overlap header covers post images on /blog/ archive.
  *    Add top spacing for the blog archive content only. */
body.woodmart-archive-blog .main-page-wrapper {
	  padding-top: 100px;
}