/* ───────────────────────────────────────────
   0. Header Desktop
   ─────────────────────────────────────────── */
@media (min-width: 1025px) {
  .whb-main-header {
    top: 20px !important;
  }

  .whb-color-dark:not(.whb-with-bg) {
    background-color: unset !important;
  }

  .whb-column9 {
    background: #ffffff96;
    backdrop-filter: blur(64px);
    gap: 20px;
    padding: 0 6px;
    border-radius: 150px;
    box-shadow: 0 0 32px rgba(0, 0, 0, 0.1);
	z-index: 20 !important;
  }
	
	.whb-header-bottom {
    margin-top: 10px;
	}
	
}

/* Hidden menu (cart/burger) */

	.wd-heading {
    border-bottom: 2px solid #e5e5e5 !important;
    padding: 20px 15px 20px 15px !important;
	}

	.wd-heading .title {
    font-size: 115% !important;
	}

    .wd-side-hidden.wd-left { /* Hidden Left-Side */
    border-radius: 0 20px 20px 0;
	}	

	.wd-side-hidden.wd-right { /* Rigth Left-Side */
    border-radius: 20px 0 0 20px;
	}

	.wd-scroll-content {
	padding: 15px;
	}

	.cart-widget-side .woocommerce-mini-cart .mini_cart_item { /* Mini Cart */
	box-shadow: 0 0 32px rgba(0, 0, 0, 0.1);
	margin-bottom: 5px !important;
	border-radius: 7px;
    border-bottom: unset !important;
		}
	
	.woocommerce-mini-cart__total.total {
    background-color: #f7f7f7;
	}

	.product_list_widget>li>a {
    display: block;
    margin-bottom: unset !important;
	}
	
	a.woodmart-nav-link {
    border-radius: 7px;
	text-transform: none !important;
	}

/* ───────────────────────────────────────────
   0.1 Header Mobile
   ─────────────────────────────────────────── */
@media (max-width: 767px) {
	.whb-main-header {
    top: 15px !important;
	}
	
	.whb-color-dark:not(.whb-with-bg) {
    background-color: unset !important;
	}
	
	.wd-header-nav, .site-logo {
    padding-inline: unset !important;
	}
	
	.whb-general-header-inner {
    background: #ffffff96;
    -webkit-backdrop-filter: blur(64px);
  	backdrop-filter: blur(64px);
    padding: 0 15px;
    border-radius: 150px;
    box-shadow: 0 0 32px rgba(0, 0, 0, 0.1);
	}
	
	.wd-tools-element {
    --wd-tools-icon-base-width: 22px !important;
	}
	
	.wd-action-btn { /* Close Button */
    display: flex;
    width: 100px;
    height: 50px;
    align-items: center;
    justify-content: center;
    box-shadow: 0px 0px 32px 0px rgba(0, 0, 0, 0.1);
    border-radius: 150px;
	}
	
	.wd-header-mobile-nav .wd-tools-icon { /* Burger */
    height: 52px !important;
    width: 80px !important;
	}
	
	.wd-header-mobile-nav.wd-tools-element>a { /* Burger */
    padding-inline: unset !important;
	}
	
	.wd-search-form { /* Search */
	margin-top: 15px;
    padding: 0 15px;
	}
	
	.mobile-nav .searchform { /* Search */
        border: 2px solid #e5e5e5;
        border-radius: 7px;
        box-shadow: unset !important;
        background-color: #f7f7f7;
        --wd-form-placeholder-color: #666 !important;
}
	
	.mobile-nav .searchform input[type="text"] { /* Search */
    height: 45px !important;
	}
	
	.searchform .searchsubmit { /* Search Icon */
	 margin-right: 10px;
     color: #242424 !important;
     background: unset !important;
     width: unset !important;
	}
	
	.searchform .searchsubmit:after { /* Search Icon */
    font-size: 18px !important;
	color: #666 !important;
	}
	
	.mobile-nav .wd-search-results { /* Search Icon */
    border-radius: 20px !important;
    box-shadow: 0px 0px 32px 0px rgba(0, 0, 0, 0.1);
    margin-top: 12px !important;
	}
	
	.wd-nav-mobile { /* Поля ссылок */
    margin: 5px 15px 0 15px !important;
	}
	
	.wd-nav-mobile>li {
	 margin-bottom: 5px;
	}
	
	
	.mobile-nav .wd-nav-mobile>li>a, .wd-nav-mobile>li>ul li>a { /* Поля ссылок */
    border-bottom: unset !important;
    min-height: 45px !important;
	font-size: 16px !important;
	}
	
	.wd-nav-mobile li:is(.current-menu-item,.wd-active)>a { /* Активная ссылка */
    color: var(--wd-primary-color);
    background-color: #e5e5e5;
    border-radius: 7px;
	}
	
	.mobile-nav .wd-nav-opener {
    border-left: unset !important;
	border-inline-end: unset !important;
    border-bottom: unset !important;
}
	
	.wd-drilldown-back { /* Меню кнопка back */
    background: #e5e5e5;
    border-radius: 7px;
	}
	
	.wd-drilldown-back>a {
	color: var(--wd-primary-color) !important;
    text-transform: none !important;
	justify-content: flex-end;
	}
	
}

