:root {
  --main: #000;
  --second: #3c3c3c;
  --bestseller-badge: #e7932b;
  --new-badge: #3ab9ff;
  --sale-badge:#ef446d;
  --scroll-color: #22c55e;
}

/* Scrollbar*/
/* width */
::-webkit-scrollbar {
    width: 20px;
  }
  
  /* Track */
  ::-webkit-scrollbar-track {
    /* box-shadow: inset 0 0 5px grey;  */
    /* border-radius: 10px; */
  }
   
  /* Handle */
  ::-webkit-scrollbar-thumb {
    background: var(--scroll-color); 
    /* border-radius: 10px; */
  }
  
  /* Handle on hover */
  ::-webkit-scrollbar-thumb:hover {
    background: var(--scroll-color); 
  }

/*#nav-menu a:after {*/
/*  background-color: currentColor;*/
/*  content: "";*/
/*  bottom: -3px;*/
/*  height: 1px;*/
/*  left: 0;*/
/*  position: absolute;*/
/*  transform: scaleX(0);*/
/*  transform-origin: center bottom;*/
/*  transition: transform 0.2s;*/
/*  width: 100%;*/
/*}*/
/*#nav-menu a:hover::after {*/
/*  transform: scaleX(1);*/
/*}*/

ul {
  @apply absolute left-0 top-full hidden group-hover:block bg-white shadow-lg rounded-lg min-w-[200px] z-50 transition-transform duration-200;
  transform: translateY(-10px);
}
.group:hover > ul {
  transform: translateY(0);
}

.custom-shape-divider-bottom {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  overflow: hidden;
  line-height: 0;
  transform: rotate(180deg);
}
.custom-shape-divider-bottom svg {
  position: relative;
  display: block;
  width: calc(100% + 1.3px);
  height: 50px;
}
.custom-shape-divider-bottom .shape-fill {
  fill: #f5f1e9;
}
.text-custom-gray {
  color: #4b5e97;
}
.nav-open {
  transform: translateX(0);
}
.feature:after {
  background: linear-gradient(
    0deg,
    rgba(255, 255, 255, 1) 0%,
    rgba(255, 255, 255, 0) 100%
  );
  bottom: 0;
  content: "";
  height: 30%;
  left: 0;
  position: absolute;
  width: 100%;
}

#product-slider-main .swiper-wrapper,
#product-slider-nav .swiper-wrapper {
  transition: transform 0.6s ease;
  will-change: transform;
}
.swiper-slide {
  height: auto !important;
}
.swiper-slide-thumb-active{
    border: 5px solid black;
}
#product-slider-main {
  /*height: 500px;*/
  /*max-height: 500px;*/
  overflow: hidden;
}
#product-slider-main .swiper-slide {
  display: flex;
  justify-content: center;
  align-items: center;
}
#product-slider-main img {
  max-height: 100%;
  object-fit: contain;
}
.swiper-button-next:after, .swiper-button-prev:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none !important;
    letter-spacing: 0;
    font-variant: initial;
    line-height: 1;
}
/*.product .wishlist-link {*/
/*    position: absolute;*/
/*    right: 4px;*/
/*    width: 20px;*/
/*    z-index: 1;*/
/*    top: -2px;*/
/*}*/
@media (max-width: 767px) {
  .nav-menu {
    transform: translateX(100%);
    transition: transform 0.3s ease-in-out;
  }
  .nav-open {
    transform: translateX(0);
  }
  /*#logo{*/
  /*    width: 90px;*/
  /*}*/
}

@media (max-width: 900px) {
  /* Скрива подменюта, които се показват с hover на родител */
  .menu-item.menu-item-has-children.relative.group:hover > .sub-menu,
  .menu-item.menu-item-has-children.relative.group:focus-within > .sub-menu,
  .menu-item.menu-item-has-children.relative.group:hover .group-hover\:block {
      display: none !important;  /* скрива подменюто */
      opacity: 0 !important;
      transform: none !important;
      visibility: hidden !important;
  }
}
.woocommerce img, .woocommerce-page img{
    width: 100%;
}
.wpcf7-submit {
    background: transparent;
    border: 1px solid #fff;
    color: #fff;
    padding: 0.5rem 1.5rem;
    border-radius: 0.375rem;
    transition: all 0.3s ease;
}
.wpcf7-submit:hover {
    background: #fff;
    border-color: #0284c7; /* sky-600 */
    color: #0284c7;
}
.products-category .image-container{
    margin-bottom: 0.5rem;
    border-radius: 0.5rem;
}
.products-category .woocommerce-Price-amount,
.category-product .woocommerce-Price-amount{
    color: var(--main);
    font-size: 0.8rem;
}

.price bdi,
.price ins{
    color: var(--main);
    font-weight: 500;
}
 .price del{
    color: var(--second);
}
.price ins,
.price del{
    text-decoration: none;
}
.products-category .img-fluid{
    border-radius: 0.5rem;
}
.products-category .product-title,
.category-product .product-title{
    font-weight: 900;
}
.woocommerce {
    margin-top: 6rem;
}
.woocommerce-pagination .page-numbers span,
.woocommerce-pagination .page-numbers a{
    padding: 1rem !important
}
.woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li span.current{
    background: #000;
    color: #fff;
    transition: all 0.3s ease;
}
/*.single_add_to_cart_button {*/
/*    padding: 2rem !important*/
/*}*/
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt{
    background: #000;
}
#place_order {
    background: #3b82f6;
    padding: 2rem;
    border: 1px solid #3b82f6;
        transition-property: all;
    transition-timing-function: 
cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 300ms;
}

#place_order:hover{
    background: #fff;
    color: #3b82f6;
    border: 1px solid #3b82f6;
}

.woocommerce-breadcrumb {
  font-size: 14px;
  font-family: sans-serif;
  margin-bottom: 2rem !important
}

.woocommerce-breadcrumb a {
  color: var(--main); 
  text-decoration: none;
  transition: color 0.3s ease;
}

.woocommerce-breadcrumb a:hover {
  color: var(--second);
}

.woocommerce-breadcrumb span {
  color: var(--second);
  margin: 0 4px;
}

.woocommerce-breadcrumb .current {
  color: var(--second);
}

/*Cart*/
.cart-block{
    background: #f6f6f6 !important;
    padding: 1rem !important;
    display: flex;
    flex-direction: column;
    border-radius: 1rem;
}
.woocommerce-info svg{
    width: 20px;
}
.billing-title{
    display: flex;
    gap: 0.5rem
}
.billing-title svg{
    width: 20px;
}
.cart_item .product-name{
    display: flex;
    gap: 1rem;
}
.woo-bg--shipping-methods-tabs--titles label.active{
    border: 1px solid #234182;
    border-color:  #234182 !important;
    border-left: 44px solid #234182;
    /*background: #ebebeb;*/
}

.woo-bg--shipping-methods-tabs--titles label{
    border: 1px solid grey;
    position: relative;
    cursor: pointer;
    margin-bottom: 1rem;
}

.woo-bg--shipping-methods-tabs--titles label.active:before{
    position: absolute;
    font-size: 22px;
    line-height: 1;
    content: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools --%3E%3Csvg width='30px' height='30px' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23ffffff' d='M512 64a448 448 0 1 1 0 896 448 448 0 0 1 0-896zm-55.808 536.384-99.52-99.584a38.4 38.4 0 1 0-54.336 54.336l126.72 126.72a38.272 38.272 0 0 0 54.336 0l262.4-262.464a38.4 38.4 0 1 0-54.272-54.336L456.192 600.384z'/%3E%3C/svg%3E");
    z-index: 100000;
    left: -36px;
    top: 5px;
    color: white;
}


.woocommerce-checkout #payment{
    background: transparent !important;
}
.checkout p,
.checkout label,
.checkout h3,
.checkout div{
    /*font-family: Gordita !important;*/
    font-weight: 400;
}
.woocommerce form .form-row .required{
    color: #c68484 !important
}
.checkout-product-list-info{
    display: flex;
    flex-direction: column;
}
@media (max-width: 768px) { 
    .checkout-cart{
        margin-top: 20px
    }
}
#add_payment_method #payment div.payment_box, .woocommerce-cart #payment div.payment_box, .woocommerce-checkout #payment div.payment_box{
    background-color: #e9e9e9 !important;
}
.woocommerce-checkout #payment div.payment_box::before{
    border: 1em solid #272130
}
.woocommerce form .form-row input.input-text{
    height: 40px;
}
/* --- Force visible radio and basic label styles --- */
.woo-bg--shipping-methods-tabs--titles label {
  display: inline-flex;
  align-items: center;
  gap: .5rem;
  cursor: pointer;
  border-radius: .75rem; /* rounded-lg */
  padding: .5rem 1rem;   /* px-4 py-2 */
  font-size: .875rem;    /* text-sm */
  font-weight: 500;
  border: 1px solid #e5e7eb; /* border-gray-200 */
  background: #ffffff;
  color: #374151; /* text-gray-700 */
  transition: all .12s ease;
}
.woo-bg--shipping-methods-tabs label span{
    color: #111827;
}
/* active look */
.woo-bg--shipping-methods-tabs--titles label.active {
  /*background: #111827;*/
  color: #ffffff;
  border-color: #111827;
}

/* make sure images inside labels are sized */
.woo-bg--shipping-methods-tabs--titles label img {
  width: 20px;
  height: 20px;
  object-fit: contain;
}

/* Force radio inputs to be visible and clickable */
.woocommerce-shipping-methods input[type="radio"].shipping_method {
  position: relative !important;
  opacity: 1 !important;
  visibility: visible !important;
  width: 1.1rem !important;
  height: 1.1rem !important;
  margin-right: .5rem !important;
  accent-color: #111827; /* modern browsers */
}

/* Wrap each shipping method nicely */
.woocommerce-shipping-methods li {
  margin-bottom: .75rem;
  padding: .75rem;
  border-radius: .75rem;
  border: 1px solid #f3f4f6;
  background: #fff;
}

/* multiselect fields: ensure full width and visible placeholder */
.woo-bg-multiselect,
.woo-bg-multiselect .multiselect__input,
.multiselect__content-wrapper {
  /*width: 100% !important;*/
}

