/* AwadhMed Bright Hospital Theme
   Inspired by the uploaded CityGeneral / MedCare bright presentation theme.
   Purpose: make the whole app feel lighter, cleaner, bolder and more presentation-ready
   without deleting existing functionality. Loaded last as an override. */

:root,
html[data-theme="bright"]{
  --am-cream:#f7f2ed;
  --am-cream-2:#fffdf9;
  --am-paper:#ffffff;
  --am-ink:#262626;
  --am-ink-2:#3d3d3d;
  --am-muted:#6b6b6b;
  --am-line:#1f1f1f;
  --am-red:#c74643;
  --am-red-dark:#a93634;
  --am-teal:#139f92;
  --am-teal-soft:#e6f7f4;
  --am-navy:#08245d;
  --am-shadow:0 24px 60px rgba(36,36,36,.12);
  --am-soft-shadow:0 12px 35px rgba(30,30,30,.08);
  --am-radius-xl:34px;
  --am-radius-lg:24px;
  --am-radius-md:18px;

  --bg-base:var(--am-cream) !important;
  --bg-layer:#fbf7f2 !important;
  --bg-card:var(--am-paper) !important;
  --bg-glass:rgba(255,255,255,.92) !important;
  --surface:var(--am-paper) !important;
  --text:var(--am-ink) !important;
  --text-primary:var(--am-ink) !important;
  --text-secondary:var(--am-muted) !important;
  --muted:var(--am-muted) !important;
  --primary:var(--am-teal) !important;
  --gold:var(--am-teal) !important;
  --gold-light:#45c6b9 !important;
  --gold-dark:#0f766d !important;
  --dim:#ded8d1 !important;
  --border-glass:#262626 !important;
  --shadow-card:var(--am-soft-shadow) !important;
}

html,
body{
  background:var(--am-cream) !important;
  color:var(--am-ink) !important;
}

body::before{
  background:
    radial-gradient(circle at 6% 8%, rgba(19,159,146,.10), transparent 28%),
    radial-gradient(circle at 95% 18%, rgba(199,70,67,.08), transparent 26%),
    linear-gradient(180deg, #fffaf5 0%, var(--am-cream) 48%, #f4eee7 100%) !important;
  opacity:1 !important;
}

/* Top navigation / header */
header,
.topbar,
.navbar,
.site-header,
.app-header{
  background:rgba(247,242,237,.90) !important;
  backdrop-filter:blur(16px) !important;
  border-bottom:2px solid rgba(31,31,31,.14) !important;
  box-shadow:none !important;
}

.brand-text,
.logo-text,
.brand b,
.site-title{
  color:var(--am-ink) !important;
  letter-spacing:-.03em;
}

.brand-sub,
.tagline,
.brand span{
  color:var(--am-muted) !important;
}

.brand-icon,
.logo,
.app-logo,
.logo-mark{
  background:linear-gradient(135deg, var(--am-teal), #19b9ab) !important;
  color:#fff !important;
  border:2px solid var(--am-teal) !important;
  box-shadow:0 12px 30px rgba(19,159,146,.20) !important;
}

/* Large bold presentation-style headings */
h1,
.hero h1,
.hero-title,
.section-title,
.headline h1,
.page-title,
#home h1{
  color:var(--am-ink) !important;
  font-family:Inter, Arial, Helvetica, sans-serif !important;
  font-weight:950 !important;
  letter-spacing:-.075em !important;
  line-height:.90 !important;
  text-wrap:balance;
}

.hero h1,
.hero-title,
#home h1{
  font-size:clamp(3.2rem, 9vw, 7.8rem) !important;
  max-width:980px;
}

h2,
.section-heading,
.card-title,
.panel-head h3{
  color:var(--am-ink) !important;
  font-family:Inter, Arial, Helvetica, sans-serif !important;
  font-weight:900 !important;
  letter-spacing:-.045em !important;
}

p,
.hero-desc,
.section-subtitle,
.card p,
.panel p,
.table td,
.lbl{
  color:var(--am-muted) !important;
}

/* Red accent blocks from uploaded theme, used safely on selected cards */
.accent-red,
.compact-hero-card,
.stat-card:nth-child(2n),
.metric-card:nth-child(2n),
.feature-card:nth-child(3n),
.service-card:nth-child(4n),
.quick-action-card:nth-child(2n){
  background:var(--am-red) !important;
  color:#fff !important;
  border:3px solid var(--am-line) !important;
  box-shadow:var(--am-shadow) !important;
}
.accent-red *,
.compact-hero-card *,
.stat-card:nth-child(2n) *,
.metric-card:nth-child(2n) *,
.feature-card:nth-child(3n) *,
.service-card:nth-child(4n) *,
.quick-action-card:nth-child(2n) *{
  color:#fff !important;
}

/* Cards and sections: cream paper + black outline + large radius */
.card,
.panel,
.service-card,
.feature-card,
.module-card,
.doctor-card,
.medicine-card,
.hospital-card,
.scheme-card,
.camp-card,
.lab-card,
.search-panel,
.cart-drawer,
.checkout-modal,
.awadh-modal,
.ai-card,
.timeline-card,
.stat-card,
.metric-card,
.quick-action-card,
.dashboard-card,
.login-card,
.modal-content{
  background:rgba(255,255,255,.86) !important;
  border:2.5px solid rgba(31,31,31,.88) !important;
  border-radius:var(--am-radius-lg) !important;
  box-shadow:var(--am-soft-shadow) !important;
}

.card:hover,
.service-card:hover,
.feature-card:hover,
.doctor-card:hover,
.medicine-card:hover,
.hospital-card:hover,
.scheme-card:hover,
.camp-card:hover,
.lab-card:hover,
.module-card:hover{
  transform:translateY(-5px) !important;
  box-shadow:var(--am-shadow) !important;
}

