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

:root {
	--wd-text-font: "Manrope", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: #777777;
	--wd-text-font-size: 14px;
	--wd-title-font: "Manrope", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 500;
	--wd-title-color: #242424;
	--wd-entities-title-font: "Manrope", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 500;
	--wd-entities-title-color: #333333;
	--wd-entities-title-color-hover: rgb(51 51 51 / 65%);
	--wd-alternative-font: "Manrope", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "Manrope", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 600;
	--wd-widget-title-transform: uppercase;
	--wd-widget-title-color: #333;
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: "Manrope", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 600;
	--wd-header-el-transform: uppercase;
	--wd-header-el-font-size: 16px;
	--wd-primary-color: rgb(0,0,0);
	--wd-alternative-color: #fbbc34;
	--wd-link-color: #333333;
	--wd-link-color-hover: #242424;
	--btn-default-bgcolor: rgb(0,0,0);
	--btn-default-bgcolor-hover: rgb(112,112,112);
	--btn-accented-bgcolor: rgb(0,0,0);
	--btn-accented-bgcolor-hover: rgb(127,127,127);
	--wd-form-brd-width: 1px;
	--notices-success-bg: #459647;
	--notices-success-color: #fff;
	--notices-warning-bg: #E0B252;
	--notices-warning-color: #fff;
}
.woodmart-woocommerce-layered-nav .wd-scroll-content {
	max-height: 280px;
}
.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;
}
.page-title-default {
	background-color: #7a7a7a;
	background-image: none;
	background-size: cover;
	background-position: center center;
}
.footer-container {
	background-color: rgb(0,0,0);
	background-image: none;
}
html .wd-dropdown-menu.wd-design-sized .wd-sub-menu > li > a, body .wd-dropdown-menu.wd-design-full-width .wd-sub-menu > li > a, body .wd-dropdown-menu.wd-design-aside .wd-wp-menu > .sub-sub-menu > li > a, body .wd-dropdown-menu.wd-design-aside .wd-sub-menu .wd-sub-menu > li > a, html .wd-dropdown-menu.wd-design-sized .sub-sub-menu li a, html .wd-dropdown-menu.wd-design-full-width .sub-sub-menu li a, body .wd-dropdown-menu.wd-design-aside .wd-wp-menu > .sub-sub-menu .sub-sub-menu li a, body .wd-dropdown-menu.wd-design-aside .wd-sub-menu .wd-sub-menu .sub-sub-menu li a, html .wd-dropdown-menu.wd-design-default .wd-sub-menu li a, html .widget_product_categories .product-categories > li > a, html .widget_product_categories .product-categories > li > .children > li > a, html .widget_product_categories .product-categories li a {
	font-family: "Manrope", Arial, Helvetica, sans-serif;
	font-weight: 600;
	font-size: 14px;
	line-height: 20px;
	text-transform: uppercase;
}
.product-labels .product-label.onsale {
	background-color: rgb(221,51,51);
	color: rgb(255,255,255);
}
.product-labels .product-label.new {
	background-color: rgb(130,130,130);
	color: rgb(255,255,255);
}
.wd-popup.popup-quick-view {
	--wd-popup-width: 920px;
}
.woocommerce-product-gallery {
	--wd-gallery-gap: 25px;
}
:root{
--wd-container-w: 1400px;
--wd-form-brd-radius: 0px;
--btn-default-color: #fff;
--btn-default-color-hover: #333;
--btn-accented-color: #fff;
--btn-accented-color-hover: #333;
--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: 0px;
}

@media (min-width: 1400px) {
[data-vc-full-width]:not([data-vc-stretch-content]),
:is(.vc_section, .vc_row).wd-section-stretch {
padding-left: calc((100vw - 1400px - var(--wd-sticky-nav-w) - var(--wd-scroll-w)) / 2);
padding-right: calc((100vw - 1400px - var(--wd-sticky-nav-w) - var(--wd-scroll-w)) / 2);
}
}


.downloads-link{
    display:none !important;
}

/* Правим всички букви малки по подразбиране */
:is(.widget_categories, .widget_product_categories, .widget_pages, .widget_archive, .widget_nav_menu) ul li a {
    text-transform: lowercase !important;
}

/* Хващаме само най-първата буква на линка и я правим главна */
:is(.widget_categories, .widget_product_categories, .widget_pages, .widget_archive, .widget_nav_menu) ul li a::first-letter {
    text-transform: uppercase !important;
}

.featured.product-label {
    background-color: red!important;
}

.wd-product .product-wrapper {
    background-color: white;
}

.woocommerce-store-notice {
background-color:red!important;
}

@supports (-moz-appearance:none) {
.amount-eur {
  display: block;
  margin-top: 4px;
}
}

@-moz-document url-prefix() {
	
.amount-eur {
  display: block;
  margin-top: 4px;
}
}

.main-page-wrapper {
    margin-top: 0px;
    padding-top: 0px;
    min-height: 0vh;
}

h2.wpb_singleimage_heading {
    color: #000000 !important;
    font-size: 1.5em !important;
}

p.wd-empty-wishlist.wd-empty-page {display:none;}


.onsale.product-label {
    background-color: red!important;
}

