:root {
	--wd-text-font: "Manrope", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 500;
	--wd-text-color: rgb(19,62,37);
	--wd-text-font-size: 16px;
	--wd-title-font: "TikTok Sans", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 400;
	--wd-title-transform: none;
	--wd-title-color: rgb(19,62,37);
	--wd-entities-title-font: "Manrope", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 500;
	--wd-entities-title-transform: none;
	--wd-entities-title-color: rgb(19,62,37);
	--wd-entities-title-color-hover: rgb(19, 62, 37);
	--wd-alternative-font: "Manrope", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "Manrope", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 500;
	--wd-widget-title-transform: none;
	--wd-widget-title-color: rgb(19,62,37);
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: "Manrope", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 500;
	--wd-header-el-transform: none;
	--wd-header-el-font-size: 14px;
	--wd-brd-radius: 16px;
	--wd-otl-style: dotted;
	--wd-otl-width: 2px;
	--wd-primary-color: rgb(19,62,37);
	--wd-alternative-color: rgb(255,255,255);
	--btn-default-font-family: "Manrope", Arial, Helvetica, sans-serif;
	--btn-default-font-weight: 500;
	--btn-default-transform: none;
	--btn-default-font-size: 14px;
	--btn-default-bgcolor: rgb(255,255,255);
	--btn-default-bgcolor-hover: rgb(255,255,255);
	--btn-default-color: rgb(19,62,37);
	--btn-default-color-hover: rgb(19,62,37);
	--btn-default-padding: 17px 40px 17px 40px;
	--btn-accented-font-family: "Manrope", Arial, Helvetica, sans-serif;
	--btn-accented-font-weight: 500;
	--btn-accented-transform: none;
	--btn-accented-font-size: 14px;
	--btn-accented-bgcolor: rgb(19,62,37);
	--btn-accented-bgcolor-hover: rgb(19,62,37);
	--btn-accented-color: rgb(249,247,240);
	--btn-accented-color-hover: rgb(249,247,240);
	--btn-accented-padding: 17px 40px 17px 40px;
	--wd-form-brd-width: 0px;
	--notices-success-bg: rgb(255,255,255);
	--notices-success-color: rgb(19,62,37);
	--notices-warning-bg: rgb(19,62,37);
	--notices-warning-color: rgb(249,247,240);
	--wd-link-color: rgb(19,62,37);
	--wd-link-color-hover: rgb(19,62,37);
}
.wd-age-verify-wrap {
	--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-promo-popup-wrap {
	--wd-popup-width: 800px;
}
:is(.woodmart-archive-shop .wd-builder-off,.wd-wishlist-content,.related-and-upsells,.cart-collaterals,.wd-shop-product,.wd-fbt) .wd-products-with-bg, :is(.woodmart-archive-shop .wd-builder-off,.wd-wishlist-content,.related-and-upsells,.cart-collaterals,.wd-shop-product,.wd-fbt) .wd-products-with-bg :is(.wd-product,.wd-cat) {
	--wd-prod-bg:rgb(255,255,255);
	--wd-bordered-bg:rgb(255,255,255);
}
:is(.woodmart-woocommerce-layered-nav, .wd-product-category-filter) .wd-scroll-content {
	max-height: 223px;
}
.wd-page-title .wd-page-title-bg img {
	object-fit: cover;
	object-position: center center;
}
.wd-footer {
	background-color: #ffffff;
	background-image: none;
}
:is(.page, .search-no-results, .error404) :is(.wd-page-content, .whb-header) {
	background-color: rgb(249,247,240);
	background-image: none;
}
.woodmart-archive-shop:not(.single-product) :is(.wd-page-content, .whb-header) {
	background-color: rgb(249,247,240);
	background-image: none;
}
.single-product :is(.wd-page-content, .whb-header) {
	background-color: rgb(249,247,240);
	background-image: none;
}
.woodmart-archive-blog :is(.wd-page-content, .whb-header) {
	background-color: rgb(249,247,240);
	background-image: none;
}
.single-post :is(.wd-page-content, .whb-header) {
	background-color: rgb(249,247,240);
	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(19,62,37,0.64);
	--wd-form-placeholder-color: rgba(19,62,37,0.64);
	--wd-form-brd-color: rgb(255,255,255);
	--wd-form-brd-color-focus: rgba(19,62,37,0.64);
	--wd-form-bg: rgb(255,255,255);
}
.wd .product-label.onsale {
	background-color: rgb(255,255,255);
	color: rgb(19,62,37);
}
.wd .product-label.new {
	background-color: rgb(19,62,37);
	color: rgb(255,255,255);
}
.wd .product-label.featured {
	background-color: rgb(19,62,37);
	color: rgb(255,255,255);
}
.wd .product-label.out-of-stock {
	background-color: rgb(255,255,255);
	color: rgb(19,62,37);
}
.wd .product-label.attribute-label:not(.label-with-img) {
	background-color: rgb(19,62,37);
	color: rgb(255,255,255);
}
.mfp-wrap.wd-popup-quick-view-wrap {
	--wd-popup-width: 920px;
}

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

}
:root{
--wd-form-brd-radius: 5px;
--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-page-title {
background-color: #0a0a0a;
}

/* header start */
.whb-general-header .whb-col-right .btn{
	font-weight:500 !important;
	padding-left:24px !important;
	padding-right:24px !important;
}

a.btn.btn-style-default.btn-shape-round.btn-size-default.socialhead.btn-icon-pos-left {
    padding: 0px !important;
}

/* Додаємо текст "Кошик" перед іконкою */
.wd-header-cart > a::before {
    content: "Кошик";
    display: inline-block;
    margin-right: 10px; 
    font-size: 14px;    
    font-weight: 500;  
    color: #133E25;     
    transition: all 0.3s ease;
}

/* Вирівнюємо текст та іконку по центру по вертикалі */
.wd-header-cart > a {
    display: inline-flex !important;
    align-items: center;
    text-decoration: none;
}
.whb-general-header .wd-tools-custom-icon a{
	background-color:#ffffff;
	border-radius:100px;
	padding-left:20px;
	padding-right:20px;
	height: 48px;
}


a.btn.btn-style-default.btn-shape-rectangle.btn-size-default.mobmenu.btn-icon-pos-left {
    padding: 0px !important;
}

.wd-side-hidden.wd-opened {
    background-color: #F9F7F0;
}

div .quantity input[type=button]{
	background: transparent !important;
	color:#133e25;
}

div.quantity input[type=button]:hover {
    color: #133e25;
}

div.quantity input[type=number] {
    background-color:transparent !important;
}
@media (max-width:1025px){
	.whb-flex-flex-middle .whb-hidden-lg .wd-button-wrapper{
		width:48px;
	}
	.whb-flex-flex-middle .whb-hidden-lg .cart-widget-opener a{
		background-color:#ffffff;
		border-radius:100px;
		padding-left:16px;
		padding-right:16px;
		
	}
}

/* Робимо фон шапки білим при скролі та додаємо плавний перехід */
.whb-header.whb-sticked .whb-general-header {
    background-color: #F9F7F0 !important;
    transition: background-color 0.3s ease-in-out;
}
/* header end */
.buttonarows .elementor-button-link .elementor-button-icon svg {
    width: 40px !important;
}
.buttonarows .elementor-button-link .elementor-button-content-wrapper{
	align-items:center;
	
}

.wd-product.wd-hover-tiled .wd-product-wrapper {
    box-shadow: none !important;
}
.cat-design-side .wd-cat-thumb {
    max-width: 40px !important;
}






/* Приховуємо блок доставки в оригінальній таблиці праворуч */
.woocommerce-checkout-review-order-table tr.woocommerce-shipping-totals {
    display: none !important;
}

/* Новий контейнер доставки (чистий, без фону та контуру) */
#custom_moved_shipping_wrapper {
    display: block;
    width: 100%;
    margin: 20px 0 10px 0;
    padding: 0; /* Прибрали внутрішні відступи */
    background: none !important; /* Повністю прибрали фон */
    border: none !important;     /* Повністю прибрали рамку */
    box-sizing: border-box;
}

