/* =======================
   Reviews
======================= */
.s-reviews-display-all-icon {
    display: none;
}

.s-reviews-display-all-icon,
.s-reviews-display-all {
    font-size: 0px;
}

.s-reviews-header-wrapper {
    display: flex;
    justify-content: center !important;
}

.s-reviews-header,
.s-block__title h2 {
    font-size: 1.5rem; /* smaller than before */
    color: #221819;   /* brown text */
}

.s-reviews-header:before,
.s-block__title h2:before {
    display: none; /* removed underline/background */
}

.s-reviews-header:hover {
    color: #221819;
    cursor: pointer;
}

/* =======================
   Buttons
======================= */
.s-button-primary {
    background-color: #221819 !important; /* brown background */
    color: #fff !important; /* white text */
    border: 1px solid #221819 !important;
    border-radius: 0 !important;
}

.s-button-primary:hover {
    background-color: #3a2d2b !important; /* slightly lighter brown */
}

.s-button-primary-outline:hover {
    background-color: #221819;
    color: #fff;
}

button.undefined {
    background-color: #221819 !important;
    color: #fff !important;
    border: 1px solid #221819 !important;
}

/* =======================
   Slider & Carousel
======================= */
.swiper-button-disabled {
    opacity: 1;
    background-color: #221819;
}

.s-slider-nav-arrow svg {
    fill: #ffffff;
}

.s-block--photos-slider .s-slider-block__title-nav {
    display: none !important;
}

.s-block--photos-slider * {
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 0 !important;
}

.s-block--photos-slider .swiper-slide {
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100% !important;
}

/* =======================
   Header & Navbar
======================= */
.s-user-menu-trigger {
    background-color: transparent;
}

@media (min-width: 768px) {
    .index header .inner.bg-inherit .items-stretch .flex.items-center:not(.justify-end) {
        width: 60%;
        justify-content: space-between;
    }
}

/* Navbar colors */
.top-navbar,
#mainnav,
.inner,
.sub-menu {
    background-color: #221819 !important; /* brown header */
}

#mainnav,
#mainnav i:before,
#mainnav b,
#mainnav a,
.top-navbar *,
.inner *,
.sub-menu * {
    color: #ffffff !important; /* white text */
    fill: #ffffff !important;  /* For SVG icons */
}

#mainnav a:hover,
.top-navbar a:hover {
    color: #ffffff !important;
    opacity: 0.7;
}

/* =======================
   Body & Background
======================= */
body {
    background-color: #ffffff !important; /* white body */
}

/* =======================
   Product Cards
======================= */
.s-product-card-entry {
    background-color: #ffffff !important; /* white cards */
    border: 2px solid #221819; /* brown border */
    border-radius: 0 !important;
}

.s-product-card-entry img,
.s-product-card-image {
    border-radius: 0 !important;
}

.s-product-card-entry:hover img {
    scale: 1.2;
}

.s-product-card-entry img {
    transition: all 0.3s;
}

.s-product-card-image {
    background-color: #ffffff !important;
}

.s-product-card-content-sub {
    justify-content: center;
}

.s-product-card-content-title a {
    color: #221819 !important; /* brown text */
}

body:not(body.product-single) .s-button-element:not(.s-product-card-wishlist-btn) {
    background: #221819 !important; /* brown buttons */
    color: #fff !important; /* white text */
    border: 1px solid #221819 !important;
    border-radius: 0 !important;
}

.s-product-card-vertical .s-product-card-wishlist-btn button:hover {
    background-color: #221819 !important;
}

.s-product-card-vertical .s-product-card-wishlist-btn button:hover .sicon-heart {
    color: #fff !important;
}

/* =======================
   Banners
======================= */
.banner-entry,
.banner--fixed img {
    background-color: transparent !important;
}

.s-block--banners .banner-entry {
    height: 300px;
}

@media (max-width: 992px) {
    .s-block--banners .banner-entry {
        height: 200px;
    }
}

@media (max-width: 480px) {
    .s-block--banners .banner-entry {
        height: 100px;
    }
}

.s-block--banners .lazy__bg {
    background-size: contain;
    background-repeat: no-repeat;
}

/* =======================
   Features
======================= */
.s-block--features__item .feature-icon {
    background-color: #221819;
}

.s-block--features__item .feature-icon i {
    color: #fff !important;
}

/* =======================
   Footer
======================= */
.store-footer,
.store-footer__inner {
    background-color: #221819 !important;
}

@media (min-width: 1024px) {
    footer .grid {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

@media (max-width: 769px) {
    footer * {
        margin: 0 auto;
        text-align: center;
    }
}

/* =======================
   Social Icons
======================= */
a[href*="instagram"],
a[href*="tiktok"],
a[href*="facebook"],
a[href*="twitter"],
a[href*="youtube"],
a[href*="snapchat"] {
    background: none !important; /* removed gradients */
    color: #221819 !important;   /* brown */
    border: unset !important;
}

/* =======================
   Misc / Hover Effects
======================= */
.banner-entry > div {
    background-repeat: no-repeat;
    display: inline-block;
    transition: 0.3s;
}

.banner-entry > div:after {
    display: none; /* removed gradient effect */
}

/* =======================
   Top Navbar
======================= */
.top-navbar {
    display: none;
}

/* =======================
   Global Text Colors
======================= */
footer * {
    color: #ffffff !important;
}

header * {
    color: #ffffff !important;
}

/* =======================
   Responsive Adjustments
======================= */
@media (max-width: 768px) {
    .s-slider-block__title h2 {
        padding: 0 !important;
        font-size: 1.5rem !important;
    }

    .s-block__title h2:before {
        display: none;
    }
}
/* Show the top navbar again for language switch */
.top-navbar {
    display: flex !important;
    justify-content: center; /* centers content horizontally */
    align-items: center;     /* centers content vertically */
    background-color: #ffffff !important; /* keep header white */
    padding: 0.5rem 0;       /* optional spacing */
}

/* Make sure language selector itself is visible */
.top-navbar .s-language-selector {
    display: inline-block !important;
    text-align: center !important;
    color: #000000 !important;
}

/* Optional: adjust dropdown text */
.top-navbar .s-language-selector select {
    background-color: #ffffff !important;
    color: #000000 !important;
    border: 1px solid #000000 !important;
    border-radius: 0 !important;
}