.cwginstock-subscribe-form .panel-primary>.panel-heading {
background-color: #000000;
    border-color: #000000;
}

.price .amount {
    font-size: 1.5em;
		color:#000000 !important;
}

.cwgstock_button {background: gray;}


.woocommerce-MyAccount-navigation-link .is-active {
    display:none !important;
}
.fb_dialog{
    top:80%!important;
}
.fb_customer_chat_bounce_in_v2 {
    top:58%!important;
}

h2.wpb_singleimage_heading {
	font-size:1.2em;
	font-weight:600;
	color:red;
	text-transform:uppercase;
}

.onsale.product-label {
background-color:red;
}

.new.product-label {
background-color:#ffbf00;
}

.smtext {
  font-size: 1px;
	color:white;
}

.smtext a {
  font-size: 1px;
	color:white;
}

.featured.product-label {
background-color:#ff8000;
}

.price ins bdi {
color:red!important;
}

.woocommerce-shipping-fields {
display:none;
}

.category-grid-item .category-title {
font-size:1.4em;
}

.woodmart-load-more {
font-weight:600;
}

div.freeshipping {color:red;padding-bottom:4px;text-align: center;font-weight: bold;}

.woocommerce-ordering {display:none;}

.term-description {
    margin-top: 25px!important;
	font-size:0.8em;
}

.page-title-default {
  background-image: none!important;
}

.wpcf7 .hidden-fields-container {
  display: none !important;
}

/* Поставя всяка опция на радио бутона на нов ред */
span.wpcf7-list-item {
    display: block;
    margin-bottom: 10px; /* Разстояние между опциите */
}

/* Контейнерът за грид */
.grid-form-container {
    display: grid !important;
    gap: 15px !important;
    width: 100% !important;
    margin-bottom: 30px !important;
}

/* Настройка на редовете - 180px за текста, останалото за полето */
.grid-row {
    display: grid !important;
    grid-template-columns: 180px 1fr !important;
    align-items: center !important;
}

/* Подравняване на "Причина за връщане" най-горе */
.grid-row.top-aligned {
    align-items: flex-start !important;
}

/* Стил за текста отляво */
.grid-label {
    font-weight: 600 !important;
    color: var(--wd-title-color, #333) !important;
    font-size: 15px !important;
    line-height: 1.2 !important;
}

/* Радио бутоните - подредени вертикално */
.grid-field .wpcf7-list-item {
    display: block !important;
    margin: 8px 0 !important;
}

.grid-field .wpcf7-list-item-label {
    padding-left: 10px !important;
    cursor: pointer;
}

/* Полетата за попълване */
.grid-field input[type="text"], 
.grid-field input[type="email"], 
.grid-field input[type="tel"] {
    width: 100% !important;
    height: 45px !important;
    border: 1px solid #e1e1e1 !important;
    border-radius: 5px !important;
}

/* Подравняване на бутона "Изпращане" с полетата */
.form-submit-row {
    margin-left: 180px !important;
}

/* Стилизиране на голямото текстово поле */
.grid-field textarea {
    width: 100% !important;
    padding: 10px !important;
    border: 1px solid #e1e1e1 !important;
    border-radius: 5px !important;
    resize: vertical !important; /* Позволява на потребителя да го разпъва само надолу */
    min-height: 80px !important; /* Гарантира, че ще изглежда като за 3 реда */
    line-height: 1.5 !important;
}

@media (max-width: 768px) {
    .grid-row {
        grid-template-columns: 1fr !important;
    }
    .form-submit-row {
        margin-left: 0 !important;
    }
}


@media (max-width: 768px)
.offcanvas-sidebar-mobile .shop-content-area:not(.col-lg-12).description-area-before .term-description, .offcanvas-sidebar-mobile .shop-content-area:not(.col-lg-12).description-area-before .page-description {
    margin-top: 20px;
    margin-bottom: 45px;
}

.return-form-container {
    max-width: 600px;
    margin: auto;
}
.form-section {
    background: #ffffff;
    border: 1px solid #e0e0e0;
    padding: 25px;
    margin-bottom: 20px;
    border-radius: 5px;
}
.form-section h3 {
    margin-top: 0;
    border-bottom: 2px solid #000;
    padding-bottom: 10px;
    font-size: 18px;
}
.terms-content {
    background: #f9f9f9;
    padding: 15px;
    font-size: 13px;
    line-height: 1.6;
    margin-bottom: 15px;
}
.terms-content ul { padding-left: 20px; }

.step-content {
    transition: opacity 0.3s ease-in-out;
    background: #fff;
    padding: 20px;
    border: 1px solid #eee;
    border-radius: 10px;
}

.next-step, .wpcf7-submit {
    background: #000 !important;
    color: #fff !important;
    padding: 12px 25px !important;
    border: none !important;
    border-radius: 4px !important;
    cursor: pointer;
    font-weight: bold;
    text-transform: uppercase;
}

.prev-step {
    background-color: #f0f0f0 !important;
    color: #000 !important;
    border: 1px solid #ccc !important;
    padding: 10px 25px !important;
    font-weight: bold !important;
    cursor: pointer;
    height: 45px; /* Еднаква височина с бутона за изпращане */
    display: flex;
    align-items: center;
}

/* Контейнер за бутоните */
.step-buttons {
    display: flex !important;
    flex-direction: row !important;
    justify-content: flex-start !important;
    align-items: center !important;
    gap: 15px !important;
    margin-top: 20px !important;
    clear: both;
}

/* Оправяне на специфичния контейнер на CF7, който понякога обвива бутона */
.step-buttons .wpcf7-submit {
    margin: 0 !important;
    width: auto !important;
}
/* Ако има само един бутон (на първа стъпка), да е вдясно */
.step-buttons.only-next {
    justify-content: flex-end;
}

.terms-box {
    background: #fdf2f2;
    padding: 15px;
    font-size: 14px;
    margin-bottom: 10px;
}

/* Стил за бутона ИЗПРАТИ */
.wpcf7-submit {
    background-color: #666 !important; /* Тъмно сиво като на снимката */
    color: #fff !important;
    border: none !important;
    padding: 10px 25px !important;
    font-weight: bold !important;
    cursor: pointer;
    height: 45px;
    text-transform: uppercase;
}

/* Малко място за отметката */
.acceptance-wrapper {
    margin: 15px 0;
}

/* ==========================================================================
   ПЪЛНА ТРАНСФОРМАЦИЯ НА CHECKOUT СТРАНИЦАТА - BOUTIQUE MILANO
   ========================================================================== */

/* 1. ПОЛЕТА, ЗАГЛАВИЯ И ИНПУТИ (ЛЕВ БЛОК) */
.woocommerce-checkout .form-row input.input-text, 
.woocommerce-checkout .form-row select,
.select2-container--default .select2-selection--single {
    height: 46px !important;
    border: 1px solid #dcdcdc !important;
    border-radius: 6px !important;
}
#order_review_heading {
    font-size: 18px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    border-bottom: 2px solid #000000 !important;
    padding-bottom: 6px !important;
    margin-bottom: 20px !important;
}

