:root {
    --navbar-bg: #946168;
    --navbar-text: #ffffff;
    --navbar-hover-bg: #76343b;
    --navbar-hover-text: #ffffff;
    --navbar-opacity: 0.7;
    --navbar-bg-rgb: 148,97,104;
    --cart-bg: #946168;
    --cart-text: #fafafa;
    --cart-hover-bg: #801e28;
    --cart-hover-text: #f5f5f5;
    --cart-badge-bg: transparent;
    --cart-badge-text: #ffffff;
    --cart-opacity: 0.9;
    --cart-radius: 6px;
    --cart-font-size: 1rem;
    --cart-padding: 0.25rem 0.6rem;
    --cart-btn-font-weight: 300;
    --cart-icon-url: url('/storage/eldomebel-assets/imgs/icon/58302wf6ag785xnDoAMkChapnh5pXD4xKYgwk5RQ.webp');
    --cart-bg-rgb: 148,97,104;
    --pagination-bg: #963640;
    --pagination-text: #ffffff;
    --pagination-border: #86323a;
    --pagination-hover-bg: #71282f;
    --pagination-hover-text: #ffffff;
    --pagination-opacity: 0.9;
    --dropdown-menu-bg: #343434;
    --dropdown-menu-text: #ffffff;
    --dropdown-menu-hover-text: #ababab;
    --dropdown-menu-border: #545454;
    --dropdown-menu-opacity: 0.2;
    --dropdown-menu-bg-rgb: 52,52,52;
    --menu-separator-color: #801e28;
    --menu-separator-opacity: 0.8;
    --footer-phone-bg: #71282f;
    --footer-phone-opacity: 0.9;
    --footer-phone-text: #ffffff;
    --footer-phone-icon: #ffffff;
    --footer-phone-bg-rgb: 113,40,47;
    --order-button-bg: #71282f;
    --order-button-opacity: 0.9;
    --order-button-text: #ffffff;
    --order-button-hover-bg: #71282f;
    --order-button-hover-text: #ffffff;
    --order-button-border: #71282f;
    --order-button-bg-rgb: 113,40,47;
    --order-button-hover-bg-rgb: 113,40,47;
    --delete-button-bg: #71282f;
    --delete-button-opacity: 0.9;
    --delete-button-text: #ffffff;
    --delete-button-hover-bg: #71282f;
    --delete-button-hover-text: #ffffff;
    --delete-button-border: #71282f;
    --delete-button-bg-rgb: 113,40,47;
    --delete-button-hover-bg-rgb: 113,40,47;
    --catalog-button-bg: #946168;
    --catalog-button-opacity: 0.9;
    --catalog-button-text: #ffffff;
    --catalog-button-hover-bg: #76343b;
    --catalog-button-hover-text: #ffffff;
    --catalog-button-border: #76343b;
    --catalog-button-bg-rgb: 148,97,104;
    --catalog-button-hover-bg-rgb: 118,52,59;
    --mcat-btn-bg: #946168;
    --mcat-btn-text: #ffffff;
    --mcat-btn-active-bg: #76343b;
    --mcat-btn-active-text: #ffffff;
    --mcat-btn-border: #76343b;
    --mcat-btn-opacity: 1;
}

/* Navbar стили - переопределяем существующие стили */
nav.navbar.bg-navbar {
    background-color: var(--navbar-bg) !important;
    background: var(--navbar-bg) !important;
}

nav.navbar.bg-navbar .nav-link,
.bg-navbar .nav-link {
    color: var(--navbar-text) !important;
}

nav.navbar.bg-navbar .nav-link:hover,
.bg-navbar .nav-link:hover {
    background-color: var(--navbar-hover-bg) !important;
    color: var(--navbar-hover-text) !important;
}

nav.navbar.bg-navbar .btn,
.bg-navbar .btn {
    background-color: var(--navbar-bg) !important;
    color: var(--navbar-text) !important;
    border-color: rgba(from var(--navbar-bg) r g b / var(--navbar-opacity)) !important;
}

