/* 
 * Aaruni Multispeciality Hospital - Redesigned Clinical Master Stylesheet
 * Verified Target: aarunihospital.in
 * cPanel/Shared Hosting Environment Layout Essentials
 */

/* Import high-contrast clinical sans and premium Devanagari typography */
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&family=Noto+Sans+Devanagari:wght@300;400;500;600;700;800;900&display=swap');

:root {
  --font-clinical-sans: 'Outfit', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --font-devanagari-sans: 'Noto Sans Devanagari', sans-serif;
  --clinical-teal-50: #f0fdfa;
  --clinical-teal-100: #ccfbf1;
  --clinical-teal-500: #0d9488;
  --clinical-teal-600: #0f766e;
  --clinical-blue-900: #0f172a;
}

html {
  scroll-behavior: smooth;
  scroll-padding-top: 5rem;
}

/* Force premium typography pairings with maximum specificity */
body, .font-sans {
  font-family: var(--font-clinical-sans) !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Devanagari enhancement for Hindi translation toggle */
body[lang="hi"], .font-devanagari {
  font-family: var(--font-devanagari-sans) !important;
  line-height: 1.625 !important;
  letter-spacing: 0.015em !important;
}

/* Beautiful micro-interactions & modern card glow effects */
.clinical-card-hover {
  transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}
.clinical-card-hover:hover {
  transform: translateY(-5px);
  border-color: rgba(13, 148, 136, 0.3) !important;
  box-shadow: 0 20px 40px -15px rgba(15, 23, 42, 0.06), 0 0 25px -5px rgba(13, 148, 136, 0.05) !important;
}

/* Medical emergency pulse indicator */
.pulse-emergency {
  animation: pulse-ring-glow 2s cubic-bezier(0.4, 0, 0.6, 1) infinite !important;
}

@keyframes pulse-ring-glow {
  0%, 100% {
    opacity: 1;
    transform: scale(1);
    box-shadow: 0 0 0 0 rgba(220, 38, 38, 0.3);
  }
  50% {
    opacity: 0.9;
    transform: scale(1.02);
    box-shadow: 0 0 0 10px rgba(220, 38, 38, 0);
  }
}

/* Standard focus rings for premium input components */
input:focus, select:focus, textarea:focus {
  outline: none !important;
  box-shadow: 0 0 0 4px rgba(13, 148, 136, 0.12) !important;
  border-color: var(--clinical-teal-500) !important;
  background-color: #ffffff !important;
}

/* Custom interactive radio buttons for appointment slots */
input[type="radio"]:checked + span {
  background-color: var(--clinical-teal-50) !important;
  border-color: var(--clinical-teal-500) !important;
  color: var(--clinical-teal-600) !important;
}

/* Smooth fade-in animation for tab transitions & content load */
.fade-in {
  animation: smoothFadeIn 0.5s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

@keyframes smoothFadeIn {
  from {
    opacity: 0;
    transform: translateY(12px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Glassmorphism overlays for premium clinical badges */
.glass-badge {
  background: rgba(255, 255, 255, 0.85);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}

/* High contrast medical text gradients */
.gradient-text-teal {
  background: linear-gradient(135deg, #0f172a 30%, #8fdced 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}