/* 2. ИЗБОР НА КУРИЕР (ЕКОНТ / СПИДИ ЕДНО ДО ДРУГО НА ДЕСКТОП) */
ul#shipping_method {
    padding: 0 !important;
    margin: 20px 0 !important;
    list-style: none !important;
    display: flex !important;
    flex-direction: row !important; /* Нарежда ги в линия */
    gap: 15px !important; /* Отстояние между Еконт и Спиди */
    width: 100% !important;
}
ul#shipping_method li {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    background: #ffffff !important;
    border: 1px solid #eef0f2 !important;
    padding: 15px !important;
    border-radius: 8px !important;
    margin-bottom: 0 !important; /* Махаме долния марж, тъй като са в линия */
    flex: 1 !important; /* Разпределя ги на 2 равни половини (50/50) */
    box-shadow: 0 2px 8px rgba(0,0,0,0.01) !important;
}
ul#shipping_method li input[type="radio"] {
    accent-color: #000000 !important;
    margin-right: 12px !important;
    min-width: 18px !important;
    height: 18px !important;
}
ul#shipping_method li label {
    display: flex !important;
    align-items: center !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 0 !important;
    cursor: pointer;
    flex-grow: 1;
}
ul#shipping_method li label img {
    max-height: 22px !important;
    width: auto !important;
    display: inline-block !important;
}
ul#shipping_method li .amount,
ul#shipping_method li [class*="amount"] {
    font-size: 14px !important;
    font-weight: 700 !important;
    color: #000000 !important;
    margin-left: auto !important;
    text-align: right !important;
}

/* 3. КАРТОВ ДИЗАЙН ЗА ИЗБРАН ОФИС/АДРЕС (ЕКОНТ И СПИДИ ДЕТАЙЛИ) */
#econt_user_checkout_field, #econt_custom_checkout_field,
#speedy_user_checkout_field, #speedy_custom_checkout_field {
    background-color: #ffffff !important;
    border: 1px solid #eef0f2 !important;
    border-radius: 10px !important;
    padding: 22px !important;
    margin: 20px 0 !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.03) !important;
}
.econt-logo, .speedy-logo {
    max-height: 24px !important;
    margin-bottom: 12px !important;
    display: block !important;
}
#edit_econt_address_user_checkout, #edit_speedy_address_user_checkout {
    float: right !important;
    color: #000000 !important;
    text-transform: uppercase !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: 0.5px !important;
    text-decoration: underline !important;
}

/* 4. ДЕСЕН БЛОК (ВАШАТА ПОРЪЧКА) */
.woocommerce-checkout-review-order, #order_review, .wd-checkout-order-review {
    background-color: #ffffff !important;
    background-image: none !important;
    border: 1px solid #eef0f2 !important;
    border-radius: 12px !important;
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.04) !important;
    padding: 30px !important;
}
.shop_table.woocommerce-checkout-review-order-table {
    border: none !important;
}
.shop_table.woocommerce-checkout-review-order-table tr.cart_item td {
    padding: 15px 0 !important;
    border-bottom: 1px solid #f0f0f0 !important;
}
.wd-checkout-prod-img img {
    border-radius: 6px !important;
    max-width: 65px !important;
    height: auto !important;
}
.wd-checkout-prod-title a {
    font-weight: 600 !important;
    color: #111111 !important;
    font-size: 14px !important;
}

