/* ==================================================
   LEENI BRAND THEME
   Powder Sage: #B7C4B1
   Sloth Pink:  #E8C7CC
================================================== */

:root {
    --leeni-sage: #B7C4B1;
    --leeni-pink: #E8C7CC;
    --leeni-white: #FFFFFF;
    --leeni-text: #2F352F;

    /* Update Salla's primary theme colour */
    --color-primary: 232, 199, 204;
    --color-primary-dark: 210, 169, 176;
    --color-primary-light: 246, 228, 231;
    --color-primary-reverse: 47, 53, 47;
}

/* 1. Main website background */
html,
body,
.app-inner,
#main-content {
    background-color: var(--leeni-sage) !important;
    color: var(--leeni-text);
}

/* Remove Salla's default grey sections */
.bg-gray-100,
.bg-gray-50,
.s-block--full-bg,
.s-block--tabs-produtcs {
    background-color: var(--leeni-sage) !important;
}

/* 2. Header */
.store-header,
.main-nav-container,
#mainnav,
#mainnav .inner {
    background-color: var(--leeni-pink) !important;
}

.main-nav-container {
    border-bottom: 1px solid rgba(47, 53, 47, 0.10);
    box-shadow: 0 4px 18px rgba(47, 53, 47, 0.08) !important;
}

/* Header icons */
.header-btn__icon,
.s-user-menu-login-btn,
.s-cart-summary-icon,
.sicon-menu {
    color: var(--leeni-text) !important;
}

/* 3. Keep banner area clean */
.s-block--photos-slider {
    background-color: var(--leeni-sage) !important;
}

/* 4. Product cards stay white */
.s-product-card-entry {
    background-color: var(--leeni-white) !important;
    border: 1px solid rgba(47, 53, 47, 0.08) !important;
    border-radius: 14px !important;
    overflow: hidden;
    box-shadow: 0 5px 18px rgba(47, 53, 47, 0.07) !important;
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.s-product-card-entry:hover {
    transform: translateY(-3px);
    box-shadow: 0 9px 24px rgba(47, 53, 47, 0.12) !important;
}

/* 5. Add-to-cart buttons */
.s-button-primary,
.s-button-primary-outline {
    background-color: var(--leeni-pink) !important;
    border-color: var(--leeni-pink) !important;
    color: var(--leeni-text) !important;
    border-radius: 10px !important;
}

.s-button-primary:hover,
.s-button-primary-outline:hover {
    background-color: #D9B3BA !important;
    border-color: #D9B3BA !important;
    color: var(--leeni-text) !important;
}

/* 6. Feature cards */
.s-block--features {
    background-color: transparent !important;
}

.s-block--features__item {
    background-color: var(--leeni-pink) !important;
    color: var(--leeni-text) !important;
    border: 1px solid rgba(47, 53, 47, 0.08);
    border-radius: 14px !important;
    box-shadow: 0 4px 14px rgba(47, 53, 47, 0.06);
}

/* 7. Customer reviews */
.s-block--testimonials {
    background-color: transparent !important;
}

.s-reviews-testimonial {
    background-color: var(--leeni-white) !important;
    border: 2px solid var(--leeni-pink) !important;
    border-radius: 16px !important;
    box-shadow: 0 5px 18px rgba(47, 53, 47, 0.07);
}

.s-reviews-header {
    color: var(--leeni-text) !important;
}

/* 8. Slider controls */
.s-slider-nav-arrow {
    background-color: var(--leeni-pink) !important;
    border-color: var(--leeni-pink) !important;
    color: var(--leeni-text) !important;
}

.swiper-pagination-bullet-active {
    background-color: var(--leeni-pink) !important;
}

/* 9. Footer */
.store-footer {
    background-color: var(--leeni-sage) !important;
    color: var(--leeni-text) !important;
}

.store-footer__inner {
    background-color: var(--leeni-pink) !important;
    color: var(--leeni-text) !important;
}

.store-footer a,
.store-footer h3,
.store-footer p {
    color: var(--leeni-text) !important;
}

/* 10. General borders */
input,
select,
textarea {
    border-color: rgba(47, 53, 47, 0.18) !important;
}

input:focus,
select:focus,
textarea:focus {
    border-color: var(--leeni-pink) !important;
    box-shadow: 0 0 0 3px rgba(232, 199, 204, 0.30) !important;
}

/* Mobile refinement */
@media (max-width: 768px) {
    .s-block--features__item,
    .s-product-card-entry,
    .s-reviews-testimonial {
        border-radius: 12px !important;
    }
}

}