/* ───────────────────────────────────────────
   0.5 Dropdown&Products
   ─────────────────────────────────────────── */
/* dropdown size */

.wd-dropdown-menu.wd-design-default {
	margin-top: 24px;
    padding: 12px 10px !important;
    width: max-content;
    border-radius: 20px;
	box-shadow: 0px 0px 32px 0px rgba(0, 0, 0, 0.1);
}

	.wd-sub-menu li>a {
    max-width: 150px;
    min-height: 35px;
    padding-inline: 10px;
    border-radius: 7px;
	}

	.wd-sub-menu li>a:hover {
    background-color: #e5e5e5;
	}
	
.wd-header-my-account .wd-sub-menu {
    display: flex;
    gap: 5px;
    --sub-menu-color: #242424 !important;
    font-weight: bold;
    flex-direction: column;
    flex-wrap: wrap;
}

/* Кнопка в меню Products */
@media (min-width: 1025px) {	
.hnavigation-item > .woodmart-nav-link {
    background-color: #e24c4c;
	color: white !important;
    border-radius: 56px;
	width: 147px;
    height: 55px;
    align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: background-color .3s ease-in;
}

.wd-header-nav, .site-logo {
    padding-inline: unset !important;
}

.wd-header-search.wd-tools-element>a {
    padding-inline: unset !important;
}

.hnavigation-item.wd-opened > .woodmart-nav-link {
    background-color: #242424;        /* активная кнопка */
}
	
.hnavigation-item > .woodmart-nav-link:hover {
    background-color: rgb(192,31,31);
}

.wd-nav>li:is(.wd-has-children,.menu-item-has-children)>a:after { /* Удалить стрелку */
    display: none !important;
}
}

/* СМЕНА ИКОНКИ*/
/* обычная иконка показывается всегда… */
.hnavigation-item .wd-nav-img {display:inline-block;}

/* …кроме момента, когда пункт открыт */	
.hnavigation-item.wd-opened .wd-nav-img {display:none;}

/* выводим «иконку-закрытия» */
.hnavigation-item.wd-opened > a.woodmart-nav-link::before{
    content: "";
    display:inline-block;
    width:20px;
    height:20px;
    margin-right:6px;                     /* отступ как у штатной иконки */
    background:url('/wp-content/uploads/2025/06/close-svgrepo-com.svg') center/contain no-repeat;
}
/* ───────────────────────────────────────────
   1. LOGOTYPE
   ─────────────────────────────────────────── */
