.footer-middle {
    padding-top: 2.25rem;
    padding-bottom: 2.25rem;
}
.text-right{
    text-align: right;
}
.pt-90 {
    padding-top: 90px !important;
}
.my-account__address-list {
    display: flex;
    gap: 1.625rem;
}

.form-floating>.form-control,
.form-floating>.form-select {
    height: 48px;
}


/* =====================================================
   KIDSMART GLOBAL THEME — PINK BACKGROUND + NAV BUTTONS
   ===================================================== */

/* --- Site-wide pink background --- */
body,
.gradient-bg {
    background-color: #fce4ec !important;
}

/* Header background pink */
#header,
.header,
.header-mobile,
.header_sticky {
    background-color: #fce4ec !important;
    border-bottom: 1px solid #f8bbd0;
}

/* Footer background pink */
footer,
.footer,
.footer-bottom,
.footer-mobile {
    background-color: #fce4ec !important;
    border-top: 1px solid #f8bbd0;
}

/* --- Desktop Navigation Buttons: Home, Shop, About, Contact --- */
.navigation__list .navigation__item .navigation__link {
    color: #ffffff !important;
    background-color: #e91e8c !important;
    padding: 8px 18px !important;
    border-radius: 6px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    display: inline-block !important;
    transition: color 0.25s ease, background-color 0.25s ease !important;
}

.navigation__list .navigation__item .navigation__link:hover,
.navigation__list .navigation__item .navigation__link:focus {
    color: #000000 !important;
    background-color: #f8bbd0 !important;
}

/* --- Mobile Navigation Links --- */
.header-mobile__navigation .navigation__list .navigation__item .navigation__link {
    color: #ffffff !important;
    background-color: #e91e8c !important;
    padding: 10px 18px !important;
    border-radius: 6px !important;
    font-weight: 600 !important;
    display: block !important;
    margin-bottom: 6px !important;
    transition: color 0.25s ease, background-color 0.25s ease !important;
}

.header-mobile__navigation .navigation__list .navigation__item .navigation__link:hover {
    color: #000000 !important;
    background-color: #f8bbd0 !important;
}

/* --- Mobile Shop toggle button --- */
.nav-shop-toggle {
    color: #ffffff !important;
    background-color: #e91e8c !important;
    padding: 10px 18px !important;
    border-radius: 6px !important;
    font-weight: 600 !important;
    display: block !important;
    margin-bottom: 6px !important;
    transition: color 0.25s ease, background-color 0.25s ease !important;
}

.nav-shop-toggle:hover {
    color: #000000 !important;
    background-color: #f8bbd0 !important;
}


/* =====================================================
   SHOP FILTER SIDEBAR — PINK THEME FIX
   ===================================================== */

/* Remove white background, match site pink */
.shop-sidebar.bg-body,
#shopFilter,
/* .side-sticky.bg-body {
    background-color: #fce4ec !important;
    border: 1.5px solid #f48fb1 !important;
    border-radius: 12px !important;
} */

/* Accordion sections inside filter */
.shop-sidebar .accordion,
.shop-sidebar .accordion-item {
    background-color: transparent !important;
    border: none !important;
}

/* Section headings: PRODUCT CATEGORIES, SIZES, BRANDS, PRICE */
.shop-sidebar .accordion-button,
.shop-sidebar .accordion-header button {
    background-color: transparent !important;
    color: #ffffff !important;
    font-weight: 700 !important;
    box-shadow: none !important;
    border-bottom: 1px solid #f48fb1 !important;
}

.shop-sidebar .accordion-button:not(.collapsed) {
    background-color: transparent !important;
    color: #880e4f !important;
    box-shadow: none !important;
}

/* Divider lines between filter sections */
.shop-sidebar .accordion-body {
    background-color: transparent !important;
    border-top: none !important;
}

/* Checkboxes label text */
.shop-sidebar .form-check-label,
.shop-sidebar label {
    color: #4a0027 !important;
}

