/* Daremark brand palette — single source of truth */
:root {
    --dm-red: #C72C41;
    /* --dm-blue: #003F5C; */
    /* --dm-blue: #174b3e; */
    --dm-blue: #273f81;
    --dm-white: #FFFFFF;
    --dm-blue-card:#273f81;
    /* --dm-blue-card: #174b3e; */
    /* --dm-blue-card: #004767; */
    --dm-grey: #faf8f5;
    --dm-pink: #EB665E;

    /* Semantic aliases */
    --dm-primary: var(--dm-red);
    --dm-secondary: var(--dm-blue-card);
    --dm-ink: var(--dm-blue);
    --dm-muted: color-mix(in srgb, var(--dm-blue) 68%, var(--dm-white));
    --dm-soft: var(--dm-grey);
    --dm-radius: 14px;
}

/* Fallback for browsers without color-mix */
@supports not (color: color-mix(in srgb, red, blue)) {
    :root {
        --dm-muted: #003F5C;
    }
}

/* Base */
body,
.page-wrapper {
    color: var(--dm-ink);
    background-color: var(--dm-white);
}

a {
    color: var(--dm-blue-card);
}

a:hover,
a:focus {
    color: var(--dm-red);
}

/* Bootstrap / Porto utility overrides */
.bg-primary {
    background-color: var(--dm-red) !important;
}

.bg-secondary {
    background-color: var(--dm-blue-card) !important;
}

.bg-dark,
.promo-section.bg-dark {
    background-color: var(--dm-blue) !important;
}

.text-primary {
    color: var(--dm-red) !important;
}

.text-secondary {
    color: var(--dm-blue-card) !important;
}

.text-dark {
    color: var(--dm-blue) !important;
}

