/**
 * Biocare luxury palette: black and gold chrome, light product area.
 * Loaded after Codazon media CSS so these rules win the cascade.
 */

:root {
    --bc-black: #0B0B0B;
    --bc-black-soft: #161616;
    --bc-gold: #C6A15B;
    --bc-gold-light: #E4C77B;
    --bc-gold-deep: #8A6A2F;
    --bc-ivory: #F4E7C3;
    --bc-paper: #FAF8F5;
    --bc-ink: #161616;
    --bc-muted: #E8E4DC;
}

body,
.page-wrapper {
    background-color: var(--bc-paper) !important;
    color: var(--bc-ink);
}

/* Header */
body .page-header.header-style-29,
body .page-header.header-style-29 .sticky-menu,
body .page-header.header-style-29 .sticky-menu.active,
body .page-header.header-style-29 .header-panel-top,
body .page-header.header-style-29 .header-panel-bottom,
body .page-layout-checkout .page-wrapper .page-header {
    background-color: var(--bc-black) !important;
    background-image: none !important;
    color: var(--bc-ivory) !important;
}

body .page-header .header-panel-bottom {
    border-bottom: 2px solid var(--bc-gold);
}

body .page-header .cdz-horizontal-menu {
    border-color: transparent !important;
}

body.bc-header-compact .page-header {
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.35);
}

body .page-header .header-panel-top,
body .page-header .header-panel-top a,
body .page-header .panel.header a,
body .page-header .switcher .options .action.toggle,
body .page-header .switcher .options .action.toggle:after {
    color: var(--bc-ivory) !important;
}

body .page-header .header-panel-top a:hover,
body .page-header .panel.header a:hover {
    color: var(--bc-gold-light) !important;
}

body .page-header .header-search input.input-text,
body .page-header #search {
    background: var(--bc-paper) !important;
    color: var(--bc-black) !important;
    border: 1px solid var(--bc-gold) !important;
}

body .page-header .search-link .search-trigger,
body .page-header .search-link .search-trigger:before {
    color: #ffffff !important;
}

body .page-header .minisearch .action.search,
body .page-header .header-search .action.search {
    background: var(--bc-gold) !important;
    color: var(--bc-black) !important;
    border-color: var(--bc-gold) !important;
}

body .page-header .action.showcart .counter.qty,
body .page-header .mobi-cart-wrapper .action.showcart .counter.qty {
    background: var(--bc-gold) !important;
    color: var(--bc-black) !important;
}

body .switcher.language .mage-dropdown-dialog,
body .switcher.language .switcher-dropdown,
body .switcher.language ul.dropdown.switcher-dropdown,
body .switcher-language .mage-dropdown-dialog,
body .switcher-language .switcher-dropdown,
body .switcher-language ul.dropdown.switcher-dropdown {
    background: var(--bc-black) !important;
    background-color: var(--bc-black) !important;
    border: 1px solid var(--bc-gold) !important;
}

body .switcher-dropdown .switcher-option a,
body .switcher-dropdown .switcher-option span,
body .switcher-dropdown li a,
body .switcher-dropdown li span.lang-name {
    color: var(--bc-ivory) !important;
}

body .switcher-dropdown .switcher-option a:hover,
body .switcher-dropdown li a:hover {
    background: #1c1c1c !important;
    color: var(--bc-gold-light) !important;
}

/* Desktop menu bar. Dropdowns stay light so category names remain readable. */
@media (min-width: 768px) {
    body .page-header .cdz-horizontal-menu .groupmenu {
        background-color: var(--bc-black) !important;
    }

    body .page-header .cdz-horizontal-menu .groupmenu > li.level0 > a.menu-link {
        color: var(--bc-ivory) !important;
        background-color: transparent !important;
        transition: color 0.2s ease, background-color 0.2s ease;
    }

    body .page-header .cdz-horizontal-menu .groupmenu > li.level0:hover > a.menu-link,
    body .page-header .cdz-horizontal-menu .groupmenu > li.level0 > a.menu-link:hover,
    body .page-header .cdz-horizontal-menu .groupmenu > li.level0.active > a.menu-link {
        color: var(--bc-gold) !important;
        background-color: var(--bc-black) !important;
    }

    body .page-header .cdz-menu .groupmenu-drop {
        background: #ffffff !important;
        color: var(--bc-ink) !important;
    }

    body .page-header .cdz-menu .groupmenu-drop a {
        color: var(--bc-ink) !important;
        background: transparent !important;
    }

    body .page-header .cdz-menu .groupmenu-drop a:hover {
        color: var(--bc-gold-deep) !important;
    }
}

