/* Цветове:
Оранжевия акцент: #FA6337
Тъмнооранжевия hover: #DC4A20
Светлосивия кант: #DEE2E6
*/

/* Постоянен кант, сянка и заоблени ъгли за продуктите в списъка
.products .product-miniature .thumbnail-container,
.featured-products .product-miniature .thumbnail-container {
    border: 1px solid #e5e7eb !important;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06) !important;
    background-color: #ffffff !important;
    border-radius: 8px !important;
    transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out !important;
}*/

/* Ефект при посочване (hover) - сянката става по-дълбока и продуктът се повдига
.products .product-miniature .thumbnail-container:hover,
.featured-products .product-miniature .thumbnail-container:hover {
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1) !important;
    transform: translateY(-4px) !important; /* Леко повдигане нагоре */
}*/

/* Промяна на основните Bootstrap променливи */
:root, [data-bs-theme="light"] {
    --bs-primary: #FA6337 !important;
    --bs-primary-rgb: 250, 99, 55 !important;
    --bs-link-color: #FA6337 !important;
    --bs-link-hover-color: #DC4A20 !important;
}

/* Етикети: NEW, SALE и други */
.product-flags li,
.product-flag,
.badge {
    background-color: #ffffff !important;
    color: #FA6337 !important;
    border-color: #DEE2E6 !important;
}

/* Бутонът "Всички нови продукти >" */
.all-product-link,
a.all-product-link,
.btn-outline-primary {
    color: #212529 !important;
    border-color: #DEE2E6 !important;
}
.all-product-link:hover,
.btn-outline-primary:hover {
    background-color: #FA6337 !important;
    color: #ffffff !important;
    border-color: #DEE2E6 !important;
}

/* Корекция за бутоните, които използват Bootstrap класове */
.btn-primary {
    --bs-btn-bg: #FA6337;
    --bs-btn-hover-bg: #DC4A20;
    --bs-btn-active-bg: #c2431f;
    border-color: #DEE2E6 !important;
}

/* Това хваща заглавията */
main a:not(.btn):not(.nav-link),
.page-content a:not(.btn) {
    color: #212529 !important;
    text-decoration: none !important;
    font-weight: 600 !important;
}

/*main a:not(.btn):not(.nav-link):hover,
.page-content a:not(.btn):hover {
    color: #1f2937 !important;
}*/

/* 6. ЗАГЛАВИЯ НА СЕКЦИИТЕ НА НАЧАЛНАТА СТРАНИЦА
.featured-products h2,
#products h2,
.homepage-products h2,
.section-title,
h2.products-section-title,
main h2, main h3 {
    color: #1E293B !important;
    font-weight: 600 !important;
}*/

/* Quick view button
.product-miniature__quickview-button {
    color: #64748B !important;
}*/

/* Quick view icon
.product-miniature__quickview-button .material-icons {
    color: #212529 !important;
}*/

/* Quick view Hover effect */
.product-miniature__quickview-button:hover,
.product-miniature__quickview-button:hover .material-icons {
    color: #FA6337 !important;
}

/* Prices */
.product-miniature__price,
.product__price {
    color: #FA6337 !important;
}

.product-miniature__regular-price {
    color: #64748B !important;
}

/* Links
.ps-mainmenu__tree-link,
.submenu__left-item,
.desktop-submenu-left-item,
.js-search-icon {
    color: #1E293B !important;
}*/

.ps-contactinfo__email,
.js-language-selector,
.js-currency-selector,
.header-block__title,
.header-block__badge,
.js-search-input {
    color: #64748B !important;
}

.ps-mainmenu__tree-link:hover,
.submenu__left-item:hover,
.ps-contactinfo__email:hover,
.header-block__title:hover,
.header-block__badge:hover {
    color: #FA6337 !important;
}

/* Променя синия цвят на баджа на количката */
.header-block__badge.bg-primary,
.header-block__badge.text-primary,
.header-block__icon,
#_desktop_cart .header-block__badge:not([data-count="0"]) {
    color: #64748B !important;
}

/* 9. ЕТИКЕТ ЗА ПРОЦЕНТ НАМАЛЕНИЕ САМО В ЧЕКАУТА */
.cart-overview .product-line__item-discount,
.checkout-section .product-line__item-discount,
main .product-line__item-discount--percentage.badge {
    /* Насилствено пренаписване на RGB променливата вътре в елемента, за да стане бял (255, 255, 255) */
    --bs-primary-rgb: 255, 255, 255 !important;
    --bs-bg-opacity: 1 !important;
}

/* Bootstrap 5 стил за банерите */
.banner-wrapper figure {
    overflow: hidden;
    background: #000;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    display: block;
}