/* Перетворюємо елементи таблиці на блочну структуру */
#custom_moved_shipping_wrapper .woocommerce-shipping-totals {
    display: block;
    width: 100%;
}

#custom_moved_shipping_wrapper .woocommerce-shipping-totals th {
    display: block;
    width: 100%;
    text-align: left;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 15px;
    padding: 0;
    color: var(--wd-title-color); /* Беремо колір заголовків з налаштувань WoodMart */
}

#custom_moved_shipping_wrapper .woocommerce-shipping-totals td {
    display: block;
    width: 100%;
    padding: 0;
}

/* Список методів доставки */
#custom_moved_shipping_wrapper ul#shipping_method {
    padding: 0;
    margin: 0;
    list-style: none;
}

#custom_moved_shipping_wrapper ul#shipping_method li {
    display: flex;
    align-items: center; /* Ідеальне вирівнювання радіобаттона і тексту по центру по вертикалі */
    margin-bottom: 12px;
}

#custom_moved_shipping_wrapper ul#shipping_method li:last-child {
    margin-bottom: 0;
}

/* Кастомізація радіо-кнопок */
#custom_moved_shipping_wrapper ul#shipping_method input[type="radio"] {
    margin-right: 12px;
    margin-top: 0;
    cursor: pointer;
    
    /* Фарбуємо вибраний кружечок у потрібний колір */
    accent-color: #133E25; 
    
    /* Задаємо стабільний розмір, щоб кружечок не деформувався на мобільних */
    width: 18px; 
    height: 18px;
    flex-shrink: 0; 
}