@media (max-width: 767px) {
    body .page-header .cdz-menu .groupmenu,
    body .page-header .cdz-menu .groupmenu li > a.menu-link {
        background: var(--bc-black) !important;
        color: var(--bc-ivory) !important;
    }

    body .page-header .cdz-menu .groupmenu li > a.menu-link:hover {
        background: var(--bc-gold) !important;
        color: var(--bc-black) !important;
    }
}

body .page-header .cdz-menu .groupmenu-drop a.menu-link {
    font-size: 15px !important;
    line-height: 1.45 !important;
}

/* Buttons */
body a.action.primary,
body button.action.primary,
body .action.primary,
body .action.tocart,
body .actions-primary .tocart,
body button.action.subscribe {
    background-color: var(--bc-black) !important;
    background-image: linear-gradient(120deg, transparent 0%, rgba(228, 199, 123, 0.38) 46%, transparent 72%) !important;
    background-repeat: no-repeat !important;
    background-size: 220% 100% !important;
    background-position: 130% 0 !important;
    color: var(--bc-gold) !important;
    border: 1px solid var(--bc-gold) !important;
    box-shadow: none;
    transition: background-color 0.25s ease, color 0.25s ease, background-position 0.45s ease, box-shadow 0.25s ease, border-color 0.25s ease !important;
}

body a.action.primary:hover,
body button.action.primary:hover,
body .action.primary:hover,
body .action.tocart:hover,
body .actions-primary .tocart:hover,
body .actions-primary .tocart:focus,
body button.action.subscribe:hover,
body .action.primary:focus {
    background-color: var(--bc-gold) !important;
    background-position: 0 0 !important;
    color: var(--bc-black) !important;
    border-color: var(--bc-gold-light) !important;
    box-shadow: 0 8px 20px rgba(198, 161, 91, 0.35) !important;
}

body .action.primary:disabled,
body .action.tocart.disabled {
    opacity: 0.55;
    box-shadow: none !important;
}

/* Prices and product names */
body .product-item .price-box .price,
body .price-box .price,
body .special-price .price,
body .minimal-price .price {
    color: var(--bc-gold-deep) !important;
}

body .product-item .old-price .price,
body .old-price .price {
    color: #9a9488 !important;
}

body .product-item-name a,
body .product-item-link {
    color: var(--bc-ink) !important;
}

body .product-item-name a:hover,
body .product-item-link:hover {
    color: var(--bc-gold-deep) !important;
}

body .cdz-block-title .b-title.h2,
body .page-title-wrapper .page-title {
    color: var(--bc-black) !important;
}

body .cdz-block-title .b-title.h2:after {
    content: "";
    display: block;
    width: 72px;
    height: 2px;
    margin: 10px auto 0;
    background: linear-gradient(90deg, transparent, var(--bc-gold), transparent);
}

body .cms-index-index .main-slideshow .owl-dots .owl-dot span {
    background: rgba(11, 11, 11, 0.35) !important;
}

body .cms-index-index .main-slideshow .owl-dots .owl-dot.active span,
body .owl-dots .owl-dot.active span {
    background: var(--bc-gold) !important;
}

/* Product cards stay on a light surface so photos stay clear. */
body .product-item-info {
    background: #ffffff;
    border-radius: 10px;
    box-shadow: 0 0 0 1px rgba(198, 161, 91, 0.28);
    transition: transform 0.28s ease, box-shadow 0.28s ease;
}

body:not(.checkout-index-index) .product-item:hover .product-item-info {
    transform: translateY(-6px);
    box-shadow: 0 16px 32px rgba(11, 11, 11, 0.12), 0 0 0 1px var(--bc-gold);
}

body .block.filter .block-title.filter-title,
body .sidebar .block.filter .block-title.filter-title,
body .page-layout-1column .block.filter .block-title.filter-title,
body .sidebar .block:not(.account-nav) .block-title,
body .sidebar .block:not(.account-nav) .title,
body .column.main .sidebar .block-viewed-products-grid .block-title {
    background: var(--bc-black) !important;
    background-color: var(--bc-black) !important;
    border-color: var(--bc-gold) !important;
    color: var(--bc-gold) !important;
}