/* СЕЛЕКТОР ЗА КОЛИЧЕСТВО И ТОТАЛИ */
.wd-checkout-prod .quantity {
    margin-top: 8px !important;
    display: inline-flex !important;
    border: 1px solid #e0e0e0 !important;
    border-radius: 4px !important;
    overflow: hidden !important;
}
.wd-checkout-prod .quantity input[type="button"] {
    background: #f7f7f7 !important;
    border: none !important;
    width: 25px !important;
    height: 28px !important;
    font-size: 14px !important;
    padding: 0 !important;
}
.wd-checkout-prod .quantity input.qty {
    width: 30px !important;
    height: 28px !important;
    border: none !important;
    border-left: 1px solid #e0e0e0 !important;
    border-right: 1px solid #e0e0e0 !important;
    font-size: 12px !important;
    text-align: center !important;
}
.product-total .amount-bgn, .cart-subtotal .amount-bgn, 
.order-total .amount-bgn, .woocommerce-econt-shipping .amount-bgn,
ul#shipping_method li .amount-bgn {
    color: #777777 !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    display: inline-block !important;
    margin-left: 4px !important;
}
.shop_table tfoot tr th, .shop_table tfoot tr td {
    padding: 12px 0 !important;
    border-top: none !important;
    border-bottom: 1px solid #f4f4f4 !important;
}
.shop_table tfoot tr.order-total th, .shop_table tfoot tr.order-total td {
    border-bottom: none !important;
    font-size: 16px !important;
    color: #000000 !important;
}

/* 5. МЕТОДИ ЗА ПЛАЩАНЕ */
.woocommerce-checkout-payment ul.payment_methods {
    border-bottom: none !important;
    padding: 0 !important;
    margin-top: 20px !important;
}
.woocommerce-checkout-payment ul.payment_methods li {
    background: #f9f9f9 !important;
    border: 1px solid #eef0f2 !important;
    border-radius: 6px !important;
    padding: 12px 15px !important;
    margin-bottom: 10px !important;
    list-style: none !important;
}
.woocommerce-checkout-payment ul.payment_methods li input[type="radio"] {
    accent-color: #000000 !important;
    margin-right: 10px !important;
}
.woocommerce-checkout-payment ul.payment_methods li label {
    font-weight: 600 !important;
    color: #000000 !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
}
.woocommerce-checkout-payment ul.payment_methods li label img {
    max-height: 20px !important;
    width: auto !important;
}
.payment_box p {
    font-size: 12px !important;
    color: #666663 !important;
    margin-top: 6px !important;
    margin-bottom: 0 !important;
}

/* 6. ЧЕКБОКСОВЕ (ОБЩИ УСЛОВИЯ) И БУТОН ЗА ПОРЪЧВАНЕ */
.woocommerce-checkout .place-order p.validate-required {
    margin-bottom: 12px !important;
}
.woocommerce-checkout .place-order label.checkbox {
    display: flex !important;
    align-items: flex-start !important;
    font-size: 13px !important;
    line-height: 1.4 !important;
    color: #444444 !important;
}
.woocommerce-checkout .place-order input[type="checkbox"] {
    margin-right: 10px !important;
    margin-top: 3px !important;
    accent-color: #000000 !important;
    width: 16px !important;
    height: 16px !important;
    min-width: 16px !important;
}
.woocommerce-checkout .place-order label.checkbox a {
    color: #000000 !important;
    text-decoration: underline !important;
    font-weight: 600 !important;
}
.woocommerce-checkout #place_order, 
.woocommerce-checkout button#place_order {
    width: 100% !important;
    background-color: #000000 !important;
    color: #ffffff !important;
    height: 52px !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    border-radius: 6px !important;
    border: none !important;
    transition: background-color 0.2s ease !important;
    margin-top: 15px !important;
    margin-bottom: 5px !important;
}
.woocommerce-checkout #place_order:hover, 
.woocommerce-checkout button#place_order:hover {
    background-color: #1a1a1a !important;
}

