/* ============================================================
   v2 — Manisa baby-store theme overlay
   Layered AFTER each shared page's base (v1) CSS to restyle the
   same markup into a fresh, soft, playful baby-store look.
   Palette comes from the tenant (--primary-color / --secondary-color,
   set in the DB); this file adds shape, depth, type and accents.
   ============================================================ */

:root {
    --accent: #FBC23B;              /* warm yellow */
    --ink: #2A2350;                 /* soft deep indigo for text */
    --ink-soft: #6b6790;
    --surface: #ffffff;
    --bg: #fff6fb;                  /* very soft pink page bg */
    --bg-2: #f1fbff;                /* very soft cyan */
    --r-sm: 12px;
    --r-md: 18px;
    --r-lg: 26px;
    --r-pill: 999px;
    --shadow-soft: 0 10px 30px -12px rgba(236, 45, 142, .25);
    --shadow-card: 0 14px 34px -16px rgba(42, 35, 80, .22);
}

/* ---- Base ---- */
body {
    font-family: "Baloo Bhaijaan 2", Tajawal, sans-serif !important;
    background:
        radial-gradient(1200px 480px at 100% -8%, var(--bg) 0%, transparent 60%),
        radial-gradient(1000px 460px at 0% -10%, var(--bg-2) 0%, transparent 55%),
        #fffdfb !important;
    color: var(--ink);
}
h1, h2, h3, h4, .section-title, .product-title, .filter-heading {
    font-family: "Baloo Bhaijaan 2", Tajawal, sans-serif !important;
    color: var(--ink);
}

/* ---- Header / nav ---- */
.top-nav {
    background: var(--surface) !important;
    box-shadow: var(--shadow-soft);
    border-bottom: 0 !important;
}
.top-nav, .search-form, .search-form input, .search-form .btn {
    border-radius: var(--r-pill);
}
.search-form { background: var(--bg) !important; }

/* ---- Buttons: rounded, bouncy ---- */
.btn, .btn-main, .btn-alt, .btn-filter, .view-all, .add-to-cart, .remove-from-cart,
button[type="submit"], .submit-newsletter {
    border-radius: var(--r-pill) !important;
    font-weight: 700 !important;
    transition: transform .12s ease, box-shadow .2s ease, filter .2s ease;
}
.btn-main, .add-to-cart {
    background: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
    color: #fff !important;
    box-shadow: 0 8px 18px -8px var(--primary-color);
}
.btn-main:hover, .add-to-cart:hover { transform: translateY(-2px); filter: saturate(1.1); }
.btn-alt {
    background: var(--bg-2) !important;
    border-color: transparent !important;
    color: var(--secondary-color) !important;
}
.btn-alt:hover { transform: translateY(-2px); }

/* ---- Section headings ---- */
.section-title { position: relative; font-weight: 800; }
.section-title::after {
    content: ""; display: block; width: 54px; height: 5px; margin-top: 8px;
    border-radius: var(--r-pill);
    background: linear-gradient(90deg, var(--primary-color), var(--secondary-color));
}
.view-all { background: var(--bg) !important; color: var(--primary-color) !important; }

/* ---- Product cards ---- */
.main-product {
    background: var(--surface);
    border: 1px solid #ffe3f1;
    border-radius: var(--r-lg);
    box-shadow: var(--shadow-card);
    overflow: hidden;
    transition: transform .16s ease, box-shadow .25s ease;
}
.main-product:hover { transform: translateY(-4px); box-shadow: 0 22px 44px -18px rgba(42,35,80,.28); }
.main-product .image-wrapper { background: #fff; border-radius: var(--r-lg) var(--r-lg) 0 0; }
.main-product .image-wrapper img { border-radius: var(--r-md); }
.product-title { font-weight: 700; }
.current-price { color: var(--primary-color) !important; font-weight: 800 !important; }
.old-price { color: var(--ink-soft) !important; }

/* badges */
.discount, .event, .sold-out {
    border-radius: var(--r-pill) !important;
    font-weight: 700 !important;
}
.discount { background: var(--accent) !important; color: var(--ink) !important; }
.event { background: var(--secondary-color) !important; color: #fff !important; }

/* ---- Category cards / tiles ---- */
.category-card, .category-item, .cat-card, .new-arrival-item, .video-banner video,
.filter_by_price, .offcanvas, .card {
    border-radius: var(--r-lg) !important;
}
.category-item img, .category-card img { border-radius: var(--r-md); }

/* ---- Filters / inputs ---- */
.filter-heading { font-weight: 800; }
.price-inputs .form-control, .form-control, input[type="number"], input[type="text"], select {
    border-radius: var(--r-pill) !important;
    border-color: #ffd9ec !important;
}
.form-control:focus { border-color: var(--primary-color) !important; box-shadow: 0 0 0 4px rgba(236,45,142,.12) !important; }

/* ---- Footer ---- */
.footer {
    border-radius: var(--r-lg) var(--r-lg) 0 0;
}
.footer .bottom-footer { border-radius: 0; }

/* ---- Pills / chips / misc rounding ---- */
.badge, .chip, .tag, .pill { border-radius: var(--r-pill) !important; }
a { transition: color .15s ease; }


/* Nav turns brand-pink on scroll (like Sela) so the white logo stays visible.
   (Overrides the white .top-nav above only in the scrolled/fixed state.) */
.main-header.fixed .top-nav { background: var(--primary-color) !important; box-shadow: var(--shadow-soft); }
.main-header.fixed .top-nav .nav-link,
.main-header.fixed .top-nav .options .login-btn,
.main-header.fixed .top-nav .options .shopping-cart { color: #fff !important; }
/* small category nav icons: rounded */
.category-nav-links .category-link img,
.links-wrapper .links img { border-radius: 6px; object-fit: cover; }