/* =============================================
   CSS CUSTOM PROPERTIES — change colors from admin
   Primary  = #043732   Accent   = #060662   ============================================= */
:root {
    --color-primary:  #043732;
    --color-accent:   #060662;
    --color-primary-rgb: 4, 55, 50;
    --color-accent-rgb:  6, 6, 98;
}

/* ── Backgrounds ── */
.bg--base,
.btn--base,
.btn--base:active,
.btn--base:focus,
.header-top,
.header-menu,
.section__header .title,
.table th,
.custom--card .card-header,
.preloader .loader-bg {
    background-color: #043732 !important;
}

.cmn--btn,
.filter__widget-title,
.filter-price-widget .ui-slider-range,
.cmn--table thead,
.filter--bar,
.owl-dots .owl-dot.active span,
.scrollToTop,
.cart--btn .qty,
.post__date,
.mega-menu__badge,
.product-badge {
    background: #043732 !important;
}

/* ── Accent Backgrounds ── */
.btn--accent,
.section__header-accent .title,
.flash-sale__timer span,
.hero-badge {
    background-color: #060662 !important;
}

.view--all:hover,
.product__item .add-to-cart:hover,
.product__item .quick-view-btn {
    background: #060662 !important;
    border-color: #060662 !important;
}

/* ── Text Colors ── */
.text--base,
.filter-price-widget .price-range input,
.dashboard-sidebar-toggler,
.contact-info__icon,
.nav--tabs li a.active,
.cart--btn,
.loader-bg h3,
.site-logo__tagline {
    color: #043732 !important;
}

.text--accent,
.product__item-cont .price,
.section__subtitle,
.flash-sale__label,
.footer__widget ul li a:hover {
    color: #060662 !important;
}

/* ── Borders ── */
.search--group .form-control:focus,
.cmn--btn:not(button):hover,
.loader::after {
    border-color: #043732 !important;
}

.section__header {
    border-bottom: 2px solid #060662 !important;
}

.product__item:hover {
    border-color: #043732 !important;
}

/* ── Heading hover links ── */
h1 a:hover, h2 a:hover, h3 a:hover,
h4 a:hover, h5 a:hover, h6 a:hover,
.side__menu li a:hover i,
.side__menu li a.active i {
    color: #060662 !important;
}

/* ── Product buttons ── */
.product__item .product-right-btn a:hover,
.product__item .product-right-btn a.active,
.cart-plus-minus .qtybutton.active,
.page-item.active .page-link {
    background: #043732 !important;
    border-color: #043732 !important;
}

/* ── Opacity variants ── */
.filter-price-widget .ui-widget.ui-widget-content::after,
.dashboard__responsive__header {
    background: #04373233 !important;
}

.form--control:focus {
    border: 1px solid #04373280 !important;
    box-shadow: 0 0 0 3px #0437321a !important;
}

.side__menu li a:hover {
    background: #0437320f !important;
    color: #043732 !important;
}

.reply-item { border: 1px solid #04373233 !important; }
.contact-info { background: #0437320d !important; }
.contact-info__icon { border: 2px solid #04373233 !important; }
.cmn--card, .order-summary { box-shadow: 0 4px 30px #0437321a !important; }
.review-item { border-bottom: 1px solid #04373220 !important; }

/* ── Pagination ── */
.pagination .page-item.disabled span { background: #04373240 !important; }
.pagination .page-item a,
.pagination .page-item span {
    background: #04373215 !important;
    border: 1px solid #04373230 !important;
}
.pagination .page-item a.active,
.pagination .page-item a:hover,
.pagination .page-item span.active,
.pagination .page-item span:hover {
    background: #043732 !important;
}

/* ── Input group ── */
.input-group:focus-within .input-group-text {
    border-color: #04373280 !important;
    color: #fff !important;
    background-color: #043732 !important;
}

/* ── Checkbox ── */
.form--check .form-check-input:checked ~ .form-check-label::before {
    background: #043732 !important;
}

/* ── Loader ── */
.loader:after {
    border-color: #043732 transparent #043732 transparent !important;
}

/* ── Today Deal sidebar ── */
.banner__wrapper-products-inner-body {
    background-color: #043732;
}

/* ── Mobile categories ── */
@media (max-width: 991px) {
    .category-link-area .category-link li.open.cate-icon > a,
    .category-link-area .category-link li:hover > a {
        background: #043732 !important;
    }
}

/* ── Mega menu hover ── */
.mega-menu .mega-menu__column a:hover,
.menu-area .menu > li > a:hover,
.menu-area .menu > li.active > a {
    color: #060662 !important;
}

.mega-menu {
    border-top: 3px solid #060662 !important;
}

/* ── Newsletter / subscribe button ── */
.subscribe-btn {
    background: #060662 !important;
    border-color: #060662 !important;
    color: #fff !important;
}
.subscribe-btn:hover {
    background: #043732 !important;
    border-color: #043732 !important;
}