body .block.filter .block-title.filter-title strong,
body .sidebar .block.filter .block-title.filter-title strong,
body .sidebar .block:not(.account-nav) .block-title strong,
body .sidebar .block:not(.account-nav) .title strong,
body .sidebar .block:not(.account-nav) .block-title a,
body .column.main .sidebar .block-viewed-products-grid .block-title strong {
    background: transparent !important;
    border-color: transparent !important;
    color: var(--bc-gold) !important;
}

body .price-slider-container .ui-slider-range {
    background: rgba(198, 161, 91, 0.55) !important;
}

body .price-slider-container .ui-slider-handle {
    background: var(--bc-gold) !important;
    border-color: var(--bc-black) !important;
}

body .page-main input:focus,
body .page-main select:focus,
body .page-main textarea:focus,
body .page-footer input:focus {
    border-color: var(--bc-gold) !important;
    box-shadow: 0 0 0 2px rgba(198, 161, 91, 0.35);
    outline: none;
}

body .breadcrumbs a {
    color: var(--bc-gold-deep) !important;
}

body .breadcrumbs a:hover,
body .breadcrumbs strong {
    color: var(--bc-black) !important;
}

body .minicart-items .action {
    background: var(--bc-black) !important;
    border-color: var(--bc-gold) !important;
}

body .block-minicart .block-title,
body .minicart-items .product-item .price,
body .block-minicart .cart-total .subtotal .amount .price {
    color: var(--bc-gold-deep) !important;
}

/* Footer. The bottom strip stays hidden by the existing storefront rule. */
body .page-footer .footer-style-29,
body .page-footer .main-footer,
body .page-footer .footer-content-top,
body .page-footer .footer-content-middle {
    background-color: var(--bc-black) !important;
    background-image: none !important;
    color: var(--bc-muted) !important;
}

body .page-footer .newsletter-title,
body .page-footer .newsletter-title .title,
body .page-footer .footer-box .h5,
body .page-footer .service-banner-style01 strong,
body .page-footer .service-banner-style01 .item-icon {
    color: var(--bc-gold-light) !important;
}

body .page-footer .footer-box .footer-link a,
body .page-footer .footer-social .social a,
body .page-footer .main-footer a {
    color: var(--bc-muted) !important;
}

body .page-footer .footer-box .footer-link a:hover,
body .page-footer .footer-social .social a:hover,
body .page-footer .main-footer a:hover {
    color: var(--bc-gold-light) !important;
}

body .page-footer .block.newsletter .content {
    background: var(--bc-paper) !important;
    border: 1px solid var(--bc-gold) !important;
    color: var(--bc-ink) !important;
}

body .page-footer .block.newsletter .content label,
body .page-footer .block.newsletter input {
    color: var(--bc-ink) !important;
}

body .slide-btn a {
    background-color: var(--bc-black) !important;
    color: var(--bc-gold) !important;
    border: 1px solid var(--bc-gold) !important;
    transition: background-color 0.25s ease, color 0.25s ease;
}

body .slide-btn a:hover {
    background-color: var(--bc-gold) !important;
    color: var(--bc-black) !important;
}

body .cdz-banner-desc,
body .cdz-banner-desc a {
    background-color: var(--bc-black) !important;
    color: var(--bc-gold-light) !important;
}

body #mb-bottom-toolbar,
body .mb-bottom-toolbar {
    background: var(--bc-black) !important;
    background-color: var(--bc-black) !important;
    border-top: 2px solid var(--bc-gold);
}

body #mb-bottom-toolbar .action,
body #mb-bottom-toolbar .fa,
body .mb-bottom-toolbar .action {
    color: var(--bc-ivory) !important;
}

body #mb-bottom-toolbar .info-wrap,
body .mb-bottom-toolbar .counter.qty {
    background: var(--bc-gold) !important;
    color: var(--bc-black) !important;
}

body .action-close {
    background: var(--bc-black) !important;
    color: var(--bc-gold) !important;
    border-color: var(--bc-gold) !important;
}

body .page-header .header-top,
body .page-header #header-top,
body .page-header .header-ads-wrapper,
body .opc-estimated-wrapper .minicart-wrapper .action.showcart,
body .page-header .sticky-menu:not(.active) .minicart-wrapper .action.showcart:before,
body .page-header .sticky-menu.active .minicart-wrapper .action.showcart:hover,
body .page-header .sticky-menu.active .search-trigger:hover,
body .page-header .sticky-menu.active .account-trigger span.text-uppercase:hover,
body .page-header .sticky-menu.active #top-wishlist:hover {
    background: var(--bc-black) !important;
    background-color: var(--bc-black) !important;
    color: var(--bc-gold) !important;
}