nav.navbar.bg-navbar .btn:hover,
.bg-navbar .btn:hover {
    background-color: var(--navbar-hover-bg) !important;
    color: var(--navbar-hover-text) !important;
    border-color: var(--navbar-hover-bg) !important;
}

/* Корзина стили - переопределяем существующие стили */
a.fa.fa-shopping-basket.head_basket,
a.head_basket,
.head_basket,
#basket_link a.head_basket {
    color: var(--cart-text) !important;
    background-color: var(--cart-bg) !important;
    padding: 0.5rem 1rem !important;
    border-radius: 5px !important;
    text-decoration: none !important;
    display: inline-flex !important;
    align-items: center !important;
    font-weight: bold !important;
}

a.fa.fa-shopping-basket.head_basket img,
a.head_basket img,
.head_basket img,
#basket_link a.head_basket img {
    width: 16px !important;
    height: 16px !important;
    margin-right: 8px !important;
    vertical-align: middle !important;
    filter: brightness(0) invert(1) !important;
}

.cart-button {
    color: var(--cart-text) !important;
    background-color: var(--cart-bg) !important;
    padding: var(--cart-padding) !important;
    border-radius: var(--cart-radius) !important;
    text-decoration: none !important;
    display: inline-flex !important;
    align-items: center !important;
    font-weight: var(--cart-btn-font-weight) !important;
    font-size: var(--cart-font-size) !important;
    transition: all 0.3s ease;
}

.cart-button:hover {
    background-color: rgba(from var(--cart-hover-bg) r g b / var(--cart-opacity)) !important;
    color: var(--cart-hover-text) !important;
    transform: translateY(-1px);
}

.cart-icon img {
    width: 16px !important;
    height: 16px !important;
    margin-right: 8px !important;
    vertical-align: middle !important;
    filter: brightness(0) invert(1) !important; /* Makes icon white */
}

.cart-text {
    margin-right: 5px;
}

.cart-qty-badge {
    background-color: var(--cart-badge-bg) !important;
    color: var(--cart-badge-text) !important;
    border-radius: 50% !important;
    padding: 0.25rem 0.5rem !important;
    font-size: 0.8rem !important;
    font-weight: bold !important;
    min-width: 24px;
    text-align: center;
}

/* Кнопка 'В корзину' стили */
button.add-to-cart-btn,
.add-to-cart-btn,
button[onclick*='addToCart'] {
    background-color: rgba(from var(--cart-bg) r g b / var(--cart-opacity)) !important;
    color: var(--cart-text) !important;
    border-color: rgba(from var(--cart-bg) r g b / var(--cart-opacity)) !important;
}

/* Дропдаун меню стили - переопределение custom.css */
.bg-navbar li ul.dropdown-menu {
    background: var(--dropdown-menu-bg) !important;
    background-image: none !important;
    border: 1px solid var(--dropdown-menu-border) !important;
}

.bg-navbar .dropdown-menu {
    background: var(--dropdown-menu-bg) !important;
    background-image: none !important;
    border: 1px solid var(--dropdown-menu-border) !important;
}

.bg-navbar li ul.dropdown-menu li {
    border-top: 1px solid var(--dropdown-menu-border) !important;
    background: transparent !important;
}

.bg-navbar li ul.dropdown-menu li a,
.bg-navbar .dropdown-menu .dropdown-item {
    color: var(--dropdown-menu-text) !important;
    background: transparent !important;
}

.bg-navbar li:hover ul.dropdown-menu li a:hover,
.bg-navbar .dropdown-menu .dropdown-item:hover {
    color: var(--dropdown-menu-text) !important;
    background-color: transparent !important;
}

.navbar-collapse .dropdown-menu {
    background: var(--dropdown-menu-bg) !important;
    background-image: none !important;
    border: 1px solid var(--dropdown-menu-border) !important;
}

.navbar-collapse .dropdown-menu li {
    border-top: 1px solid var(--dropdown-menu-border) !important;
    background: transparent !important;
}

.navbar-collapse .dropdown-menu .dropdown-item {
    color: var(--dropdown-menu-text) !important;
    background: transparent !important;
}

.navbar-collapse .dropdown-menu .dropdown-item:hover {
    color: var(--dropdown-menu-text) !important;
    background-color: transparent !important;
}

