@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: "woodmart-font";
	src: url("//nagolos.store/wp-content/themes/woodmart/fonts/woodmart-font-1-400.woff2?v=8.2.7") format("woff2");
	font-display:swap;
}

@font-face {
	font-family: "star";
	font-weight: 400;
	font-style: normal;
	src: url("//nagolos.store/wp-content/plugins/woocommerce/assets/fonts/star.eot?#iefix") format("embedded-opentype"), url("//nagolos.store/wp-content/plugins/woocommerce/assets/fonts/star.woff") format("woff"), url("//nagolos.store/wp-content/plugins/woocommerce/assets/fonts/star.ttf") format("truetype"), url("//nagolos.store/wp-content/plugins/woocommerce/assets/fonts/star.svg#star") format("svg");
}

@font-face {
	font-family: "WooCommerce";
	font-weight: 400;
	font-style: normal;
	src: url("//nagolos.store/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.eot?#iefix") format("embedded-opentype"), url("//nagolos.store/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.woff") format("woff"), url("//nagolos.store/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.ttf") format("truetype"), url("//nagolos.store/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.svg#WooCommerce") format("svg");
}

:root {
	--wd-text-font: "HelveticaNeue", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 300;
	--wd-text-color: rgb(37,23,26);
	--wd-text-font-size: 16px;
	--wd-title-font: "HelveticaNeue", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 300;
	--wd-title-transform: none;
	--wd-title-color: rgb(37,23,26);
	--wd-entities-title-font: "HelveticaNeue", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 400;
	--wd-entities-title-transform: none;
	--wd-entities-title-color: rgb(37,23,26);
	--wd-entities-title-color-hover: rgb(37, 23, 26);
	--wd-alternative-font: "HelveticaNeue", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "HelveticaNeue", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 400;
	--wd-widget-title-transform: none;
	--wd-widget-title-color: rgb(37,23,26);
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: "HelveticaNeue", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 300;
	--wd-header-el-transform: none;
	--wd-header-el-font-size: 14px;
	--wd-primary-color: rgb(120,1,22);
	--wd-alternative-color: rgb(37,23,26);
	--wd-link-color: rgb(37,23,26);
	--wd-link-color-hover: rgb(37,23,26);
	--btn-default-font-family: "HelveticaNeue", Arial, Helvetica, sans-serif;
	--btn-default-font-weight: 300;
	--btn-default-transform: none;
	--btn-default-bgcolor: rgb(37,23,26);
	--btn-default-bgcolor-hover: rgb(37,23,26);
	--btn-default-color: rgb(255,255,255);
	--btn-default-color-hover: rgb(255,255,255);
	--btn-accented-font-family: "HelveticaNeue", Arial, Helvetica, sans-serif;
	--btn-accented-font-weight: 300;
	--btn-accented-transform: none;
	--btn-accented-bgcolor: rgb(120,1,22);
	--btn-accented-bgcolor-hover: rgb(94,0,17);
	--btn-accented-color: rgb(255,255,255);
	--btn-accented-color-hover: rgb(255,255,255);
	--wd-form-brd-width: 1px;
	--notices-success-bg: rgb(37,23,26);
	--notices-success-color: #fff;
	--notices-warning-bg: rgb(120,1,22);
	--notices-warning-color: #fff;
}
.wd-popup.wd-age-verify {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: #111111;
	background-image: none;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left center;
	--wd-popup-width: 800px;
}
:is(.woodmart-woocommerce-layered-nav, .wd-product-category-filter) .wd-scroll-content {
	max-height: 223px;
}
.wd-page-title {
	background-color: #0a0a0a;
	background-image: none;
	background-size: cover;
	background-position: center center;
}
.wd-footer {
	background-color: #ffffff;
	background-image: none;
}
.page .wd-page-content {
	background-color: rgb(249,247,244);
	background-image: none;
}
.woodmart-archive-shop:not(.single-product) .wd-page-content {
	background-color: rgb(249,247,244);
	background-image: none;
}
.single-product .wd-page-content {
	background-color: rgb(249,247,244);
	background-image: none;
}
.woodmart-archive-blog .wd-page-content {
	background-color: rgb(249,247,244);
	background-image: none;
}
.single-post .wd-page-content {
	background-color: rgb(249,247,244);
	background-image: none;
}
.woodmart-archive-portfolio .wd-page-content {
	background-color: rgb(249,247,244);
	background-image: none;
}
.single-portfolio .wd-page-content {
	background-color: rgb(249,247,244);
	background-image: none;
}
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: rgba(37,23,26,0.4);
	--wd-form-placeholder-color: rgba(37,23,26,0.4);
	--wd-form-brd-color: rgba(37,23,26,0.3);
	--wd-form-brd-color-focus: rgba(37,23,26,0.3);
	--wd-form-bg: rgb(249,247,244);
}
.wd-nav-arrows.wd-pos-together:not(:where(.wd-custom-style)) {
	--wd-arrow-color: rgb(37,23,26);
	--wd-arrow-color-hover: rgb(37,23,26);
	--wd-arrow-color-dis: rgb(37,23,26);
}
.product-labels .product-label.onsale {
	background-color: rgb(120,1,22);
	color: rgb(255,255,255);
}
.product-labels .product-label.new {
	background-color: rgb(249,247,244);
	color: rgb(37,23,26);
}
.product-labels .product-label.featured {
	background-color: rgb(37,23,26);
	color: rgb(255,255,255);
}
.product-labels .product-label.out-of-stock {
	background-color: rgba(37,23,26,0.3);
	color: rgb(255,255,255);
}
.product-labels .product-label.attribute-label:not(.label-with-img) {
	background-color: rgb(120,1,22);
	color: rgb(255,255,255);
}
.wd-popup.popup-quick-view {
	--wd-popup-width: 920px;
}
.woocommerce-product-gallery {
	--wd-gallery-gap: 0px;
}