/* Стиль лейблів (назв доставки) */
#custom_moved_shipping_wrapper ul#shipping_method label {
    cursor: pointer;
    line-height: 1.3;
    margin-bottom: 0;
    display: inline-block;
}





@media (max-width: 1024px) {
    .scrollToTop {
        inset-inline-end: 30px !important;
    }
}
@media (max-width: 576px) {
	/* Приховуємо на десктопі */
@media (min-width: 1025px) {
    .custom-mob-fab { display: none !important; }
}

/* Налаштування для мобільних */
@media (max-width: 1024px) {
    .custom-mob-fab {
        position: fixed;
        bottom: 60px; /* Збільшили відступ знизу */
        right: 25px;
        z-index: 9999;
        display: flex;
        flex-direction: column; /* Змінено на column, щоб контакти росли вгору */
        align-items: center;
        gap: 14px;
    }

    /* Базові стилі кнопок */
    .fab-trigger, .fab-item {
        width: 56px;
        height: 56px;
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
        cursor: pointer;
        transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    }

    .fab-trigger svg, .fab-item svg {
        width: 24px;
        height: 24px;
    }

    /* Головна кнопка-тригер */
    .fab-trigger {
        background-color: var(--wd-primary-color, #83b735);
        color: #ffffff;
        position: relative;
        animation: fab-pulse 2s infinite;
        order: 2; /* Гарантує, що тригер завжди буде в самому низу */
    }

    .fab-trigger .icon-close {
        display: none;
    }

    /* Стилі для під-кнопок */
    .fab-options {
        display: flex;
        flex-direction: column;
        gap: 12px;
        pointer-events: none;
        order: 1; /* Панель із соцмережами буде над тригером */
    }

    .fab-item {
        width: 48px;
        height: 48px;
        opacity: 0;
        /* Змінено на додатній translateY (40px), щоб іконки вилітали знизу-вгору */
        transform: translateY(40px) scale(0.6); 
        color: #ffffff;
    }

    /* Брендові кольори */
    .fab-item.viber { background-color: #7360F2; }
    .fab-item.telegram { background-color: #24A1DE; }
    .fab-item.phone { background-color: #4CAF50; }

    /* Стан при активації */
    .custom-mob-fab.active .fab-trigger {
        transform: rotate(180deg);
        background-color: #333333;
        animation: none; 
    }

    .custom-mob-fab.active .fab-trigger .icon-open { display: none; }
    .custom-mob-fab.active .fab-trigger .icon-close { display: block; }

    .custom-mob-fab.active .fab-options {
        pointer-events: auto;
    }

    .custom-mob-fab.active .fab-item {
        opacity: 1;
        transform: translateY(0) scale(1);
    }

    /* Ефект каскадної появи знизу вгору (першою вилітає верхня, або навпаки) */
    .custom-mob-fab.active .fab-item:nth-child(1) { transition-delay: 0.15s; }
    .custom-mob-fab.active .fab-item:nth-child(2) { transition-delay: 0.1s; }
    .custom-mob-fab.active .fab-item:nth-child(3) { transition-delay: 0.05s; }

    /* Анімація пульсації */
    @keyframes fab-pulse {
        0% { box-shadow: 0 0 0 0 rgba(131, 183, 53, 0.7); }
        70% { box-shadow: 0 0 0 15px rgba(131, 183, 53, 0); }
        100% { box-shadow: 0 0 0 0 rgba(131, 183, 53, 0); }
    }
}
}