.banner-wrapper figure a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.banner-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease-in-out;
    will-change: transform;
    display: block;
}

/* Ховър ефект */
.banner-wrapper:hover img {
    transform: scale(1.04);
}

/* Градиент */
.banner-wrapper figcaption {
    display: block;
    position: absolute;
    top: 0;
    bottom: auto;
    left: 0;
    width: 100%;
    /* Градиентът започва плавно от горе */
    background: linear-gradient(to bottom, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.3) 20%, rgba(0,0,0,0) 30%);
    z-index: 2;
    pointer-events: none;
    padding-top: 1.5rem !important;
}

main .banner-wrapper figcaption p,
.banner-wrapper figcaption .text-white {
    color: #ffffff !important;
}

/* Quick Buy */
body#product .qb-wrp,
body#product .qb-wrap,
body#product .qb-form-wrapper,
body#product [class*="qb-"] {
    display: block !important;
    width: 100% !important;
    min-width: 100% !important;
    clear: both !important;
    float: none !important;
}

/* Самият бутон */
body#product a.qb-btn.btn-primary {
    min-width: 97% !important;
    max-width: 97% !important;
    height: 37px !important;
    background-color: #5c5f62 !important;
    color: #ffffff !important;
    border: none !important;
}

/* Ховър */
body#product a.qb-btn.btn-primary:hover {
    background-color: #DC4A20 !important;
    color: #ffffff !important;
}

/* --- Slider БАЗОВИ СТИЛОВЕ И РЕЗЕРВАЦИЯ НА МЯСТО --- */
#homeSlider {
    width: 100vw;
    max-width: 100vw;
    aspect-ratio: 16 / 5;
    overflow: hidden;
    position: relative;
}
#homeSlider .carousel-inner,
#homeSlider .carousel-item {
    width: 100%;
    height: 100%;
}
#homeSlider .carousel-item img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* --- ДЕСКТОП СТИЛИЗАЦИЯ --- */
#homeSlider .custom-caption {
    position: absolute;
    top: 25%;
    left: 5%;
    transform: translateY(-50%);
    bottom: auto;
    right: auto;
    width: fit-content;
    max-width: 40%;
    padding: 25px;
    text-align: left;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 6px;
    opacity: 0;
    will-change: transform, opacity;
}

/* Текстове десктоп */
#homeSlider .custom-caption h2 {
    color: #ffffff;
    font-size: 2.1rem;
    font-weight: 700;
    margin-bottom: 15px;
}
#homeSlider .custom-caption h2::after {
    content: "";
    display: block;
    width: 60px;
    height: 3px;
    background-color: #FA6337;
    margin-top: 10px;
}
#homeSlider .custom-caption p {
    color: #f8f9fa;
    font-size: 1.1rem;
    margin-bottom: 0;
    padding-top: 10px;
}

/* Десктоп анимация */
#homeSlider .carousel-item.active .custom-caption {
    animation: fadeInUpSlider 1.2s cubic-bezier(0.25, 1, 0.5, 1) forwards;
    animation-delay: 0.4s;
}

@keyframes fadeInUpSlider {
    from { opacity: 0; transform: translateY(-45%); }
    to { opacity: 1; transform: translateY(-50%); }
}


/* --- МОБИЛНА ВЕРСИЯ --- */
@media (max-width: 767px) {
    #homeSlider {
        aspect-ratio: 16 / 9;
    }

    #homeSlider .custom-caption {
        left: 5%;
        right: 35%;
        top: 30%;
        transform: translate(0, -50%);
        width: 50%;
        max-width: 100%;
        text-align: center;
        padding: 8px;
    }

    #homeSlider .custom-caption h2 {
        font-size: 0.8rem;
        margin-bottom: 2px;
    }
    #homeSlider .custom-caption h2::after {
        width: 45px;
        height: 2px;
        margin: 6px auto 0 auto;
    }
    #homeSlider .custom-caption p {
        font-size: 0.7rem;
        padding-top: 3px;
    }

    #homeSlider .carousel-item.active .custom-caption {
        animation: fadeInMobile 0.5s ease-out forwards;
        animation-delay: 0.3s;
    }
    /* --- Home text --- */
    .home-intro h1 {
        font-size: 0.95rem;
    }

    .home-intro h2 {
        font-size: 0.95rem;
    }

    .home-intro p {
        font-size: 0.85rem !important;
    }
    .home-intro p {
        text-align: justify;
    }
    .home-intro p {
        text-align: justify;
    }
}
}

@keyframes fadeInMobile {
    from { opacity: 0; }
    to { opacity: 1; }
}

/* Скрива надписа за наличност в продуктовата страница */
.stock.in-stock {
    display: none !important;
}