/* Hero areas */
.hero,
.hero-section,
.home-hero,
.landing-hero,
.hero-wrap{
  background:linear-gradient(135deg, rgba(255,255,255,.65), rgba(247,242,237,.95)) !important;
  border-radius:0 0 44px 44px !important;
}

.hero-eyebrow,
.badge,
.chip,
.pill,
.status-badge{
  background:var(--am-teal-soft) !important;
  color:#0f766d !important;
  border:2px solid rgba(19,159,146,.22) !important;
  border-radius:999px !important;
  font-weight:800 !important;
}

/* Images / media: big rounded hospital-presentation feel */
img,
.hero-image,
.doctor-photo,
.hospital-image,
.camp-image,
.service-image,
figure,
.visual-card{
  border-radius:var(--am-radius-xl) !important;
}

.hero-image,
.hospital-image,
.doctor-photo,
.visual-card,
.image-card{
  border:3px solid var(--am-line) !important;
  box-shadow:var(--am-soft-shadow) !important;
  overflow:hidden !important;
}

/* Buttons */
button,
.btn,
.primary-btn,
.cta-btn,
.action-btn,
.login-btn,
.checkout-btn,
.buy-now,
.add-cart,
.submit-btn,
.header-nav-btn,
.header-right-btn{
  border-radius:18px !important;
  font-weight:900 !important;
  letter-spacing:-.01em;
}

.btn.primary,
.primary-btn,
.cta-primary,
.login-btn,
.submit-btn,
.checkout-btn,
.buy-now,
button[type="submit"]{
  background:var(--am-red) !important;
  color:#fff !important;
  border:2.5px solid var(--am-line) !important;
  box-shadow:0 12px 28px rgba(199,70,67,.18) !important;
}

.btn.primary:hover,
.primary-btn:hover,
.cta-primary:hover,
.login-btn:hover,
.submit-btn:hover,
.checkout-btn:hover,
.buy-now:hover,
button[type="submit"]:hover{
  background:var(--am-red-dark) !important;
  transform:translateY(-2px) !important;
}

.btn:not(.primary),
.secondary-btn,
.header-nav-btn,
.header-right-btn,
.add-cart,
.outline-btn{
  background:#fffaf5 !important;
  color:var(--am-ink) !important;
  border:2px solid var(--am-line) !important;
}

/* Inputs */
input,
select,
textarea,
.form input,
.form select,
.search-input{
  background:#fffdf9 !important;
  color:var(--am-ink) !important;
  border:2px solid #d9d1c8 !important;
  border-radius:18px !important;
  box-shadow:none !important;
}
input:focus,
select:focus,
textarea:focus{
  border-color:var(--am-teal) !important;
  box-shadow:0 0 0 4px rgba(19,159,146,.12) !important;
}

/* Panels / dashboards */
.layout{
  background:var(--am-cream) !important;
}
.side,
.sidebar{
  background:#fffaf5 !important;
  border-right:2px solid rgba(31,31,31,.16) !important;
}
.nav,
.side .nav{
  color:var(--am-ink-2) !important;
  border:2px solid transparent !important;
  border-radius:18px !important;
  font-weight:800 !important;
}
.nav.active,
.nav:hover,
.side .nav.active,
.side .nav:hover{
  background:var(--am-teal-soft) !important;
  color:#0f766d !important;
  border-color:rgba(19,159,146,.45) !important;
}

.panel-head{
  border-bottom:2px solid rgba(31,31,31,.10) !important;
  background:#fffaf5 !important;
}
.table th{
  color:var(--am-ink) !important;
  border-bottom:2px solid rgba(31,31,31,.18) !important;
}
.table td{
  color:var(--am-ink-2) !important;
  border-bottom:1px solid rgba(31,31,31,.10) !important;
}

.num,
.metric-value,
.stat-number{
  color:var(--am-red) !important;
  font-weight:950 !important;
}

/* Login popup bright presentation mode */
.premium-login-modal,
.awadh-login-modal,
.login-modal,
#loginModal .modal-content,
.auth-modal{
  background:#fffdf9 !important;
  border:3px solid var(--am-line) !important;
  border-radius:32px !important;
  box-shadow:0 28px 80px rgba(0,0,0,.18) !important;
}

.login-premium-left,
.auth-left,
.premium-left{
  background:linear-gradient(135deg, #edf9f6, #fbf7f1) !important;
  border-right:2px solid rgba(31,31,31,.10) !important;
}

.login-premium-title,
.auth-title,
.login-title,
.premium-login-modal h2{
  color:var(--am-ink) !important;
  font-weight:950 !important;
  letter-spacing:-.055em !important;
}

/* Presentation page-style feature labels */
.service-card h3,
.feature-card h3,
.module-card h3,
.doctor-card h3,
.medicine-card h3,
.panel h3{
  color:var(--am-ink) !important;
  font-weight:950 !important;
}

/* Thin decorative lines used in uploaded theme */
.section-title::after,
.hero h1::after,
.headline h1::after{
  content:"";
  display:block;
  width:150px;
  max-width:38vw;
  height:2px;
  background:var(--am-line);
  margin-top:18px;
  opacity:.85;
}

/* Responsive cleanup */
@media (max-width: 860px){
  .hero h1,
  .hero-title,
  #home h1{font-size:clamp(2.6rem, 14vw, 4.5rem) !important;}
  .card,.panel,.service-card,.feature-card,.module-card,.doctor-card,.medicine-card{
    border-width:2px !important;
    border-radius:22px !important;
  }
  .login-premium-left,
  .auth-left,
  .premium-left{display:none !important;}
}