/* Мобильная версия - переопределение custom.css */
@media (max-width: 700px) {
    .bg-navbar .nav-item {
        background: var(--dropdown-menu-bg) !important;
        border-bottom: 1px solid var(--dropdown-menu-border) !important;
        border-right: none !important;
    }

    .bg-navbar .nav-item .nav-link {
        color: var(--dropdown-menu-text) !important;
    }

    .bg-navbar .nav-item:hover .nav-link {
        color: var(--dropdown-menu-hover-text) !important;
    }

    .bg-navbar .nav-item.dropdown .dropdown-menu {
        background: var(--dropdown-menu-bg) !important;
        background-image: none !important;
        border: 1px solid var(--dropdown-menu-border) !important;
    }

    .bg-navbar .nav-item.dropdown .dropdown-menu li {
        border-top: 1px solid var(--dropdown-menu-border) !important;
        background: transparent !important;
    }

    .bg-navbar .nav-item.dropdown .dropdown-menu .dropdown-item {
        color: var(--dropdown-menu-text) !important;
        background: transparent !important;
    }

    .bg-navbar .nav-item.dropdown .dropdown-menu .dropdown-item:hover {
        color: var(--dropdown-menu-text) !important;
        background-color: transparent !important;
    }
}

/* Перемычки меню */
.menu-separator {
    color: var(--menu-separator-color) !important;
    opacity: var(--menu-separator-opacity) !important;
}

.bg-navbar .menu-separator, nav.navbar.bg-navbar .menu-separator {
    color: var(--menu-separator-color) !important;
    opacity: var(--menu-separator-opacity) !important;
    display: inline-block;
    padding: 0 6px;
}

.bg-navbar .navbar-nav > li.nav-item,
nav.navbar.bg-navbar .navbar-nav > li.nav-item {
    position: relative;
    display: inline-flex;
    align-items: center;
}
.bg-navbar .navbar-nav > li.nav-item::after,
nav.navbar.bg-navbar .navbar-nav > li.nav-item::after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: -1px;
    width: 1px;
    background-color: var(--menu-separator-color) !important;
    opacity: var(--menu-separator-opacity) !important;
    pointer-events: none;
}
.bg-navbar .navbar-nav > li.nav-item:last-child::after,
nav.navbar.bg-navbar .navbar-nav > li.nav-item:last-child::after {
    content: none;
}

@media (max-width: 991.98px) {
  .bg-navbar .navbar-nav > li.nav-item,
  nav.navbar.bg-navbar .navbar-nav > li.nav-item {
    display: block;
    padding-right: 0;
  }
  .bg-navbar .navbar-nav > li.nav-item::after,
  nav.navbar.bg-navbar .navbar-nav > li.nav-item::after {
    display: none;
  }
  .navbar-collapse,
  .navbar-collapse.show {
    background: var(--dropdown-menu-bg) !important;
    border-color: var(--dropdown-menu-border) !important;
  }
  .bg-navbar .navbar-nav > li.nav-item > a.nav-link {
    background: var(--mcat-btn-bg, var(--dropdown-menu-bg)) !important;
    color: var(--mcat-btn-text, var(--dropdown-menu-text)) !important;
    border: 1px solid var(--mcat-btn-border, var(--dropdown-menu-border)) !important;
  }
  .bg-navbar .navbar-nav > li.nav-item > a.nav-link:hover,
  .bg-navbar .navbar-nav > li.nav-item > a.nav-link:focus {
    background: var(--mcat-btn-active-bg, var(--dropdown-menu-bg)) !important;
    color: var(--mcat-btn-active-text, var(--dropdown-menu-hover-text)) !important;
  }
  .bg-navbar .nav-item.dropdown.show > a#dropdownMenuLink.nav-link,
  .bg-navbar .nav-item.dropdown > a#dropdownMenuLink.nav-link[aria-expanded="true"] {
    background: var(--mcat-btn-active-bg, var(--dropdown-menu-bg)) !important;
    color: var(--mcat-btn-active-text, var(--dropdown-menu-hover-text)) !important;
    border-color: var(--mcat-btn-border, var(--dropdown-menu-border)) !important;
  }
  .bg-navbar .nav-item.dropdown .dropdown-menu {
    background: var(--dropdown-menu-bg) !important;
    border: 1px solid var(--dropdown-menu-border) !important;
  }
  .bg-navbar .nav-item.dropdown .dropdown-menu .dropdown-item {
    color: var(--dropdown-menu-text) !important;
  }
  .bg-navbar .nav-item.dropdown .dropdown-menu .dropdown-item:hover {
    background: transparent !important;
    color: var(--dropdown-menu-hover-text) !important;
  }
}