/* Size buttons (XS, S, M, L, XL, XXL) */
.shop-sidebar .filter-tag,
.shop-sidebar .swatch-tag,
.shop-sidebar .btn-filter {
    border: 1.5px solid #f48fb1 !important;
    background-color: #fff0f5 !important;
    color: #880e4f !important;
    border-radius: 6px !important;
    transition: all 0.2s ease !important;
}

.shop-sidebar .filter-tag:hover,
.shop-sidebar .filter-tag.swatch_active,
.shop-sidebar .swatch-tag:hover,
.shop-sidebar .btn-filter:hover {
    background-color: #e91e8c !important;
    color: #ffffff !important;
    border-color: #e91e8c !important;
}

/* Price range slider track */
.shop-sidebar .price-range-slider .noUi-connect,
.shop-sidebar .slider-range .noUi-connect {
    background-color: #e91e8c !important;
}

.shop-sidebar .price-range-slider .noUi-handle,
.shop-sidebar .slider-range .noUi-handle {
    border-color: #e91e8c !important;
}

/* Count numbers next to category names */
.shop-sidebar .filters-container span,
.shop-sidebar .accordion-body span {
    color: #ad1457 !important;
}

/* Mobile: when sidebar slides in as aside panel */
@media (max-width: 991px) {
    .side-sticky.aside_visible {
        background-color: #fce4ec !important;
        border-left: 2px solid #f48fb1 !important;
    }
}

/* =====================================================
   SHOP FILTER SIDEBAR — PRECISE CLASS OVERRIDES
   ===================================================== */

/* Size buttons: XS, S, M, L, XL, XXL */
.shop-sidebar .swatch-size.btn-outline-light,
#shopFilter .swatch-size {
    background-color: #fff0f5 !important;
    border: 1.5px solid #f48fb1 !important;
    color: #880e4f !important;
    border-radius: 6px !important;
    transition: all 0.2s ease !important;
}

.shop-sidebar .swatch-size.btn-outline-light:hover,
#shopFilter .swatch-size:hover,
.shop-sidebar .swatch-size.active {
    background-color: #e91e8c !important;
    border-color: #e91e8c !important;
    color: #ffffff !important;
}

/* Category list items */
#shopFilter .list-item .menu-link,
#shopFilter .category-list .list-item {
    color: #4a0027 !important;
}

/* Checkbox color */
#shopFilter .chk-category,
#shopFilter .chk-brand {
    accent-color: #e91e8c !important;
}

/* Section dividers between accordion items */
#shopFilter .accordion-item {
    border-bottom: 1px solid #f8bbd0 !important;
    background-color: transparent !important;
}

/* Remove inner accordion border that adds white lines */
#shopFilter .accordion-collapse {
    border: none !important;
}

/* =====================================================
   SECTIONS — You Might Like, Hot Deals, Featured Products
   ===================================================== */

/* White container that wraps "You Might Like" section */
.container.mw-1620.bg-white,
.container.mw-1620.bg-body {
    background-color: #fce4ec !important;
    border: 1.5px solid #f48fb1 !important;
    border-radius: 12px !important;
}

/* Section title headings (You Might Like, Hot Deals, Featured Products) */
.section-title {
    color: #880e4f !important;
}

/* Decorative underline / line under section title if any */
.section-title::after {
    background-color: #e91e8c !important;
}

/* Hot Deals section wrapper */
section.products-grid,
section.category-carousel,
.hot-deals,
.sale-products {
    background-color: transparent !important;
}

/* Product card background — keep white cards but with pink border */
.product-card {
    background-color: #fff0f5 !important;
    border: 1px solid #f8bbd0 !important;
    border-radius: 10px !important;
    transition: box-shadow 0.2s ease, border-color 0.2s ease !important;
}

.product-card:hover {
    border-color: #e91e8c !important;
    box-shadow: 0 4px 20px rgba(233, 30, 140, 0.15) !important;
}

