/* Site-wide skin: moves every customer-facing page that has not been individually rebuilt yet onto the Figma tokens and
   component styles (buttons, headings, hero bands, cards, fields, pills). Scoped to the customer surface so the admin,
   employee and Panditji consoles are untouched. Pages rebuilt from Figma (.fh) keep their own CSS and are not affected. */
body.np-customer-surface {
    --crimson: #8b1a10; --saffron: #e8650a; --saffron-dark: #c4530a; --saffron-soft: #fcebdd;
    --radius-pill: 10px;                      /* Figma buttons/inputs are 10px, not pills */
    --np-control-height: 46px;
}

/* ── Buttons: primary = burgundy, secondary = white + saffron outline, quiet = soft fill ── */
body.np-customer-surface :is(.btn-saffron, .btn-primary-brand, .btn-warning, .btn-primary) {
    background: var(--crimson); border: 1.5px solid var(--crimson); color: #fff; font: 600 14.4px/20px 'Poppins', sans-serif;
    border-radius: 10px; min-height: 46px; padding: 12px 24px; box-shadow: none;
}
body.np-customer-surface :is(.btn-saffron, .btn-primary-brand, .btn-warning, .btn-primary):hover,
body.np-customer-surface :is(.btn-saffron, .btn-primary-brand, .btn-warning, .btn-primary):focus-visible { background: #a02015; border-color: #a02015; color: #fff; box-shadow: none; }
body.np-customer-surface :is(.btn-outline-saffron, .btn-outline-brand, .btn-outline-primary) {
    background: #fff; border: 1.5px solid #e8650a; color: #c4530a; font: 600 14.4px/20px 'Poppins', sans-serif; border-radius: 10px; min-height: 46px; padding: 12px 24px;
}
body.np-customer-surface :is(.btn-outline-saffron, .btn-outline-brand, .btn-outline-primary):hover { background: #fff7eb; border-color: #e8650a; color: #c4530a; }
body.np-customer-surface :is(.btn-light, .btn-outline-secondary) { background: var(--saffron-soft); border: 1.5px solid transparent; color: #c4530a; font: 600 14.4px/20px 'Poppins', sans-serif; border-radius: 10px; min-height: 46px; padding: 12px 24px; }
body.np-customer-surface :is(.btn-light, .btn-outline-secondary):hover { background: #f8dfca; color: #c4530a; border-color: transparent; }
body.np-customer-surface .btn.btn-sm { min-height: 40px; padding: 8px 16px; font-size: 13px; line-height: 20px; border-radius: 10px; }
body.np-customer-surface .btn.btn-lg { min-height: 52px; font-size: 15px; }
body.np-customer-surface .btn.rounded-pill, body.np-customer-surface .btn.rounded-5 { border-radius: 10px !important; }
body.np-customer-surface .btn[disabled], body.np-customer-surface .btn.disabled { opacity: .5; }
body.np-customer-surface .btn-close { border-radius: 10px; }
/* Buttons that sit on dark bands keep their light treatment. */
body.np-customer-surface .cta-section .btn-outline-light, body.np-customer-surface .btn-outline-light { border-radius: 10px; min-height: 46px; font-weight: 600; }
/* Consultation action buttons (cards, profile) */
body.np-customer-surface .btn-consult, body.np-customer-surface .btn-action-chat { background: var(--crimson); color: #fff; border-radius: 10px; font: 600 13px/20px 'Poppins', sans-serif; padding: 9px 14px; box-shadow: none; }
body.np-customer-surface .btn-action-call { background: var(--saffron-soft); color: var(--crimson); border-radius: 10px; font: 600 13px/20px 'Poppins', sans-serif; padding: 9px 14px; box-shadow: none; }
body.np-customer-surface .btn-consult:hover, body.np-customer-surface .btn-action-chat:hover { color: #fff; background: #a02015; box-shadow: none; transform: none; }
body.np-customer-surface .btn-action-call:hover { color: var(--crimson); background: #f8dfca; box-shadow: none; transform: none; }

/* ── Page heading bands: Figma uses a light cream band with a burgundy heading, not a dark gradient ── */
body.np-customer-surface :is(.page-hero, .pooja-hero, .consult-hero, .store-hero, .book-hero, .panch-hero, .wallet-hero, .profile-hero, .summary-hero, .np-book-hero, .vastu-hero, .about-hero, .registration-hero, .sp-hero) {
    background: linear-gradient(90deg, #fff7eb 0%, #fff1de 100%) !important; color: var(--text-secondary);
    padding-top: clamp(32px, 5vw, 56px); padding-bottom: clamp(28px, 4vw, 48px); border-bottom: 1px solid #f3e4d0;
}
body.np-customer-surface :is(.page-hero, .pooja-hero, .consult-hero, .store-hero, .book-hero, .panch-hero, .wallet-hero, .profile-hero, .summary-hero, .np-book-hero, .vastu-hero, .about-hero, .registration-hero, .sp-hero)::before,
body.np-customer-surface :is(.page-hero, .pooja-hero, .consult-hero, .store-hero, .book-hero, .panch-hero, .wallet-hero, .profile-hero, .summary-hero, .np-book-hero, .vastu-hero, .about-hero, .registration-hero, .sp-hero)::after { display: none !important; }
body.np-customer-surface :is(.page-hero, .pooja-hero, .consult-hero, .store-hero, .book-hero, .panch-hero, .wallet-hero, .profile-hero, .summary-hero, .np-book-hero, .vastu-hero, .about-hero, .registration-hero, .sp-hero) :is(h1, h2, .np-book-title) {
    color: var(--crimson) !important; font-weight: 700; letter-spacing: -.01em; text-shadow: none;
}
body.np-customer-surface :is(.page-hero, .pooja-hero, .consult-hero, .store-hero, .book-hero, .panch-hero, .wallet-hero, .profile-hero, .summary-hero, .np-book-hero, .vastu-hero, .about-hero, .registration-hero, .sp-hero) :is(p, .lead, small, li, .np-help, .pooja-hero-sub, .text-white-50, .text-white, .opacity-75) {
    color: var(--text-secondary) !important;
}
body.np-customer-surface :is(.page-hero, .pooja-hero, .consult-hero, .store-hero, .book-hero, .panch-hero, .wallet-hero, .profile-hero, .summary-hero, .np-book-hero, .vastu-hero, .about-hero, .registration-hero, .sp-hero) [style*="color:#fff"],
body.np-customer-surface :is(.page-hero, .pooja-hero, .consult-hero, .store-hero, .book-hero, .panch-hero, .wallet-hero, .profile-hero, .summary-hero, .np-book-hero, .vastu-hero, .about-hero, .registration-hero, .sp-hero) [style*="color: #fff"],
body.np-customer-surface :is(.page-hero, .pooja-hero, .consult-hero, .store-hero, .book-hero, .panch-hero, .wallet-hero, .profile-hero, .summary-hero, .np-book-hero, .vastu-hero, .about-hero, .registration-hero, .sp-hero) [style*="rgba(255,255,255"] { color: var(--text-secondary) !important; }
body.np-customer-surface .np-crumbs-light, body.np-customer-surface .np-crumbs-light a { color: var(--text-secondary); }
body.np-customer-surface .np-crumbs-light a:hover { color: var(--crimson); }
body.np-customer-surface .np-kicker { color: #c4530a; background: transparent; font: 600 11px/18px 'Poppins', sans-serif; letter-spacing: .04em; text-transform: uppercase; padding: 0; }
/* hero search + chips sit on a light band now */
body.np-customer-surface .hero-search { background: #fff; border: 1px solid var(--border); border-radius: 999px; box-shadow: none; }
body.np-customer-surface .hero-search button { background: var(--saffron-soft); color: #c4530a; border-radius: 10px; }

/* ── Headings ── */
body.np-customer-surface .section-title { color: var(--crimson); font-weight: 700; font-size: clamp(1.6rem, 3vw, 2.5rem); line-height: 1.3; letter-spacing: -.01em; }
body.np-customer-surface .section-title::after { display: none; }
body.np-customer-surface .section-label { background: transparent; padding: 0; margin-bottom: 8px; font: 600 12px/20px 'Poppins', sans-serif; letter-spacing: .04em; color: #c4530a; border-radius: 0; }

/* ── Cards, panels and pills ── */
body.np-customer-surface :is(.np-card, .filter-card, .card, .testi-card, .np-state-card, .pandit-card, .store-promo-card, .np-pooja-card, .np-shop-card, .wallet-card, .summary-card, .np-panel) {
    border-radius: 16px; border: 1px solid var(--border); box-shadow: none;
}
body.np-customer-surface :is(.pandit-card, .np-pooja-card, .store-promo-card):hover { box-shadow: 0 10px 28px rgba(139, 26, 16, .08); transform: translateY(-2px); border-color: #e4d6c4; }
body.np-customer-surface .np-help-inline { background: var(--saffron-soft); border-radius: 12px; }
body.np-customer-surface .cat-pill { border-radius: 10px; border: 1px solid var(--border); background: #fff; color: var(--text-secondary); font: 600 13px/20px 'Poppins', sans-serif; padding: 9px 14px; }
body.np-customer-surface .cat-pill:hover { background: var(--saffron-soft); border-color: var(--border); color: var(--crimson); }
body.np-customer-surface .cat-pill.active { background: var(--crimson); color: #fff; border-color: var(--crimson); }
body.np-customer-surface .np-toggle-chip { border-radius: 10px; }
body.np-customer-surface .np-season-strip { border-radius: 16px; border: 1px solid var(--border); background: #fff7eb; }
body.np-customer-surface .np-season-chip { border-radius: 12px; border: 1px solid var(--border); background: #fff; }
body.np-customer-surface .badge { border-radius: 8px; font-weight: 600; }
body.np-customer-surface .modal-content { border-radius: 16px; border: 1px solid var(--border); box-shadow: 0 20px 50px rgba(139, 26, 16, .18); }
body.np-customer-surface .alert { border-radius: 12px; }
body.np-customer-surface .accordion-item { border-radius: 12px; border-color: var(--border); }
body.np-customer-surface .accordion-button:not(.collapsed) { background: var(--saffron-soft); color: var(--crimson); box-shadow: none; }
body.np-customer-surface .nav-tabs .nav-link.active, body.np-customer-surface .nav-pills .nav-link.active { background: var(--crimson); color: #fff; border-radius: 10px; }
body.np-customer-surface .nav-pills .nav-link { border-radius: 10px; color: var(--text-secondary); }
body.np-customer-surface .page-link { border-radius: 10px; color: var(--crimson); }
body.np-customer-surface .page-item.active .page-link { background: var(--crimson); border-color: var(--crimson); color: #fff; }

/* ── Form fields: 46px, 10px radius, #e4d6c4 border ── */
body.np-customer-surface :is(.form-control, .form-select) { min-height: 46px; border: 1px solid var(--border); border-radius: 10px; font: 400 14px/22px 'Poppins', sans-serif; padding: 10px 14px; background-color: #fff; }
body.np-customer-surface :is(.form-control, .form-select):focus { border-color: var(--saffron); box-shadow: 0 0 0 3px rgba(232, 101, 10, .15) !important; }
body.np-customer-surface textarea.form-control { min-height: 96px; }
body.np-customer-surface .form-label { font: 600 13px/20px 'Poppins', sans-serif; color: var(--text-secondary); margin-bottom: 6px; }
body.np-customer-surface .form-check-input:checked { background-color: var(--crimson); border-color: var(--crimson); }
body.np-customer-surface .input-group > .form-control, body.np-customer-surface .input-group > .form-select, body.np-customer-surface .input-group-text { border-radius: 10px; }
body.np-customer-surface .input-group > :not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; }
body.np-customer-surface .input-group > :not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; }

/* ── Prices and links ── */
body.np-customer-surface :is(.np-pooja-price strong, .rate-per-min, .spc-price) { color: var(--crimson); }
body.np-customer-surface a:not(.btn):not(.nav-link):not(.dropdown-item):hover { color: var(--crimson); }

/* Consultation Chat / Call actions on cards and profile (page-level green/blue gradients → Figma primary/quiet) */
body.np-customer-surface :is(.btn-chat-lg, .pp-ab-chat) { background: var(--crimson) !important; color: #fff !important; border: 1.5px solid var(--crimson); border-radius: 10px; box-shadow: none; }
body.np-customer-surface :is(.btn-call-lg, .pp-ab-call) { background: var(--saffron-soft) !important; color: var(--crimson) !important; border: 1.5px solid transparent; border-radius: 10px; box-shadow: none; }
body.np-customer-surface :is(.btn-chat-lg, .pp-ab-chat):hover { background: #a02015 !important; box-shadow: none; }
body.np-customer-surface :is(.btn-call-lg, .pp-ab-call):hover { background: #f8dfca !important; box-shadow: none; }

/* Gold accents written inline for the old dark bands become burgundy on the light bands */
body.np-customer-surface :is(.page-hero, .pooja-hero, .consult-hero, .store-hero, .book-hero, .panch-hero, .wallet-hero, .profile-hero, .summary-hero, .np-book-hero, .vastu-hero, .about-hero, .registration-hero, .sp-hero) :is([style*="#FFD700"], [style*="#FFD59E"], [style*="gold-light"], [style*="#ffd700"]) { color: var(--crimson) !important; }
body.np-customer-surface :is(.page-hero, .pooja-hero, .consult-hero, .store-hero, .book-hero, .panch-hero, .wallet-hero, .profile-hero, .summary-hero, .np-book-hero, .vastu-hero, .about-hero, .registration-hero, .sp-hero) [style*="border-left:1px solid rgba(255,255,255"] { border-color: var(--border) !important; }

/* Glass-style controls written for the old dark bands (white-on-translucent) → white fields on the cream band */
body.np-customer-surface :is(.page-hero, .pooja-hero, .consult-hero, .store-hero, .book-hero, .panch-hero, .wallet-hero, .profile-hero, .summary-hero, .np-book-hero, .vastu-hero, .about-hero, .registration-hero, .sp-hero) [style*="background:rgba(255,255,255"],
body.np-customer-surface :is(.page-hero, .pooja-hero, .consult-hero, .store-hero, .book-hero, .panch-hero, .wallet-hero, .profile-hero, .summary-hero, .np-book-hero, .vastu-hero, .about-hero, .registration-hero, .sp-hero) [style*="background: rgba(255,255,255"] {
    background: #fff !important; border-color: var(--border) !important; color: var(--crimson) !important; backdrop-filter: none !important;
}
body.np-customer-surface :is(.page-hero, .pooja-hero, .consult-hero, .store-hero, .book-hero, .panch-hero, .wallet-hero, .profile-hero, .summary-hero, .np-book-hero, .vastu-hero, .about-hero, .registration-hero, .sp-hero) :is(input, select, textarea) { color: var(--ink) !important; color-scheme: light; }
body.np-customer-surface .date-nav-btn { background: #fff; border: 1px solid var(--border); color: var(--crimson); border-radius: 10px; }
body.np-customer-surface .date-nav-btn:hover { background: var(--saffron-soft); color: var(--crimson); }
body.np-customer-surface .panch-hero .date-nav-btn.active, body.np-customer-surface .panch-hero .date-nav-btn.today { background: var(--crimson); color: #fff; }

/* Badges / stat blocks inside hero bands that assumed a dark background */
body.np-customer-surface .image-hero-badge { background: #fff !important; color: var(--crimson) !important; border: 1px solid var(--border) !important; backdrop-filter: none !important; }
body.np-customer-surface :is(.page-hero, .pooja-hero, .consult-hero, .store-hero, .book-hero, .panch-hero, .wallet-hero, .profile-hero, .summary-hero, .np-book-hero, .vastu-hero, .about-hero, .registration-hero, .sp-hero) :is(strong, b) { color: var(--crimson) !important; }
body.np-customer-surface .sp-hero :is([class*="stat"], [class*="stat"] div, [class*="meta"], [class*="chip"]) { color: var(--text-secondary) !important; }
body.np-customer-surface .sp-hero .sp-eyebrow, body.np-customer-surface :is(.page-hero, .panch-hero, .consult-hero) [class*="eyebrow"] { color: #c4530a !important; }

/* Some pages/stylesheets give primary buttons an orange gradient image; the Figma primary is a flat burgundy. */
body.np-customer-surface :is(.btn-saffron, .btn-primary-brand, .btn-warning, .btn-primary) { background-image: none !important; background-color: var(--crimson) !important; color: #fff !important; }
body.np-customer-surface :is(.btn-saffron, .btn-primary-brand, .btn-warning, .btn-primary):hover { background-color: #a02015 !important; }
body.np-customer-surface :is(.btn-outline-saffron, .btn-outline-brand) { background-image: none !important; }