@media (max-width: 1024px) {
	:root {
		--wd-text-font-size: 12px;
	}

}

@media (max-width: 768.98px) {
	:root {
		--wd-text-font-size: 12px;
	}

}
:root{
--wd-form-brd-radius: 0px;
--btn-default-brd-radius: 35px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-accented-brd-radius: 35px;
--btn-accented-box-shadow: none;
--btn-accented-box-shadow-hover: none;
--wd-brd-radius: 0px;
}



@font-face {
	font-family: "HelveticaNeue";
	src: url("//nagolos.store/wp-content/uploads/2025/09/helveticaneuecyr-light.woff2") format("woff2");
	font-weight: 300;
	font-display:swap;
	font-style: normal;
}

@font-face {
	font-family: "HelveticaNeue";
	src: url("//nagolos.store/wp-content/uploads/2025/09/helveticaneuecyr-roman.woff2") format("woff2");
	font-weight: 400;
	font-display:swap;
	font-style: normal;
}

@font-face {
	font-family: "nyght serif";
	src: url("//nagolos.store/wp-content/uploads/2025/09/nyghtserif-light.woff2") format("woff2");
	font-weight: 300;
	font-display:swap;
	font-style: normal;
}

/* header */
/* Menu opener */
.whb-main-header .whb-col-left .menu-opener{
	max-width:140px;
	min-width:140px !important;
	border-radius:100px !important;
}
/* Dropdown cats */
.whb-main-header .whb-col-left .wd-dropdown-cats{
	background-color:#f9f7f4;
}
/* Woodmart nav link */
#menu-kategoriyi .menu-item .woodmart-nav-link{
	font-weight:300;
	color:#25171a;
}
.wd-nav[class*="wd-style-underline"] .nav-link-text:after {
    height: 1px !important;
}
.wd-nav[class*="wd-style-"] {
    --nav-color: #25171A !important;
    --nav-color-hover: #780116 !important;
    --nav-color-active: #780116 !important;
}
/* Dropdown menu */
#menu-main-header-menu .menu-item .wd-dropdown-menu{
	background-color:#f9f7f4;
}
/* Woodmart nav link */
#menu-main-header-menu .wd-sub-menu .woodmart-nav-link{
	color:#25171a;
}
/* Subtotal divider */
.whb-main-header a .subtotal-divider{
	display:none !important;
}
/* Cart number */
.whb-main-header .whb-col-right .wd-cart-number{
	padding-left:7px;
	padding-right:3px;
	padding-top:3px;
	padding-bottom:3px;
	background-color:#780116;
	color:#ffffff;
	margin-right:5px;
}