/* Product card image wrapper */
.product-card .pc__img-wrapper {
    border-radius: 10px 10px 0 0 !important;
    overflow: hidden !important;
}

/* Product card title */
.product-card .pc__title a {
    color: #4a0027 !important;
}

.product-card .pc__title a:hover {
    color: #e91e8c !important;
}

/* Price text */
.product-card .price,
.product-card .money {
    color: #e91e8c !important;
    font-weight: 600 !important;
}

/* Sale badge / mark */
.product-card .pc__label,
.product-card .badge,
.pc__label--new,
.pc__label--sale {
    background-color: #e91e8c !important;
    color: #ffffff !important;
    border-radius: 4px !important;
}

/* "Add to Cart" / "Quick View" hover bar at bottom of card */
.product-card .anim_appear-bottom {
    background-color: #fce4ec !important;
    border-top: 1px solid #f48fb1 !important;
}

.product-card .btn-link {
    color: #880e4f !important;
}

.product-card .btn-link:hover {
    color: #e91e8c !important;
}

/* Star ratings */
.product-card .rating-stars .icon-star,
.product-card .stars svg {
    fill: #e91e8c !important;
    color: #e91e8c !important;
}

/* =====================================================
   SHOP NAV DROPDOWN (desktop) — already in app.blade.php
   but reinforce via CSS file for specificity
   ===================================================== */
.nav-dropdown {
    background-color: #e91e8c !important;
    border: 1.5px solid #f48fb1 !important;
    border-radius: 8px !important;
}

.nav-dropdown a {
    color: #ffffff !important;
    font-weight: 600 !important;
}

.nav-dropdown a:hover {
    background-color: #f8bbd0 !important;
    color: #000000 !important;
}

/* Mobile dropdown */
.mobile-nav-dropdown {
    background-color: #e91e8c !important;
    border: 1.5px solid #f48fb1 !important;
}

.mobile-nav-dropdown li a {
    color: #ffffff !important;
    font-weight: 600 !important;
    border-bottom: 1px solid #f48fb1 !important;
}

.mobile-nav-dropdown li a:hover {
    background-color: #f8bbd0 !important;
    color: #000000 !important;
}

/* =====================================================
   PRODUCT CARD — INFO SECTION PADDING FIX
   (home sections + shop page)
   ===================================================== */

.product-card .pc__info {
    padding: 12px 14px 14px 14px !important;
}

.product-card .pc__title {
    margin-bottom: 6px !important;
}

.product-card .product-card__price {
    margin-bottom: 8px !important;
}

/* =====================================================
   PRODUCT CARD — ADD TO CART BAR FIX
   ===================================================== */

.product-card .anim_appear-bottom {
    padding: 10px 14px !important;
    justify-content: center !important;
    gap: 16px !important;
    border-radius: 0 0 10px 10px !important;
}

.product-card .anim_appear-bottom .btn-link,
.product-card .anim_appear-bottom button,
.product-card .anim_appear-bottom a {
    margin: 0 !important;
    text-align: center !important;
}

/* =====================================================
   MOBILE NAV — SUB-CATEGORIES DROPDOWN RESTYLE
   ===================================================== */

/* Override previous mobile-nav-dropdown rules */
.mobile-nav-dropdown {
    list-style: none !important;
    padding: 6px 0 !important;
    margin: 6px 0 4px 0 !important;
    background: #fff0f5 !important;
    border-radius: 10px !important;
    border: 1.5px solid #f48fb1 !important;
}

.mobile-nav-dropdown li a {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 9px 16px 9px 20px !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    color: #880e4f !important;
    border-bottom: 1px solid #fad4e8 !important;
    background: transparent !important;
}

.mobile-nav-dropdown li:last-child a {
    border-bottom: none !important;
}

.mobile-nav-dropdown li a:hover {
    background-color: #fce4ec !important;
    color: #000000 !important;
}