/* increase z-index for dropdown content while debugging: */
.multiselect__content-wrapper {
  z-index: 9999 !important;
}

/* If some Tailwind base rules hide inputs, override */
input[type="radio"] {
  -webkit-appearance: radio !important;
  -moz-appearance: radio !important;
  appearance: radio !important;
}
.woocommerce-checkout #payment div.payment_box::before{
    border: none;
}
ul#shipping_method li:not(.elementor-widget-woocommerce-cart #shipping_method li){
    background: none;
}
#shipping_method .woo-bg--city-state-field .woo-bg-multiselect input.multiselect__input{
    width: 50px;
}

.woocommerce-order svg path{
    fill: green
}
.woocommerce-order-overview{
    display: flex;
}
.woocommerce-order-details p{
    margin-bottom: 0 !important
}
/* Контейнер на поръчката */
.woocommerce-order {
    background-color: #ffffff;
    padding: 1.5rem;
    border-radius: 0.5rem;
    box-shadow: 0 4px 10px rgba(0,0,0,0.05);
    max-width: 960px;
    margin: 2rem auto;
    font-family: sans-serif;
}

/* Икона за успешно плащане */
.woocommerce-order svg {
    display: block;
    margin: 0 auto 1rem auto;
    color: #10B981; /* зелен */
    width: 50px;
    height: 50px;
}

/* Уведомление за успешно плащане */
.woocommerce-notice--success {
    color: #047857; /* тъмен зелен */
    text-align: center;
    font-weight: 600;
    font-size: 1.125rem;
    margin-bottom: 1rem;
}

/* Секция на поръчката */
.woocommerce-order-overview,
.woocommerce-order-details,
.woocommerce-customer-details {
    background-color: #f9fafb;
    padding: 1rem;
    border-radius: 0.5rem;
    box-shadow: 0 2px 6px rgba(0,0,0,0.05);
    margin-bottom: 1.5rem;
}

/* Заглавия на секциите */
.woocommerce-order-details__title,
.woocommerce-column__title {
    color: #111827;
    font-size: 1.25rem;
    font-weight: 700;
    border-bottom: 1px solid #e5e7eb;
    padding-bottom: 0.5rem;
    margin-bottom: 1rem;
}

/* Таблица с продукти */
.woocommerce-table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 1rem;
}

.woocommerce-table th,
.woocommerce-table td {
    padding: 0.75rem;
    border-bottom: 1px solid #e5e7eb;
}

.woocommerce-table th {
    background-color: #f3f4f6;
    text-align: left;
    font-weight: 600;
    color: #374151;
}

.woocommerce-table td {
    color: #4b5563;
}

/* Общи цени и totals */
.woocommerce-order-overview__total,
.woocommerce-table tfoot th,
.woocommerce-table tfoot td {
    font-weight: 700;
    font-size: 1rem;
    color: #111827;
}

/* Адреси */
.woocommerce-column address {
    display: block;
    line-height: 1.6;
    color: #374151;
}

/* Телефон и имейл */
.woocommerce-customer-details--phone,
.woocommerce-customer-details--email {
    font-weight: 500;
    color: #111827;
}

/* Малки бележки */
.shipped_via {
    font-size: 0.875rem;
    color: #6b7280;
}

/* Списък с продукти с много артикули */
.woocommerce-table__product-name strong {
    font-weight: 600;
    margin-left: 0.25rem;
}

/* Мобилна версия: responsive */
@media (max-width: 768px) {
    .woocommerce-order {
        padding: 1rem;
    }
    
    .woocommerce-table th,
    .woocommerce-table td {
        padding: 0.5rem;
    }
    
    .woocommerce-order-details__title,
    .woocommerce-column__title {
        font-size: 1.125rem;
    }
}
.woocommerce-info{
    display: flex;
}
.messagepop {
    max-width: 350px;
}
del{
        text-decoration: line-through !important;
    text-decoration-thickness: -4px  !important;
    text-underline-offset: 0px  !important;
    line-height: 18px  !important;
    font-size: 14px  !important;
}
.price bdi, .price del{
    font-weight: 900;
}
@media (max-width: 760px) {
    #product-slider-main,
    #product-slider-main .swiper-slide {
        height: auto !important;
    }

    #product-slider-main img {
        display: block;
        width: 100%;
        height: auto;
    }
}
#product-slider-main .swiper-slide {
    width: 100%;
}
#product-slider-main .swiper-slide {
    width: 100% !important;
    /*display: block;*/
}
/* FORCE horizontal */
.swiper-horizontal > .swiper-wrapper {
    flex-direction: row !important;
}

/* FORCE vertical (за thumbs) */
.swiper-vertical > .swiper-wrapper {
    display: flex !important;
    flex-direction: column !important;
    height: auto !important;
}
.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after,
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after{
    color: #000;
}
.woo-variation-swatches.wvs-show-label .variations td, .woo-variation-swatches.wvs-show-label .variations th{
    margin-bottom: 0.5rem;
}
.single_add_to_cart_button {
    background: rgb(34 197 94) !important
}