/* Buttons */
.btn-primary,
.btn.btn-primary {
    border-color: var(--dm-red) !important;
    background-color: var(--dm-red) !important;
    color: var(--dm-white) !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active {
    border-color: var(--dm-blue) !important;
    background-color: var(--dm-blue) !important;
    color: var(--dm-white) !important;
}

.btn-secondary,
.btn.btn-secondary {
    border-color: var(--dm-blue-card) !important;
    background-color: var(--dm-blue-card) !important;
    color: var(--dm-white) !important;
}

.btn-secondary:hover,
.btn-secondary:focus {
    border-color: var(--dm-blue) !important;
    background-color: var(--dm-blue) !important;
}

.btn-dark,
.btn.btn-dark,
.btn-black {
    border-color: var(--dm-blue) !important;
    background-color: var(--dm-blue) !important;
    color: var(--dm-white) !important;
}

.btn-dark:hover,
.btn-dark:focus,
.btn.btn-dark:hover {
    border-color: var(--dm-blue-card) !important;
    background-color: var(--dm-blue-card) !important;
}

.btn-outline-dark {
    border-color: var(--dm-blue) !important;
    color: var(--dm-blue) !important;
}

.btn-outline-dark:hover {
    border-color: var(--dm-blue) !important;
    background-color: var(--dm-blue) !important;
    color: var(--dm-white) !important;
}

.btn-light {
    border-color: var(--dm-white) !important;
    background-color: var(--dm-white) !important;
    color: var(--dm-blue) !important;
}

.btn-light:hover {
    background-color: var(--dm-grey) !important;
    color: var(--dm-blue) !important;
}

/* Top notice */
.top-notice.bg-primary {
    background-color: var(--dm-blue-card) !important;
}

.top-notice a.category {
    color: var(--dm-white);
    border-color: var(--dm-pink);
}

.top-notice a.category:hover {
    background-color: var(--dm-red);
}

/* Section titles & info boxes */
.section-title,
.heading-border {
    color: var(--dm-blue);
}

.info-box i,
.feature-box i,
.feature-box-icon i {
    color: var(--dm-red) !important;
}

.info-box h4 {
    color: var(--dm-blue);
}

.info-boxes-slider .info-box {
    background: var(--dm-grey);
    border-radius: 12px;
}

/* Product cards (simple, minimal) */
.product-default {
    background: var(--dm-white) !important;
    border: 1px solid var(--dm-grey);
    border-radius: 5px;
    overflow: hidden;
    box-shadow: rgba(0, 0, 0, 0.164) 0px 3px 5px;
}

.product-default .product-details {
    background: var(--dm-white) !important;
    padding: 1.2rem 1.2rem 1.4rem 1.2rem;
}

.product-default:hover {
    box-shadow: 0 16px 38px color-mix(in srgb, var(--dm-blue) 14%, transparent);
}

.product-default .product-title a:hover {
    color: var(--dm-red);
}

/* Keep slider/cards looking clean */
.product-default figure,
.product-default .product-image-container {
    background: transparent;
}

.product-default .product-image-container img,
.product-default img {
    /* Avoid accidental corner overflow due to parent radius */
    border-radius: 0;
}

.product-default .btn-add-cart,
.product-default .btn-icon.btn-add-cart {
    background-color: var(--dm-blue-card);
    border-color: var(--dm-blue-card);
    color: var(--dm-white);
}

.product-default:hover .btn-add-cart,
.product-default .btn-add-cart:hover {
    background-color: var(--dm-red);
    border-color: var(--dm-red);
}

.product-label.label-hot,
.label-hot {
    background-color: var(--dm-red) !important;
}

.product-label.label-sale,
.label-sale {
    background-color: var(--dm-pink) !important;
}

.price-box .product-price,
.old-price + .product-price {
    color: var(--dm-red);
}

/* Category cards */
.product-category figure {
    background: var(--dm-grey);
}

.product-category .category-content {
    background: var(--dm-white);
    color: var(--dm-blue);
    border-top: 3px solid var(--dm-blue-card);
}

.product-category .category-content .count {
    color: var(--dm-red);
    background: transparent;
}

.product-category:hover .category-content {
    background: var(--dm-grey);
    border-top-color: var(--dm-red);
}

/* Banners & promos */
.coupon-sale-text.bg-secondary {
    background-color: var(--dm-pink) !important;
}

.banner-big-sale {
    background-color: var(--dm-blue-card) !important;
}

/* Footer */
.footer.bg-dark,
.footer-middle,
.footer-bottom,
footer {
    background-color: var(--dm-white) !important;
    color: var(--dm-blue) !important;
}

.footer {
    border-top: 1px solid var(--dm-grey);
}

.dm-footer,
.dm-footer .footer-middle,
.dm-footer .footer-bottom {
    background-color: #FAF7F2 !important;
    border-top: none;
}

.dm-footer .widget {
    background: transparent !important;
}

.footer .widget,
.footer .widget-newsletter,
.footer .contact-info,
.footer .tagcloud a {
    background: transparent;
}

.footer .widget-title,
.footer h4,
.footer .contact-info-label,
.footer .logo,
.footer .footer-copyright {
    color: var(--dm-blue) !important;
}

.footer p,
.footer li,
.footer a,
footer p,
footer a {
    color: var(--dm-muted) !important;
}

.footer a:hover,
footer a:hover {
    color: var(--dm-red) !important;
}

.footer .social-icon {
    background-color: var(--dm-grey);
    color: var(--dm-blue);
    border: 1px solid var(--dm-grey);
}

.footer .social-icon:hover {
    background-color: var(--dm-red);
    border-color: var(--dm-red);
    color: var(--dm-white);
}

.footer .btn-primary {
    background-color: var(--dm-red) !important;
    border-color: var(--dm-red) !important;
    color: var(--dm-white) !important;
}

.footer-middle {
    border-top: 1px solid var(--dm-grey);
    border-bottom: 1px solid var(--dm-grey);
}

.footer-bottom {
    background: var(--dm-grey) !important;
}

.footer .form-control {
    background: var(--dm-white);
    border-color: var(--dm-grey);
    color: var(--dm-blue);
}

.footer .tagcloud a {
    background: var(--dm-grey);
    color: var(--dm-blue) !important;
}

.footer .tagcloud a:hover {
    background: var(--dm-pink);
    color: var(--dm-white) !important;
}

/* Forms */
.form-control:focus {
    border-color: var(--dm-blue-card);
    box-shadow: 0 0 0 0.2rem color-mix(in srgb, var(--dm-blue-card) 22%, transparent);
}
.shadow{
    box-shadow: rgba(0, 0, 0, 0.164) 0px 3px 5px;
 /* box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px !important; */
}

/* Owl carousel */
/* .owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
    background: var(--dm-red) !important;
} */

.owl-carousel .owl-nav .owl-prev:hover,
.owl-carousel .owl-nav .owl-next:hover {
    color: var(--dm-red) !important;
}

.owl-carousel.nav-big .owl-nav .owl-prev,
.owl-carousel.nav-big .owl-nav .owl-next,
.owl-carousel.nav-outer .owl-nav .owl-prev,
.owl-carousel.nav-outer .owl-nav .owl-next {
    background: transparent !important;
    border-color: var(--dm-grey) !important;
    color: var(--dm-blue) !important;
}

/* Breadcrumb */
.breadcrumb-item a {
    color: var(--dm-blue-card);
}

.breadcrumb-item.active {
    color: var(--dm-red);
}

/* Sticky bar / scroll top */
#scroll-top {
    background-color: var(--dm-white);
    border: 1px solid var(--dm-grey);
    color: var(--dm-muted);
    box-shadow: 0 4px 14px color-mix(in srgb, var(--dm-blue) 10%, transparent);
    transition: background-color 0.25s ease, border-color 0.25s ease, color 0.25s ease, transform 0.2s ease;
}