@media (max-width:1025px){
	/* Opener item */
	.wd-opener-item{
		background-color:#f9f7f4;
	}
	/* Input */
	.wd-opener-item .wd-search-form input[type=text]{
		font-weight:300 !important;
	}
	/* Span Tag */
	.mobile-categories-title a span{
		text-transform:none;
		font-weight:400;
		font-size:14px;
	}
	/* Span Tag */
	.mobile-pages-title a span{
		text-transform:none;
		font-size:14px;
		font-weight:400;
	}
	/* Nav link text */
	.mobile-categories-menu .menu-item .nav-link-text{
		text-transform:none;
		font-size:14px;
		font-weight:300;
	}
	/* Nav link text */
	#menu-kliyentam .menu-item .nav-link-text{
		font-weight:300;
		font-size:14px;
		text-transform:none;
	}
	/* Woodmart nav link */
	#menu-kliyentam .menu-item .woodmart-nav-link{
		font-weight:300;
		font-size:14px;
		text-transform:none;
	}
	/* Span Tag */
	#menu-kliyentam .wd-sub-menu span{
		color:#25171a;
	}
}



/* === Горизонтальний скрол для меню f1b9c2c === */
.elementor-element-f1b9c2c .elementor-nav-menu--layout-horizontal.elementor-nav-menu__container {
  display: flex !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  white-space: nowrap !important;
  scrollbar-width: thin;
  -webkit-overflow-scrolling: touch;
  gap: 20px;
  scroll-behavior: smooth;
}

/* Забороняємо перенос пунктів меню */
.elementor-element-f1b9c2c .elementor-nav-menu--layout-horizontal .elementor-nav-menu {
  flex-wrap: nowrap !important;
}

/* Не дозволяємо пунктам стискатися */
.elementor-element-f1b9c2c .elementor-nav-menu--layout-horizontal .elementor-nav-menu > li {
  flex: 0 0 auto !important;
}

/* Вимикаємо обрізання з боку контейнерів */
.elementor-element-76d39f1,
.elementor-element-f1b9c2c {
  overflow: visible !important;
}

/* Стилізація скролбару (опціонально) */
.elementor-element-f1b9c2c .elementor-nav-menu--layout-horizontal.elementor-nav-menu__container::-webkit-scrollbar {
  height: 6px;
}
.elementor-element-f1b9c2c .elementor-nav-menu--layout-horizontal.elementor-nav-menu__container::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.25);
  border-radius: 3px;
}
.elementor-element-f1b9c2c .elementor-nav-menu--layout-horizontal.elementor-nav-menu__container::-webkit-scrollbar-track {
  background: transparent;
}






/* Product wrapper */
.pagination-more-btn .product-grid-item .product-wrapper{
	box-shadow:none !important;
}
/* Bdi */
.pagination-more-btn ins bdi{
	font-weight:400;
	float:left;
	padding-right:10px;
}

/* Product wrapper */
.wd-products-element .wd-carousel-wrap .product-wrapper{
	box-shadow:none !important;
}

.amount {
    font-weight: 400 !important;
}



/* Division */
.pagination-more-btn .product-wrapper .wd-product-mini-info-after-title{
	font-weight:400;
	color:rgba(37,23,26,0.3);
	font-size:12px;
	
}



/* 1024px and smaller screen sizes 
@media (max-width:1024px){


	.wd-products-element .product-wrapper .wd-buttons{
		display:none;
		
	}
	
}*/



/* Span Tag */
.elementor-hidden-tablet .wd-products-load-more span{
	font-weight:300;
	font-size:16px;
	text-transform:none;
	padding-bottom:3px;
	border-bottom-style:solid;
	border-bottom-color:#25171a;
	color:#25171a;
	border-bottom-width:1px !important;
}

/* Button */
.elementor-hidden-tablet .products-footer a{
	padding:0px;
	border-style:none;
}




@media (max-width: 1024px) {
	.wd-action-btn.wd-style-icon .button {
    display: none !important;
}
			.pagination-more-btn .wd-buttons .wd-wishlist-icon{
		display:none !important;
	}
	 .wd-wishlist-icon{
	display:none !important;
}
}


/* Вертикальний скрол для випадаючого меню категорій */
.wd-dropdown .wd-nav-vertical {
    max-height: 600px; /* можна змінити під себе */
    overflow-y: auto;
    overflow-x: hidden;
    scrollbar-width: thin; /* для Firefox */
}