button.add-to-cart-btn:hover,
.add-to-cart-btn:hover,
button[onclick*='addToCart']:hover {
    background-color: var(--navbar-hover-bg) !important;
    color: var(--navbar-hover-text) !important;
    border-color: var(--navbar-hover-bg) !important;
}

/* Кнопка 'Позвоните мне' */
.funktion_mango2,
#submitBtn.funktion_mango2,
button#submitBtn.funktion_mango2 {
    background-color: rgba(from #731729 r g b / 0.9) !important;
    color: #ffffff !important;
    border-color: #162219 !important;
}

.funktion_mango2:hover,
#submitBtn.funktion_mango2:hover,
button#submitBtn.funktion_mango2:hover {
    background-color: #5b242d !important;
    color: #ffffff !important;
    border-color: #5b242d !important;
}

/* Пагинация стили */
.pagination .page-link {
    color: var(--pagination-bg) !important;
    border-color: var(--pagination-border) !important;
}

.pagination .page-link:hover {
    background-color: var(--pagination-hover-bg) !important;
    color: var(--pagination-hover-text) !important;
}

.pagination .page-item.active .page-link {
    background-color: var(--pagination-bg) !important;
    color: var(--pagination-text) !important;
    border-color: var(--pagination-border) !important;
}

/* Footer phone box */
.box_header_phone {
    background: var(--footer-phone-bg) !important;
    background-color: var(--footer-phone-bg) !important;
    color: #ffffff !important;
}
.box_header_phone .icon, .box_header_phone .icon i {
    color: #ffffff !important;
}
.box_header_phone a {
    color: #ffffff !important;
}

/* Кнопка 'Заказать' */
.funktion_mango3,
#orderSubmitBtn,
#orderSubmitBtn.funktion_mango3,
button#orderSubmitBtn.funktion_mango3 {
    background: var(--order-button-bg) !important;
    background-color: var(--order-button-bg) !important;
    color: #ffffff !important;
    border: none !important;
    border-color: #71282f !important;
}

.funktion_mango3:hover,
#orderSubmitBtn:hover,
#orderSubmitBtn.funktion_mango3:hover,
button#orderSubmitBtn.funktion_mango3:hover {
    background-color: var(--order-button-hover-bg) !important;
    color: #ffffff !important;
    border-color: #71282f !important;
}

/* Крестик удаления товара */
.del_order,
span.del_order,
.btn.del_order {
    background: var(--delete-button-bg) !important;
    background-color: var(--delete-button-bg) !important;
    color: #ffffff !important;
    border: none !important;
    border-color: #71282f !important;
}

.del_order:hover,
span.del_order:hover,
.btn.del_order:hover {
    background-color: var(--delete-button-hover-bg) !important;
    color: #ffffff !important;
    border-color: #71282f !important;
}

/* Кнопка 'Каталог' */
a#dropdownMenuLink.nav-link {
    background-color: var(--catalog-button-bg) !important;
    color: #ffffff !important;
}

a#dropdownMenuLink.nav-link:hover,
body nav.navbar.bg-navbar .navbar-nav .nav-item.dropdown:hover a#dropdownMenuLink.nav-link,
body nav.navbar.bg-navbar .navbar-nav .nav-item.dropdown.show a#dropdownMenuLink.nav-link {
    background-color: var(--catalog-button-hover-bg) !important;
    color: #ffffff !important;
    border-color: rgba(from var(--catalog-button-hover-bg) r g b / var(--catalog-button-opacity)) !important;
}