/* MediKare Dynamic Theme — generated 2026-05-22 13:10:06 */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap');

:root {
  /* ── Core Colors ── */
  --primary:      #2563eb;
  --primary-d:    #1d4ed8;
  --primary-l:    #fff8f0;
  --navy:         #0f172a;
  --dark:         #111111;
  --text:         #333333;
  --slate:        #888888;
  --border:       #e5e5e5;
  --light:        #f9fafb;
  --green:        #22c55e;
  --red:          #ef4444;

  /* ── Typography ── */
  --font-body:    'Inter', system-ui, sans-serif;
  --font-heading: 'Inter', system-ui, sans-serif;
  --fs-base:      14px;
  --fs-h1:        22px;
  --fs-h2:        20px;

  /* ── Layout ── */
  --container-w:  1200px;
  --card-r:       8px;
  --btn-r:        6px;
  --btn-fw:       400;
  --btn-bg:       #2563eb;
  --btn-text:     #ffffff;
  --btn-hover-bg: #1d4ed8;
  --btn-hover-text:#ffffff;
  --btn-outline:  #2563eb;
}

/* ── Apply theme variables ── */
body {
  font-family: var(--font-body);
  font-size: var(--fs-base);
  color: var(--text);
  background: var(--light);
}

h1,h2,h3,h4,h5 { font-family: var(--font-heading); }
h1 { font-size: var(--fs-h1); }
h2 { font-size: var(--fs-h2); }

.wrap { max-width: var(--container-w); }

/* ── Topbar ── */
.promo-bar,
.topbar { background: #2563eb !important; color: #ffffff !important; }
.promo-bar .promo-scroll a,
.topbar a { color: #ffffff !important; }

/* ── Navbar ── */
.navbar { background: #ffffff !important; border-bottom-color: #e5e5e5 !important; }
.nav-links .nl-link { color: #111111 !important; }
.nav-links .nl-link:hover,.nav-links .nl-link.active { color: #2563eb !important; border-bottom-color: #2563eb !important; }
.search-bar { border-color: #2563eb !important; }
.search-bar button { background: #2563eb !important; }
.logo-text { color: #2563eb !important; }
.nav-cart-count { background: #2563eb !important; }

/* ── Buttons ── */
.btn-orange,
.btn-primary {
  background: #2563eb !important;
  color: #ffffff !important;
  border-radius: 6px !important;
  font-weight: 400 !important;
  border-color: #2563eb !important;
}
.btn-orange:hover,
.btn-primary:hover {
  background: #1d4ed8 !important;
  color: #ffffff !important;
  border-color: #1d4ed8 !important;
}
.btn-outline {
  color: #2563eb !important;
  border-color: #2563eb !important;
}
.btn-outline:hover {
  background: #2563eb !important;
  color: #fff !important;
}
.btn-dark { background: #111111 !important; border-radius: 6px !important; }

/* ── Cards ── */
.pcard, .cat-item, .cart-tbl, .form-card, .special-arrival { border-radius: 8px !important; }

/* ── Product Prices ── */
.pc-sale, .pc-prices .pc-sale,
.pdp-price-sale,
.cart-sub { color: #2563eb !important; }

/* ── Sale badge ── */
.save-tag { background: #2563eb !important; color: #ffffff !important; }
.pd-savebadge, .pdp-save { background: #2563eb !important; color: #ffffff !important; }

/* ── Category hover & active ── */
.cat-item:hover { border-color: #2563eb !important; }
.pcard:hover { box-shadow: inset 0 0 0 2px #2563eb !important; }

/* ── FAQ ── */
.faq-item.open .faq-q { background: #fff8f0 !important; color: #2563eb !important; }

/* ── Footer ── */
footer { background: #0f172a !important; color: #9ca3af !important; }
footer .f-brand-name, footer .footer-col h4 { color: #ffffff !important; }
footer .footer-col a:hover { color: #ffffff !important; }
.f-newsrow button { background: #2563eb !important; }
.f-social a:hover { background: #2563eb !important; }

/* ── Perks strip ── */
.perks { background: #fff; }

/* ── Admin accents (keep orange even if theme changes) ── */
.admin-wrap .sidebar-nav a.active { border-left-color: #2563eb !important; color: #2563eb !important; }