/* Стилізація скролу в WebKit (Chrome, Safari) – опціонально */
.wd-dropdown .wd-nav-vertical::-webkit-scrollbar {
    width: 6px;
}

.wd-dropdown .wd-nav-vertical::-webkit-scrollbar-thumb {
    background: #ccc;
    border-radius: 4px;
}



/* Label */
.product .variation-pa_rozmir label{
	margin-bottom:5px;
}

/* Label */
.product .variation-pa_kolir label{
	margin-bottom:5px;
	
}

@media (min-width: 768px) and (max-width: 1024px) {
	/*
 * ПРИМУСОВЕ ВІДОБРАЖЕННЯ QUICK VIEW НА МОБІЛЬНИХ ПРИСТРОЯХ (Версія 2)
 * Використовуємо високоспецифічний селектор, щоб перебити CSS теми WoodMart.
 */

    /* 1. Цілимося безпосередньо в контейнер Quick View */
    .wd-product.product-grid-item .wd-buttons .quick-view.wd-action-btn {
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;
    }

    /* 2. Якщо WoodMart ховає всю обгортку кнопок на мобільному (хоча Wishlist видно) */
    .wd-product.product-grid-item .wd-buttons {
        /*
         * Хоча кнопки 'Кошик' та 'Вподобане' видно,
         * може бути застосоване правило 'display: flex' чи 'inline-flex'
         * до цього контейнера, але з прихованим Quick View.
         */
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;
    }

    /* 3. Якщо Quick View ховається через позиціонування або клік */
    .wd-product.product-grid-item .wd-buttons .quick-view a.quick-view-button {
        pointer-events: auto !important; /* Гарантуємо, що можна клікнути */
        cursor: pointer !important;
    }


/* ДОДАТКОВА ПЕРЕВІРКА ДЛЯ СТИЛЮ 'tiled' */
/* Ваш HTML показує product_hover="tiled". Цей стиль часто приховує кнопки, 
   поки зображення не "накриється". На мобільних цього не відбувається.
   Спробуємо зняти приховування, пов'язане з анімацією.
*/
.wd-product.wd-hover-tiled .product-wrapper:not(.hovered) .wd-buttons {
    opacity: 1 !important;
    visibility: visible !important;
}



.product-grid-item .wd-buttons {
        /* Переміщуємо позицію з верху на низ */
        top: auto !important;
        bottom: 10px !important; 
        /* щоб кнопки були вертикально: */
        flex-direction: column; 
    }
}

@media (max-width: 576px) {
	/*
 * ПРИМУСОВЕ ВІДОБРАЖЕННЯ QUICK VIEW НА МОБІЛЬНИХ ПРИСТРОЯХ (Версія 2)
 * Використовуємо високоспецифічний селектор, щоб перебити CSS теми WoodMart.
 */

    /* 1. Цілимося безпосередньо в контейнер Quick View */
    .wd-product.product-grid-item .wd-buttons .quick-view.wd-action-btn {
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;
    }

    /* 2. Якщо WoodMart ховає всю обгортку кнопок на мобільному (хоча Wishlist видно) */
    .wd-product.product-grid-item .wd-buttons {
        /*
         * Хоча кнопки 'Кошик' та 'Вподобане' видно,
         * може бути застосоване правило 'display: flex' чи 'inline-flex'
         * до цього контейнера, але з прихованим Quick View.
         */
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;
    }

    /* 3. Якщо Quick View ховається через позиціонування або клік */
    .wd-product.product-grid-item .wd-buttons .quick-view a.quick-view-button {
        pointer-events: auto !important; /* Гарантуємо, що можна клікнути */
        cursor: pointer !important;
    }


/* ДОДАТКОВА ПЕРЕВІРКА ДЛЯ СТИЛЮ 'tiled' */
/* Ваш HTML показує product_hover="tiled". Цей стиль часто приховує кнопки, 
   поки зображення не "накриється". На мобільних цього не відбувається.
   Спробуємо зняти приховування, пов'язане з анімацією.
*/
.wd-product.wd-hover-tiled .product-wrapper:not(.hovered) .wd-buttons {
    opacity: 1 !important;
    visibility: visible !important;
}




.product-grid-item .wd-buttons {
        /* Переміщуємо позицію з верху на низ */
        top: auto !important;
        bottom: 10px !important; 
        /* щоб кнопки були вертикально: */
        flex-direction: column; 
    }
}