#scroll-top:hover {
    background-color: var(--dm-red);
    border-color: var(--dm-red);
    color: var(--dm-white);
    transform: translateY(-2px);
}

.sticky-navbar {
    background-color: var(--dm-blue);
}

/* Category page widgets */
.widget {
    background:#fff;
}
.select-custom {
    position: relative;
}

.select-custom select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    padding-right: 30px;
}

.select-custom .select-arrow {
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 9px;
    color: #999;
    pointer-events: none;
}
.select-custom {
    position: relative;
    display: inline-block;
}

.select-custom select {
    padding-right: 30px;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.select-custom .select-arrow {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 10px;
    color: #777;
    pointer-events: none;
}
.select-custom .select-arrow {
    right: 9px;
    font-size: 9px;
    color: #999;
}
.pin-wrapper{
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.10);

}
.sidebar-shop .widget-title a {
    color: var(--dm-blue);
}
.breadcrumb-arrow {
    font-size: 8px;
    margin: 0 10px;
    color: #999;
    vertical-align: middle;
}
.toolbox {
    /* background: var(--dm-grey); */
    padding:10px 10px 0px 10px;
    display: flex;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    align-items: center;
    justify-content: space-between;
}

/* Product page */
.product-single-details .product-title {
    color: var(--dm-blue);
}

.product-single-tabs .nav-link.active {
    color: var(--dm-red);
    border-color: var(--dm-red);
}

.ratings-container .ratings {
    background-color: var(--dm-grey);
}

.ratings-container .ratings:before {
    color: var(--dm-pink);
}

/* Blog posts */
.post {
    background: var(--dm-grey);
}

.post-title a:hover {
    color: var(--dm-red);
}

.post-date {
    background-color: var(--dm-red);
}

/* Pagination */
.page-item.active .page-link {
    background-color: var(--dm-blue-card);
    border-color: var(--dm-blue-card);
}

.page-link:hover {
    color: var(--dm-red);
}

/* Home slider overlay text */
.home-slider .banner-layer h2,
.home-slider .banner-layer h3,
.home-slider .banner-layer h4 {
    color: var(--dm-white);
}

.coupon-sale-text.bg-secondary,
.coupon-sale-text.text-white.bg-secondary {
    background-color: var(--dm-pink) !important;
}