@media (min-width: 1025px) {
.site-logo.whb-a3rvvnankbs9yz31chhl {
    display: flex;
	background: #ffffff96 !important;
    backdrop-filter: blur(64px);
    box-shadow: 0px 0px 32px 0px rgba(0, 0, 0, 0.1);
    width: 100px;
    height: 65px;
    border-radius: 65px;
    justify-content: center;
    align-items: center;
	}

}
/* ───────────────────────────────────────────
   2. Иконки Header My Account/My Cart/Search
   ─────────────────────────────────────────── */
@media (min-width: 1025px) {
.wd-header-cart .wd-tools-icon, .wd-header-my-account .wd-tools-icon {
	background: #ffffff96 !important;
    backdrop-filter: blur(64px);
    box-shadow: 0px 0px 32px 0px rgba(0, 0, 0, 0.1);
    width: 100px !important;
    height: var(--wd-header-general-h) !important;
}

.wd-header-cart.wd-tools-element:is(.wd-design-6,.wd-design-7,.wd-design-8) .wd-tools-count {
    position: absolute;
    top: -3px;
    inset-inline-end: -2px;
    background-color: var(--wd-primary-color);
    border-radius: 25px;
    width: 25px;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.17);
    color: #fff;
    font-size: 11px;
}
	
.wd-header-cart .wd-tools-icon,
.wd-header-cart .wd-tools-icon:before,
.wd-header-my-account .wd-tools-icon,
.wd-header-my-account .wd-tools-icon:before {  /* Icon size */
    font-size: 24px !important;
}

.wd-header-search .wd-tools-icon { /* Search */
    width: 56px !important;
	background: #ffffff96  !important;
    border-radius: 56px !important;
    box-shadow: 0px 0px 32px 0px #e24c4c42;
    height: 56px !important;
    transition: 
    box-shadow 0.3s cubic-bezier(0.4,0,0.2,1);
}
	
.wd-header-search .wd-tools-icon:hover {
    box-shadow: 0px 0px 32px 0px #e24c4c91;
    /* при необходимости можно добавить изменение других свойств */
}
}

/* ───────────────────────────────────────────
   3. ОБЩИЙ ВИД КНОПКИ ПЕРЕКЛЮЧЕНИЯ ВАЛЮТЫ
   ─────────────────────────────────────────── */

@media (min-width: 1025px) {
.wc_aelia_cs_currency_selector {
    padding: unset;
}

.wc_aelia_cs_currency_selector .selected_currency {
    display: flex;
	align-items: center;
	justify-content: center;
    box-shadow: 0px 0px 32px 0px rgba(0, 0, 0, 0.1);
    width: 100px !important;
    height: var(--wd-header-general-h) !important;
	border: unset;
    border-radius: 150px;
    background: #ffffff96 !important;
    backdrop-filter: blur(64px);
    padding: 0 12px;
}

.wc_aelia_cs_currency_selector .selected_currency:hover {
    color: #242424;
}

.wc_aelia_cs_currency_selector .currency_name { /* Текст */
	width: unset;
	line-height: normal;
    font-weight: var(--wd-header-el-font-weight);
    font-style: var(--wd-header-el-font-style);
    font-size: 14px;
    font-family: var(--wd-header-el-font);
    text-transform: var(--wd-header-el-transform);
	margin-left: 6px;
}

.wc_aelia_cs_currency_selector .currency_flag {
    border-radius: unset;
    max-height: unset;
    min-width: unset;
}

.wc_aelia_cs_currency_selector.dropdown_selector .currency_flag img { /* Flag */
    border-radius: unset;
    max-height: 25px;
    object-fit: cover;
    max-width: 25px !important;
    z-index: -1;
}

.wc_aelia_cs_currency_selector .selected_currency:before { /* выключить стерлку */
  display: none;
}
}

/* ───────────────────────────────────────────
   3.1. ВИД ВЫПАДАЮЩЕГО МЕНЮ ВАЛЮТЫ
   ─────────────────────────────────────────── */