/* 7. СКРИТИ ПОЛЕТА И ИЗЧИСТВАНЕ НА ДЪНОТО */
form.woocommerce-checkout input[type="hidden"] {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
}
form.woocommerce-checkout {
    margin-bottom: 30px !important;
}
.checkout-order-review {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

/* 8. СТИЛИЗИРАНЕ НА СТЪПКИТЕ (ХЕДЪР ПРОГРЕС БАР) */
.page-title-default,
.page-title,
.wd-checkout-steps, 
.woodmart-checkout-steps {
    background-color: #ffffff !important;
    background-image: none !important;
    border-bottom: 1px solid #eef0f2 !important;
    padding: 25px 0 !important;
    margin-bottom: 30px !important;
    text-align: center !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 15px !important;
}
.page-title-default h1.entry-title {
    display: none !important;
}
.wd-checkout-steps li:after, 
.woodmart-checkout-steps li:after {
    display: none !important;
}
.wd-checkout-steps li, 
.woodmart-checkout-steps li {
    display: inline-flex !important;
    align-items: center !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    color: #888888 !important;
    position: relative !important;
}
.wd-checkout-steps li::before, 
.woodmart-checkout-steps li::before {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 28px !important;
    height: 28px !important;
    border-radius: 50% !important;
    border: 2px solid #cccccc !important;
    background-color: #ffffff !important;
    color: #888888 !important;
    margin-right: 10px !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    transition: all 0.2s ease !important;
}
.wd-checkout-steps li:nth-child(1)::before, .woodmart-checkout-steps li:nth-child(1)::before { content: "1" !important; }
.wd-checkout-steps li:nth-child(2)::before, .woodmart-checkout-steps li:nth-child(2)::before { content: "2" !important; }
.wd-checkout-steps li:nth-child(3)::before, .woodmart-checkout-steps li:nth-child(3)::before { content: "3" !important; }

.wd-checkout-steps li:not(:last-child)::after, 
.woodmart-checkout-steps li:not(:last-child)::after {
    content: "" !important;
    display: inline-block !important;
    width: 60px !important;
    height: 2px !important;
    background-color: #e0e0e0 !important;
    margin-left: 15px !important;
    vertical-align: middle !important;
}
.wd-checkout-steps li.step-active, 
.woodmart-checkout-steps li.step-active,
.wd-checkout-steps li.current,
.woodmart-checkout-steps li.current {
    color: #000000 !important;
}
.wd-checkout-steps li.step-active::before, 
.woodmart-checkout-steps li.step-active::before,
.wd-checkout-steps li.current::before,
.woodmart-checkout-steps li.current::before {
    background-color: #000000 !important;
    border-color: #000000 !important;
    color: #ffffff !important;
}
.wd-checkout-steps li a, 
.woodmart-checkout-steps li a {
    color: inherit !important;
    text-decoration: none !important;
    pointer-events: none !important;
}

/* ==========================================================================
   9. МОБИЛНА ОПТИМИЗАЦИЯ (ЕКРАНИ ПО-МАЛКИ ОТ 768px)
   ========================================================================== */
@media (max-width: 767px) {
    /* Куриерите се връщат един под друг на телефон, за да има място */
    ul#shipping_method {
        flex-direction: column !important;
        gap: 10px !important;
    }
    ul#shipping_method li {
        width: 100% !important;
        margin-bottom: 2px !important;
        padding: 12px 15px !important;
    }

    /* Намаляване на отстоянията на хедър стъпките за телефон */
    .page-title-default, .page-title, .wd-checkout-steps, .woodmart-checkout-steps {
        padding: 15px 5px !important;
        gap: 8px !important;
        flex-wrap: nowrap !important;
    }
    
    /* Намаляване на шрифта и размера на линиите на стъпките */
    .wd-checkout-steps li, .woodmart-checkout-steps li {
        font-size: 10px !important;
        letter-spacing: 0.5px !important;
    }
    .wd-checkout-steps li::before, .woodmart-checkout-steps li::before {
        width: 22px !important;
        height: 22px !important;
        font-size: 10px !important;
        margin-right: 5px !important;
    }
    .wd-checkout-steps li:not(:last-child)::after, 
    .woodmart-checkout-steps li:not(:last-child)::after {
        width: 25px !important;
        margin-left: 8px !important;
    }

    /* Намаляване на вътрешните отстояния в дясната количка */
    .woocommerce-checkout-review-order, #order_review, .wd-checkout-order-review {
        padding: 15px !important;
    }
    
    ul#shipping_method li label img {
        max-height: 18px !important;
    }
}


/* ==========================================================================
   ДЕCКТОП И МОБИЛЕН СТИЛ ЗА БУТОН "ПРОМОЦИИ"
   ========================================================================== */

/* 1. Десктоп и Мобилна версия (Основен цвят) */
.wd-nav-main li.menu-promo > a,
.wd-nav-mobile li.menu-promo > a,
.wd-mobile-menu li.menu-promo > a {
    color: #ff0000 !important; /* Наситено червен цвят */
    font-weight: 700 !important; /* Удебелен шрифт */
}

/* 2. Ефект при посочване / Натискане (hover & active) */
.wd-nav-main li.menu-promo > a:hover,
.wd-nav-mobile li.menu-promo > a:hover,
.wd-mobile-menu li.menu-promo > a:hover {
    color: #cc0000 !important; /* По-тъмно червено */
}

/* 3. Фикс за мобилната икона на стрелката (ако има подкатегории, да не остане бяла/сива) */
.wd-nav-mobile li.menu-promo > .wd-nav-opener,
.wd-mobile-menu li.menu-promo > .wd-nav-opener {
    color: #ff0000 !important;
}
/* ==========================================================================
   10. СТИЛИЗИРАНЕ НА ИНФОРМАЦИОННИТЕ БАНЕРИ (ЧЕРЕН ФОН - ФИКС)
   ========================================================================== */

/* Контейнер на лентата (запазваме вашия черен фон) */
.woodmart-prefooter, .wd-prefooter, [class*="prefooter-area"] {
    background-color: #000000 !important; /* Черен фон */
    border-top: 1px solid #1a1a1a !important;
    border-bottom: 1px solid #1a1a1a !important;
    padding: 25px 0 !important;
}

/* Подреждане в линия – икона и текст един до друг */
.woodmart-info-box, .wd-info-box {
    display: flex !important;
    flex-direction: row !important; 
    align-items: center !important;
    text-align: left !important;
    margin-bottom: 0 !important;
}