.category-banner {
    background-color: var(--dm-blue-card) !important;
}
.category-banner h3,
.category-banner .btn {
    color:#fff;

/* Tags cloud */
.tagcloud a {
    background: var(--dm-grey);
    color: var(--dm-blue);
}

.tagcloud a:hover {
    background: var(--dm-red);
    color: var(--dm-white);
}

/* Newsletter popup / badges */
.badge-circle,
.cart-count {
    background-color: var(--dm-red) !important;
}

/* Sidebar filter sizes */
.config-size-list li a:hover,
.config-size-list li.active a {
    border-color: var(--dm-red);
    color: var(--dm-red);
}

/* Product quickview / wishlist hover */
.btn-icon-wish:hover,
.btn-quickview:hover {
    color: var(--dm-red) !important;
    border-color: var(--dm-red) !important;
}

/* Brands slider section bg */
.brands-slider {
    background: var(--dm-grey);
}

/* Featured section alternating feel */
.featured-products-section {
    background: var(--dm-white);
}

.new-products-section {
    background: var(--dm-grey);
}

.blog-section {
    background: var(--dm-white);
}

/* Tooltips / loading */
.porto-loading-icon,
.mfp-container .mfp-preloader {
    border-top-color: var(--dm-red) !important;
}

/* Outline primary if used */
.btn-outline-primary {
    color: var(--dm-red) !important;
    border-color: var(--dm-red) !important;
}

.btn-outline-primary:hover {
    background-color: var(--dm-red) !important;
    color: var(--dm-white) !important;
}

/* Mobile menu */
.mobile-menu-container {
    background-color: var(--dm-blue);
}

.mobile-menu li a:hover {
    color: var(--dm-pink);
}

/* Catch remaining Porto default blues */
a.text-dark:hover,
.product-category:hover,
.sidebar-toggle:hover {
    color: var(--dm-red) !important;
}

mark,
.mark {
    background-color: var(--dm-pink);
    color: var(--dm-white);
}

/* Unified hover transitions for all interactive controls */
.btn,
button,
input[type="submit"],
input[type="button"],
input[type="reset"],
.mm-icon-btn,
.mm-nav-link,
.mm-mobile-toggle,
#scroll-top,
.owl-carousel .owl-nav button,
.product-default .btn-add-cart,
.btn-icon-wish,
.btn-quickview,
.btn-icon,
.social-icon,
.tagcloud a,
.page-link,
.top-notice a.category {
    transition: background-color 0.25s ease, border-color 0.25s ease, color 0.25s ease, box-shadow 0.25s ease, transform 0.2s ease;
}

.btn:hover,
.btn:focus,
button:hover:not(:disabled),
input[type="submit"]:hover,
input[type="button"]:hover,
input[type="reset"]:hover {
    transform: translateY(-1px);
    box-shadow: 0 4px 12px color-mix(in srgb, var(--dm-blue) 12%, transparent);
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active {
    border-color: var(--dm-blue) !important;
    background-color: var(--dm-blue) !important;
    color: var(--dm-white) !important;
}

.btn-secondary:hover,
.btn-secondary:focus {
    border-color: var(--dm-red) !important;
    background-color: var(--dm-red) !important;
    color: var(--dm-white) !important;
}

.btn-dark:hover,
.btn-dark:focus,
.btn.btn-dark:hover {
    border-color: var(--dm-red) !important;
    background-color: var(--dm-red) !important;
    color: var(--dm-white) !important;
}

.btn-outline-dark:hover,
.btn-outline-primary:hover {
    border-color: var(--dm-red) !important;
    background-color: var(--dm-red) !important;
    color: var(--dm-white) !important;
}

.btn-light:hover {
    background-color: var(--dm-grey) !important;
    border-color: var(--dm-grey) !important;
    color: var(--dm-blue) !important;
}

.product-default .btn-add-cart:hover,
.product-default:hover .btn-add-cart {
    border-color: var(--dm-red) !important;
    background-color: var(--dm-red) !important;
    color: var(--dm-white) !important;
}

.btn-icon-wish:hover,
.btn-quickview:hover {
    color: var(--dm-red) !important;
    border-color: var(--dm-red) !important;
}

.tagcloud a:hover {
    background: var(--dm-red) !important;
    color: var(--dm-white) !important;
    border-color: var(--dm-red) !important;
}

.page-link:hover {
    background-color: var(--dm-red) !important;
    border-color: var(--dm-red) !important;
    color: var(--dm-white) !important;
}

.top-notice a.category:hover {
    background-color: var(--dm-red);
    border-color: var(--dm-red);
    color: var(--dm-white);
}

.owl-carousel .owl-nav .owl-prev:hover,
.owl-carousel .owl-nav .owl-next:hover {
    color: var(--dm-white) !important;
    background: var(--dm-red) !important;
    border-color: var(--dm-red) !important;
}