body .page-footer .footer-style-29 .footer-content-middle,
body .page-footer .footer-style-29 .footer-content-bottom,
body .page-footer .footer-style-29 .footer-content-top,
body .page-footer .footer-style-29 .main-footer {
    background-color: var(--bc-black) !important;
    color: var(--bc-gold) !important;
}

body .page-footer .footer-style-29 .footer-content-bottom p,
body .page-footer .footer-style-29 .footer-content-bottom a,
body .page-footer .footer-style-29 .service-banner-style01 .item,
body .page-footer .footer-style-29 .service-banner-style01 .item-icon,
body .page-footer .footer-style-29 .service-banner-style01 .item-content,
body .page-footer .footer-style-29 .service-banner-style01 .item-content p,
body .page-footer .footer-style-29 .service-banner-style01 .item-content strong,
body .page-footer .footer-style-29 .bc-footer-contact .bc-footer-col p,
body .page-footer .footer-style-29 .bc-footer-contact .footer-text {
    color: var(--bc-gold) !important;
}

body .page-footer .footer-style-29 .service-banner-style01 .item-content strong,
body .page-footer .footer-style-29 .footer-content-bottom a:hover {
    color: var(--bc-gold-light) !important;
}

body .bc-footer-contact .footer-text .fa:before {
    background-color: var(--bc-gold) !important;
    color: var(--bc-black) !important;
}

body .brand-style01 .brand-item,
body .cdz-wrap.brand-style01 .brand-link.abs-img,
body .cdz-wrap.brand-style01 .brand-img {
    background: var(--bc-black) !important;
    box-shadow: inset 0 0 0 1px rgba(198, 161, 91, 0.45);
}

body .cdz-static-pages-links .cdz-static-link {
    color: var(--bc-ink);
}

body .cdz-static-pages-links .cdz-static-link:hover {
    color: var(--bc-gold-deep);
}

/* Checkout form text and links use the theme blue. Keep them black. */
body.checkout-index-index #checkout .step-content,
body.checkout-index-index #checkout .opc-block-summary,
body.checkout-index-index #checkout .opc-sidebar,
body.checkout-index-index #checkout .opc-summary-wrapper,
body.checkout-index-index #checkout .opc-block-summary .title,
body.checkout-index-index #checkout legend,
body.checkout-index-index #checkout legend span,
body.checkout-index-index #checkout label,
body.checkout-index-index #checkout .label,
body.checkout-index-index #checkout .note,
body.checkout-index-index #checkout .field-tooltip-action {
    color: var(--bc-ink) !important;
}

body.checkout-index-index #checkout a:not(.action.primary),
body.checkout-index-index #checkout .action-auth-toggle,
body.checkout-index-index #checkout .action-cancel,
body.checkout-index-index #checkout .action-remind {
    color: var(--bc-black) !important;
}

body.checkout-index-index #checkout a:not(.action.primary):hover,
body.checkout-index-index #checkout .action-auth-toggle:hover,
body.checkout-index-index #checkout .action-cancel:hover,
body.checkout-index-index #checkout .action-remind:hover {
    color: var(--bc-gold-deep) !important;
}

body.checkout-index-index #checkout input,
body.checkout-index-index #checkout select,
body.checkout-index-index #checkout textarea {
    accent-color: var(--bc-black);
}

body.checkout-index-index #checkout input:focus,
body.checkout-index-index #checkout select:focus,
body.checkout-index-index #checkout textarea:focus {
    border-color: var(--bc-black) !important;
    box-shadow: none !important;
}

/* English homepage CSS still hides Top Deals. Arabic does not. Keep the section visible. */
body.cms-index-index .wrapper-deals-product {
    display: block !important;
}

/* Keep content visible if the motion script does not run. */
html:not(.aos-enabled) [data-aos] {
    opacity: 1 !important;
    transform: none !important;
    pointer-events: auto !important;
}

@media (prefers-reduced-motion: reduce) {
    body .product-item-info,
    body .action.primary,
    body .action.tocart,
    body .page-header .cdz-horizontal-menu .groupmenu > li.level0 > a.menu-link {
        transition: none !important;
    }

    body .product-item:hover .product-item-info {
        transform: none !important;
    }

    [data-aos] {
        opacity: 1 !important;
        transform: none !important;
    }
}