/* Иконите – принудително БЕЛИ, за да изпъкнат на черния фон */
.woodmart-info-box .box-icon-wrapper, 
.wd-info-box .info-box-icon,
.woodmart-info-box .info-box-icon,
.woodmart-info-box .box-icon-wrapper i,
.wd-info-box .info-box-icon i {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin-right: 15px !important;
    margin-bottom: 0 !important;
    color: #ffffff !important; /* Бяла икона */
    font-size: 26px !important; /* Размер */
    line-height: 1 !important;
    min-width: 30px !important;
}

/* Главно удебелено заглавие – изцяло БЯЛО */
.woodmart-info-box .info-box-title,
.wd-info-box .info-box-title {
    font-size: 13px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    color: #ffffff !important; /* Бял цвят */
    margin-bottom: 2px !important;
    line-height: 1.2 !important;
}

/* Малък текст отдолу – светло сив (за по-нежен и луксозен контраст) */
.woodmart-info-box .info-box-inner p,
.wd-info-box .info-box-inner p,
.woodmart-info-box .info-box-inner-wrapper p {
    font-size: 12px !important;
    color: #cccccc !important; /* Светло сиво */
    margin: 0 !important;
    line-height: 1.3 !important;
}

/* Мобилна адаптивност за телефон */
@media (max-width: 767px) {
    .woodmart-prefooter, .wd-prefooter {
        padding: 20px 15px !important;
    }
    .woodmart-prefooter .vc_column_container {
        width: 100% !important;
        float: none !important;
        margin-bottom: 15px !important;
    }
    .woodmart-prefooter .vc_column_container:last-child {
        margin-bottom: 0 !important;
    }
}

/* ==========================================================================
   ТОТАЛЕН ФИКС ЗА SVG ИКОНИТЕ ВЪВ ФУТЕРА (ПРЕМАХВАНЕ НА ОГРОМНИЯ РАЗМЕР)
   ========================================================================== */

/* Настройка на контейнера – принудително иконата и текста да са в линия */
.custom-footer-benefit {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    text-align: left !important;
    width: 100% !important;
    margin-bottom: 25px !important;
    border-bottom: 1px solid #1a1a1a !important;
    padding-bottom: 15px !important;
    box-sizing: border-box !important;
}

/* СТРОГО ОГРАНИЧЕНИЕ ЗА РАЗМЕРА НА SVG ИКОНИТЕ */
.custom-footer-benefit .benefit-svg-icon {
    width: 26px !important;
    height: 26px !important;
    min-width: 26px !important; /* Пречи на иконата да се свива или разпъва */
    min-height: 26px !important;
    max-width: 26px !important;
    max-height: 26px !important;
    color: #ffffff !important; /* Изцяло бял цвят */
    margin-right: 12px !important;
    display: inline-block !important;
    flex-shrink: 0 !important;
}

/* Настройки за подравняване на текстовете */
.custom-footer-benefit .benefit-text {
    display: flex !important;
    flex-direction: column !important;
    flex-grow: 1 !important;
}

/* Заглавието на бенефита */
.custom-footer-benefit .benefit-text h4 {
    font-size: 13px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    color: #ffffff !important;
    margin: 0 0 2px 0 !important;
    letter-spacing: 0.5px !important;
    line-height: 1.2 !important;
}

/* Подзаглавието/Описанието */
.custom-footer-benefit .benefit-text p {
    font-size: 11px !important;
    color: #cccccc !important;
    margin: 0 !important;
    line-height: 1.3 !important;
}

/* Специфична мобилна адаптивност */
@media (max-width: 767px) {
    .custom-footer-benefit {
        background: #0d0d0d !important;
        padding: 12px 15px !important;
        border-radius: 6px !important;
        border-bottom: none !important;
        margin-bottom: 15px !important;
    }
}

/* ==========================================================================
   ЧИСТ И СИГУРЕН МОБИЛЕН ИЗГЛЕД (БЕЗ ЗАСТЪПВАНЕ)
   ========================================================================== */
@media (max-width: 767px) {
    /* Правим колоните да се подредят една под друга нормално */
    .main-footer .container > .row,
    .wd-footer .container > .row {
        display: flex !important;
        flex-direction: column !important;
    }
    
    .main-footer .footer-column,
    .wd-footer .footer-column {
        width: 100% !important;
        max-width: 100% !important;
        flex: 0 0 100% !important;
        position: relative !important;
        top: 0 !important;
        margin-bottom: 30px !important;
    }

    /* Махаме padding-а, който счупи дизайна преди малко */
    .main-footer .container,
    .wd-footer .container {
        padding-top: 20px !important;
    }

    /* Скриваме бенефитите от колони 2, 3 и 4 на мобилен, за да е чисто */
    .main-footer .footer-column:nth-child(2) .custom-footer-benefit,
    .main-footer .footer-column:nth-child(3) .custom-footer-benefit,
    .main-footer .footer-column:nth-child(4) .custom-footer-benefit {
        display: none !important;
    }

    /* Оставяме САМО първия бенефит (БЕЗПЛАТНА ДОСТАВКА) най-отгоре в първата колона */
    .main-footer .footer-column:nth-child(1) .custom-footer-benefit {
        position: relative !important;
        display: flex !important;
        left: 0 !important;
        width: 100% !important;
        background: #0d0d0d !important;
        padding: 12px 15px !important;
        border-radius: 6px !important;
        margin-bottom: 20px !important;
    }
	/* Центриране на самия контейнер и съдържанието му */
    .main-footer .footer-column:nth-child(1) .custom-footer-benefit {
        justify-content: center !important; /* Центрира иконата и текста хоризонтално */
        text-align: center !important;     /* Центрира редовете текст */
    }

    /* Настройка на текстовия блок да се центрира спрямо иконата */
    .custom-footer-benefit .benefit-text {
        align-items: center !important;   /* Центрира заглавието и подзаглавието едно спрямо друго */
        flex-grow: 0 !important;          /* Спира изкуственото разпъване вляво */
    }
}

