/* =====================================================================
   মেডিঅ্যাপ (MediApp) — Default Brand Theme
   A clean, warm, medical-grade orange palette by Munshi Venture
   ===================================================================== */

:root {
    /* Brand Core */
    --primary-navy:  #1c2433;     /* Dark ink (headings / text)        */
    --accent-blue:   #f47920;     /* MediApp Orange (primary accent)   */
    --light-bg:      #fff8f3;     /* Warm cream background             */
    --white:         #ffffff;
    --text-muted:    #6b7280;
    --brand-blue:    #f9a21b;     /* Amber (logo top)                  */
    --brand-navy:    #e5390d;     /* Deep orange-red (logo bottom)     */

    /* Derived tokens */
    --brand-grad:    linear-gradient(135deg, #f9a21b 0%, #f47920 45%, #e5390d 100%);
    --soft-tint:     #fef0e4;     /* light orange wash                 */
    --soft-line:     #f1e3d8;     /* warm hairline border              */

    /* Bootstrap primary override → orange everywhere */
    --bs-primary:     #f47920;
    --bs-primary-rgb: 244, 121, 32;
    --bs-link-color:  #e5390d;
    --bs-link-hover-color: #c22d06;
}

/* ---------- Base ---------- */
body {
    background-color: var(--light-bg);
    color: var(--primary-navy);
}

/* ---------- Bootstrap primary remap (cascades across all pages) ---------- */
.btn-primary {
    --bs-btn-bg: #f47920;
    --bs-btn-border-color: #f47920;
    --bs-btn-hover-bg: #e5390d;
    --bs-btn-hover-border-color: #e5390d;
    --bs-btn-active-bg: #d8320a;
    --bs-btn-active-border-color: #d8320a;
    --bs-btn-disabled-bg: #f7a86a;
    --bs-btn-disabled-border-color: #f7a86a;
    box-shadow: 0 6px 16px rgba(244, 121, 32, 0.22);
}
.btn-outline-primary {
    --bs-btn-color: #e5390d;
    --bs-btn-border-color: #f47920;
    --bs-btn-hover-bg: #f47920;
    --bs-btn-hover-border-color: #f47920;
    --bs-btn-active-bg: #e5390d;
    --bs-btn-active-border-color: #e5390d;
}
.text-primary { color: #f47920 !important; }
.bg-primary   { background-color: #f47920 !important; }
.border-primary { border-color: #f47920 !important; }
.link-primary { color: #e5390d !important; }
.btn-link { color: #e5390d; }
.badge.bg-primary { background-color: #f47920 !important; }
.bg-primary-subtle { background-color: var(--soft-tint) !important; }
.text-bg-primary { background-color:#f47920 !important; color:#fff !important; }
.form-control:focus, .form-select:focus {
    border-color: #f9a21b;
    box-shadow: 0 0 0 .2rem rgba(244,121,32,.15);
}
.form-check-input:checked { background-color:#f47920; border-color:#f47920; }
a { color: #e5390d; }
.alert-primary {
    --bs-alert-color: #9a2e08;
    --bs-alert-bg: var(--soft-tint);
    --bs-alert-border-color: #f7c79e;
}

/* Branding text in navbar */
.accent-part { color: var(--accent-blue); }
.navy-part   { color: var(--primary-navy); }

/* ---------- Navbar ---------- */
.navbar {
    background: rgba(255, 255, 255, 0.92) !important;
    box-shadow: 0 2px 24px rgba(229, 57, 13, 0.07);
    border-bottom: 1px solid var(--soft-line);
}
.nav-link { color: var(--primary-navy) !important; }
.nav-link:hover, .nav-link.active { color: var(--accent-blue) !important; }

.hamburger-icon span { background-color: var(--accent-blue); }

/* ---------- Cart button ---------- */
.cart-btn {
    background: var(--soft-tint);
    color: var(--brand-navy);
    border: 1px solid #f7d3b4;
}
.cart-btn:hover { background: var(--brand-grad); color: var(--white); border-color: transparent; }

/* ---------- WhatsApp float ---------- */
.whatsapp-float {
    background-color: #25d366;
    color: var(--white);
    box-shadow: 0 12px 28px rgba(37, 211, 102, 0.35);
}

/* ---------- Offcanvas (mobile sidebar) ---------- */
.offcanvas {
    background-color: var(--primary-navy) !important;
    background-image: radial-gradient(circle at 110% -10%, rgba(244,121,32,.25), transparent 45%);
}
.offcanvas-header { border-bottom: 1px solid rgba(255, 255, 255, 0.06); }
.mobile-nav .nav-link {
    color: rgba(255, 255, 255, 0.82) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}
.mobile-nav .nav-link i { color: var(--accent-blue); }
.mobile-nav .nav-link:hover { background: rgba(255, 255, 255, 0.06); color: var(--white) !important; }

/* ---------- Footer ---------- */
.footer-section {
    background: var(--primary-navy);
    color: #c7cad3;
    background-image: radial-gradient(circle at 100% 0%, rgba(244,121,32,.18), transparent 40%);
}
.footer-title { color: var(--white); }
.footer-brand { color: var(--white); }
.footer-link { color: #c7cad3; }
.footer-link:hover { color: var(--accent-blue); }
.social-circle { background: rgba(255,255,255,0.06); color: var(--white); }
.social-circle:hover { background: var(--brand-grad); color: var(--white); }
.copyright-bar a, .copy-text a { color: var(--accent-blue) !important; }

/* ---------- Alerts (storefront) ---------- */
.alert-premium {
    background: var(--white);
    border-left: 5px solid var(--accent-blue);
    box-shadow: 0 12px 28px rgba(229, 57, 13, 0.07);
}
.alert-icon { color: var(--accent-blue); }