@media (min-width: 1025px) {
.wc_aelia_cs_currency_selector .dropdown {
	min-width: fit-content;
	margin-top: 12px;
    border: unset;
	padding: 12px 10px;
	border-radius: 20px;
	box-shadow: 0px 0px 32px 0px rgba(0, 0, 0, 0.1);
}
	
    .wc_aelia_cs_currency_selector .dropdown .currency {
        max-width: 150px;
        min-height: 35px;
        padding-inline: 10px !important;
        border-radius: 7px;
    }

.wc_aelia_cs_currency_selector .dropdown .currencies {
        display: flex;
        margin-top: unset;
        margin-bottom: unset;
        gap: 5px;
        flex-direction: column;
        flex-wrap: wrap;
		align-items: center;
}

.widget_wc_aelia_currencyswitcher_widget .dropdown .option.selected {
   color: var(--wd-primary-color);
   background-color: #e5e5e5;
}

.widget_wc_aelia_currencyswitcher_widget .dropdown .option:hover {
   color: var(--wd-primary-color);
   background-color: #e5e5e5;
}

ul.options.currencies {
    --li-pl: unset;
} 
	}

/* ───────────────────────────────────────────
   4. Order Status Bar
   ─────────────────────────────────────────── */
.status-bar {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.55rem 1.2rem;
  border-radius: 999px;
  background: rgba(10, 10, 15, 0.55);         
  backdrop-filter: blur(14px);   
  -webkit-backdrop-filter: blur(14px);
  border: 1px solid rgba(255, 255, 255, 0.12);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.35);
  color: #f5f5f7;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "SF Pro Text", sans-serif;
  font-size: 0.9rem;
  letter-spacing: 0.02em;
}

.status-label {
  opacity: 0.85;
}

.status-strong {
  font-weight: 600;
  color: #ffffff;
}

.status-separator {
  opacity: 0.35;
}

/* Pulse Dot status */
.status-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #4ade80; /* Green Online */
  box-shadow: 0 0 0 0 rgba(74, 222, 128, 0.6);
  animation: pulse 1.8s infinite;
}

@keyframes pulse {
  0%   { box-shadow: 0 0 0 0 rgba(74, 222, 128, 0.6); }
  70%  { box-shadow: 0 0 0 14px rgba(74, 222, 128, 0); }
  100% { box-shadow: 0 0 0 0 rgba(74, 222, 128, 0); }
}

/* Mobilе */
@media (max-width: 600px) {
  .status-bar {
    flex-wrap: wrap;
    justify-content: center;
    text-align: center;
    gap: 0.35rem;
    padding: 0.5rem 0.9rem;
    font-size: 0.8rem;
  }
}

/* Animation */

:root {
    --duration-default: 0.6s;
    --cubic-default: cubic-bezier(0.625, 0.05, 0, 1);
    --animation-default: var(--duration-default) var(--cubic-default);
}
/* 1. Base Status */
.status-bar {
    transition: all var(--animation-default);
    /* Start */
    transform: translateY(0em) scale(1);
    opacity: 1;
    transform-origin: top center;
    position: relative;
    z-index: 1; 
}

/* 2. Animation ON */
@keyframes slideOutOnLoad {
    0% {
        transform: translateY(-120%);
        opacity: 0;
    }
    100% {
        transform: translateY(0);
        opacity: 1;
    }
}

.status-bar {
    animation: slideOutOnLoad var(--duration-default) var(--cubic-default) forwards;
}

/* 3. Animation OFF */
.whb-header.whb-sticked .whb-not-sticky-row {
    display: block !important;   /* We prohibit disappearance */
    opacity: 0;
    transition: all var(--animation-default);
}

/* State when the hat is NOT stuck (normal) */
.whb-header:not(.whb-sticked) .whb-not-sticky-row {
    opacity: 1;
    transition: all var(--animation-default);
}

.whb-header.whb-sticked .status-bar {
    transform: translateY(-120%) scale(1); /* Moves back up */
    opacity: 0;
}

/* ───────────────────────────────────────────
   4. END Order Status Bar
   ─────────────────────────────────────────── */