/* Преместваме целия текстов блок със заглавието надясно */
.wpb_text_column.wpb_content_element {
    padding-left: 20px !important; /* Увеличете цифрата, ако искате да отиде още по-вдясно */
    box-sizing: border-box;
}

/* Настройки за бутона "Виж всички" */
.vc_row {
    position: relative !important;
}

.wd-insta-link {
    position: absolute !important;
    top: 0px; /* Ако бутонът е твърде нагоре, променете на 5px или 10px */
    right: 20px !important; /* Разстояние от десния край */
    margin: 0 !important;
    z-index: 10;
}

/* Промяна на пропорциите на Promo Banner-ите в квадрат (1:1) */
.promo-banner .banner-image img {
    aspect-ratio: 1 / 1 !important;
    object-fit: cover !important; /* Изрязва снимката в квадрат, без да я разтяга или деформира */
    width: 100% !important;
    height: 100% !important;
}

/* ==========================================================================
   ДЕСКТОП ВЕРСИЯ (Остава перфектна и недокосната)
   ========================================================================== */
@media (min-width: 768px) {
    .wpb_text_column.wpb_content_element {
        padding-left: 20px !important;
        box-sizing: border-box;
    }

    .vc_row {
        position: relative !important;
    }

    .wd-insta-link {
        position: absolute !important;
        top: 0px;
        right: 20px !important;
        margin: 0 !important;
        z-index: 10;
    }
}

/* ==========================================================================
   МОБИЛЕН ФИКС (Центрирано заглавие и центриран бутон с отстояние)
   ========================================================================== */
@media (max-width: 767px) {
    /* 1. Настройваме общия ред за заглавието и бутона */
    .vc_row:has(.wd-insta-link) {
        display: flex !important;
        flex-direction: column !important; /* Един под друг */
        align-items: center !important;    /* Центрира елементите хоризонтално */
        justify-content: center !important;
        text-align: center !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    /* 2. Центрираме самото заглавие "Вдъхновение от Instagram" */
    .wpb_text_column.wpb_content_element {
        padding-left: 0 !important;
        text-align: center !important;
        width: 100% !important;
    }
    
    .wpb_text_column.wpb_content_element h2,
    .wpb_text_column.wpb_content_element p,
    .wpb_text_column.wpb_content_element div {
        text-align: center !important;
    }

    /* 3. Оправяме бутона "Виж всички" - центриран и с дистанция до снимките */
    .wd-insta-link {
        position: relative !important;
        top: 0 !important;
        right: 0 !important;
        display: inline-flex !important;
        margin: 0 auto !important; /* Центриране */
        margin-top: 10px !important; /* Дистанция под заглавието */
        margin-bottom: 25px !important; /* СЕРИОЗНА ДИСТАНЦИЯ ПРЕДИ ПУБЛИКАЦИИТЕ */
    }
}

/* ==========================================================================
   МОБИЛЕН ИЗГЛЕД ЗА ПРОМО БАНЕРИТЕ (2 КОЛОНИ + СКРИВАНЕ НА 5-ТИЯ)
   ========================================================================== */
@media (max-width: 767px) {
    /* 1. Намираме общия контейнер, който държи колоните с банерите */
    .vc_row-flex:has(.promo-banner),
    .vc_row:has(.promo-banner) {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important; /* Прави точно 2 равни колони */
        gap: 10px !important; /* Разстояние между банерите */
    }

    /* 2. Нулираме ширината на индивидуалните колони на WPBakery, за да не се чупят */
    .vc_row-flex:has(.promo-banner) > .vc_column_container,
    .vc_row:has(.promo-banner) > .vc_column_container {
        width: 100% !important;
        max-width: 100% !important;
        flex: none !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    /* 3. Скриваме абсолютно и само 5-тия подред банер (Къси дънки) */
    .vc_row-flex:has(.promo-banner) > .vc_column_container:nth-child(5),
    .vc_row:has(.promo-banner) > .vc_column_container:nth-child(5) {
        display: none !important;
    }
}

/* ==========================================================================
   ФУЛ МОБИЛЕН ФИКС: ЕКОНТ И СПИДИ НА ЕДИН РЕД
   ========================================================================== */
@media (max-width: 767px) {
    /* 1. Пренареждаме целия ред за доставка да се чете вертикално (заглавието отива отгоре) */
    .woocommerce-shipping-totals.shipping {
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 10px !important;
    }

    /* 2. Спираме ограничението на ширината за заглавието "Доставка" */
    .woocommerce-shipping-totals.shipping > th {
        width: 100% !important;
        padding-bottom: 0 !important;
    }

    /* 3. Правим контейнера на Еконт и Спиди да заеме целия ред */
    .woocommerce-shipping-totals.shipping > td {
        width: 100% !important;
        padding-top: 0 !important;
    }

    /* 4. Форсираме Еконт и Спиди да застанат на един ред (хоризонтално) */
    ul#shipping_method {
        display: flex !important;
        flex-direction: row !important;
        gap: 10px !important;
        width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    /* 5. Всеки бутон заема точно половината от екрана */
    ul#shipping_method li {
        flex: 1 1 calc(50% - 5px) !important;
        min-width: calc(50% - 5px) !important;
        margin-bottom: 0 !important;
    }
}

/* Стил за новия бутон за проследяване на поръчката */
.custom-tracking-btn {
    display: block !important;
    text-align: center !important;
    background-color: #000000 !important; /* Черен фон като вашия сайт */
    color: #ffffff !important;
    padding: 12px 20px !important;
    font-weight: bold !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
    border-radius: 0px !important; /* Остър като WoodMart дизайна */
    transition: all 0.3s ease !important;
}

.custom-tracking-btn:hover {
    background-color: #333333 !important;
    color: #ffffff !important;
}

/* 1. Скриваме старото заглавие "Обновявания на поръчката" */
h2:has(+ .woocommerce-OrderUpdates),
h2:has(+ .notes),
h2.woocommerce-order-updates-title {
    display: none !important;
}

/* 2. Скриваме самия списък с оригиналните текстови бележки */
ol.woocommerce-OrderUpdates,
ul.woocommerce-OrderUpdates,
.woocommerce-OrderUpdates.notes {
    display: none !important;
}

/* 3. Стилът за нашия нов, голям бутон "ПРОСЛЕДИ" (ако е необходимо) */
.custom-tracking-btn {
    display: block !important;
    text-align: center !important;
    background-color: #000000 !important;
    color: #ffffff !important;
    padding: 14px 20px !important;
    font-weight: bold !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
    border-radius: 0px !important;
    transition: all 0.3s ease !important;
}
.custom-tracking-btn:hover {
    background-color: #333333 !important;
}

/* Фиксиране на разпънатите бутони за бройка в количката */
.woocommerce-checkout-review-order-table .quantity,
.shop_table .quantity {
    display: inline-flex !important;
    border: 1px solid #e1e1e1 !important;
    padding: 0 !important;
    width: 105px !important;
    max-width: 105px !important;
    min-width: 105px !important;
    overflow: hidden !important;
}

/* Бутони минус и плюс */
.woocommerce-checkout-review-order-table .quantity .minus,
.woocommerce-checkout-review-order-table .quantity .plus,
.shop_table .quantity .minus,
.shop_table .quantity .plus {
    width: 35px !important;
    min-width: 35px !important;
    max-width: 35px !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Поле с цифрата */
.woocommerce-checkout-review-order-table .quantity input[type="number"],
.shop_table .quantity input[type="number"] {
    width: 35px !important;
    min-width: 35px !important;
    max-width: 35px !important;
    padding: 0 !important;
    margin: 0 !important;
    text-align: center !important;
    border-left: 1px solid #e1e1e1 !important;
    border-right: 1px solid #e1e1e1 !important;
    border-top: none !important;
    border-bottom: none !important;
}

/* Изравняване на продуктовата цена хоризонтално */
.woocommerce-checkout-review-order-table .cart_item,
.woocommerce-checkout-review-order-table .product-total {
    vertical-align: middle !important;
}@media (min-width: 1025px) {
	div.woodmart-filter-buttons {display:none;}

.menu-simple-dropdown .sub-menu-dropdown, .menu-simple-dropdown .sub-sub-menu {width:250px;}

form.woocommerce-checkout {flex-wrap: nowrap;}

.page-title-default, .page-title, .wd-checkout-steps, .woodmart-checkout-steps {border-bottom: 0px solid #eef0f2 !important;}
}

@media (min-width: 768px) and (max-width: 1024px) {
	.term-description {
	margin-top: 20px;
   margin-bottom: 45px;
}

h2.wpb_singleimage_heading {
    color: #000000 !important;
    font-size: 1.3em !important;
}
}

@media (min-width: 577px) and (max-width: 767px) {
	.term-description {
	margin-top: 20px;
   margin-bottom: 45px;
}

table td p {
font-size:0.7em;
}

.offcanvas-sidebar-mobile .sidebar-container {
width: 100%;
}

.wd-side-hidden {
width: 100%;
}

h2.wpb_singleimage_heading {
    color: #000000 !important;
    font-size: 1.3em !important;
}
}

@media (max-width: 576px) {
	table td p {
font-size:0.7em;
}

.offcanvas-sidebar-mobile .sidebar-container {
width: 100%;
}

.wd-side-hidden {
width: 100%;
}

table td {
    padding: 10px 2px;
    border-bottom: 1px solid var(--brdcolor-gray-300);
    font-size: 0.8em;
}

h2.wpb_singleimage_heading {
    color: #000000 !important;
    font-size: 1.3em !important;
}
}

