/* CyberDesign D14.3 professional page + whole-site preset library. */

/* D14.1 Nahda page preset remains supported. */
.tpl-nahda-hero{background:radial-gradient(circle at 15% 20%,rgba(57,181,232,.10),transparent 36%),linear-gradient(100deg,#f7fbff 0%,#eef7fd 58%,#fff 100%);border-bottom:1px solid #e2eef7}
.tpl-nahda-hero .visual-section-container{padding-top:28px;padding-bottom:22px}.tpl-nahda-hero-actions .visual-button-group{display:flex;gap:12px;flex-wrap:wrap}.tpl-nahda-metrics{background:#f4f9fd;border-block:1px solid #e4eef6}.tpl-nahda-specialties,.tpl-nahda-doctors,.tpl-nahda-news{background:#fff}.tpl-nahda-section-title h2{font-weight:800;color:#123b63;position:relative;margin-bottom:18px}.tpl-nahda-section-title h2:after{content:"";display:block;width:44px;height:3px;background:#e03131;border-radius:3px;margin-top:8px}html[dir="rtl"] .tpl-nahda-section-title h2:after{margin-left:auto}

/* Shared whole-site polish. */
[class*="site-preset-"]{position:relative;isolation:isolate}
[class*="site-preset-"] .visual-section-container{position:relative;z-index:1}
[class*="site-preset-"] .visual-button-group{display:flex;gap:12px;flex-wrap:wrap}
[class*="site-preset-"] .visual-button-group a,[class*="site-preset-"] .visual-button-group button{transition:transform .2s ease,box-shadow .2s ease}
[class*="site-preset-"] .visual-button-group a:hover,[class*="site-preset-"] .visual-button-group button:hover{transform:translateY(-2px)}

/* 1 — Corporate Hospital: crisp institutional, image-led, red booking accent. */
.site-preset-corporate.preset-hero{overflow:hidden;background:linear-gradient(100deg,#f7fbff 0%,#eff8fd 55%,#fff 100%)!important;border-bottom:1px solid #dbeaf5}
.site-preset-corporate.preset-hero:before{content:"";position:absolute;inset:-25% 49% -25% auto;width:38%;background:linear-gradient(135deg,rgba(10,99,173,.13),rgba(57,181,232,.03));transform:skewX(-14deg);border-radius:40%}
.site-preset-corporate.preset-hero .visual-section-container{padding-block:34px}.site-preset-corporate.preset-highlights{margin-top:-10px;background:#fff}.site-preset-corporate.preset-highlights .visual-component{border:1px solid #dce9f3;border-radius:14px;box-shadow:0 7px 22px rgba(10,99,173,.06)}.site-preset-corporate.preset-metrics{background:#f1f8fd;border-block:1px solid #dcecf7}.site-preset-corporate.preset-specialties,.site-preset-corporate.preset-news{background:#fff}.site-preset-corporate.preset-doctors{background:linear-gradient(180deg,#fff,#f6fbfe)}.site-preset-corporate.preset-contact{background:linear-gradient(135deg,#07528f,#0a63ad)!important;color:#fff}.site-preset-corporate.preset-contact h2,.site-preset-corporate.preset-contact p{color:#fff}

/* 2 — Academic Medical Center: editorial university/teaching hospital visual system. */
.site-preset-academic.preset-hero{background:linear-gradient(180deg,#eef7f6 0%,#fff 72%)!important;border-top:6px solid #0f766e}.site-preset-academic.preset-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(18,60,105,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(18,60,105,.035) 1px,transparent 1px);background-size:30px 30px;mask-image:linear-gradient(to bottom,#000,transparent)}.site-preset-academic.preset-hero .visual-section-container{padding-block:46px}.site-preset-academic.preset-highlights{background:#fff}.site-preset-academic.preset-highlights .visual-component{border-inline-start:4px solid #0f766e;border-radius:5px!important;box-shadow:none!important}.site-preset-academic.preset-metrics{background:#123c69;color:#fff}.site-preset-academic.preset-metrics *{color:inherit}.site-preset-academic.preset-specialties{background:#f7fafc}.site-preset-academic.preset-doctors{background:#fff;border-block:1px solid #dbe5eb}.site-preset-academic.preset-news{background:#f3f8f7}.site-preset-academic.preset-contact{background:#0f766e!important;color:#fff}.site-preset-academic.preset-inner-hero{border-bottom:4px solid #0f766e;background:#eef7f6}

/* 3 — Premium Healthcare: dark editorial luxury, warm metal accent. */
.site-preset-premium{color:#f8fafc}.site-preset-premium.preset-hero{background:radial-gradient(circle at 80% 20%,rgba(200,155,60,.18),transparent 34%),linear-gradient(135deg,#070b13,#111827 60%,#0b1120)!important}.site-preset-premium.preset-hero:after{content:"";position:absolute;right:6%;top:10%;width:26%;aspect-ratio:1;border:1px solid rgba(200,155,60,.35);transform:rotate(45deg);border-radius:28px}.site-preset-premium.preset-hero .visual-section-container{padding-block:62px}.site-preset-premium.preset-hero h1,.site-preset-premium.preset-hero h2,.site-preset-premium.preset-hero p{color:#f8fafc}.site-preset-premium.preset-highlights,.site-preset-premium.preset-specialties,.site-preset-premium.preset-news{background:#0b1120;color:#e5e7eb}.site-preset-premium.preset-highlights .visual-component{background:#111827!important;border:1px solid rgba(200,155,60,.28);border-radius:2px!important;box-shadow:0 18px 55px rgba(0,0,0,.28)!important}.site-preset-premium.preset-metrics{background:#c89b3c;color:#0b1120}.site-preset-premium.preset-doctors,.site-preset-premium.preset-patient-services{background:#111827;color:#f8fafc}.site-preset-premium.preset-contact{background:#05070c!important;color:#f8fafc;border-top:1px solid rgba(200,155,60,.35)}.site-preset-premium.preset-contact h2,.site-preset-premium.preset-contact p{color:#f8fafc}.site-preset-premium.preset-inner-hero{background:#0b1120;color:#f8fafc;border-bottom:1px solid #c89b3c}.site-preset-premium.preset-inner-content{background:#111827;color:#e5e7eb}

/* 4 — Smart Clinic: app-like cards, generous rounded surfaces, diagonal cyan energy. */
.site-preset-smart.preset-hero{overflow:hidden;background:linear-gradient(135deg,#ecfeff 0%,#f8fafc 54%,#dff9ff 100%)!important;border-radius:0 0 56px 56px}.site-preset-smart.preset-hero:before{content:"";position:absolute;width:420px;height:420px;right:-120px;top:-210px;border-radius:50%;background:linear-gradient(135deg,rgba(6,182,212,.35),rgba(8,145,178,.06))}.site-preset-smart.preset-hero .visual-section-container{padding-block:48px}.site-preset-smart.preset-highlights{padding-top:18px}.site-preset-smart.preset-highlights .visual-component{border:0!important;border-radius:24px!important;box-shadow:0 18px 45px rgba(8,145,178,.10)!important;background:#fff!important}.site-preset-smart.preset-metrics{background:#083344;color:#fff;border-radius:28px;margin-inline:2%}.site-preset-smart.preset-specialties{background:#f0fdff}.site-preset-smart.preset-doctors{background:#fff}.site-preset-smart.preset-patient-services{background:linear-gradient(135deg,#ecfeff,#fff)}.site-preset-smart.preset-news{background:#f8fafc}.site-preset-smart.preset-contact{background:linear-gradient(135deg,#0891b2,#06b6d4)!important;color:#fff;border-radius:36px 36px 0 0}.site-preset-smart.preset-contact h2,.site-preset-smart.preset-contact p{color:#fff}

/* 5 — Emergency: high urgency, asymmetric red/navy bands, strong contrast. */
.site-preset-emergency.preset-hero{background:linear-gradient(115deg,#fff 0%,#fff 47%,#fee2e2 47%,#fef2f2 100%)!important;border-top:8px solid #b91c1c}.site-preset-emergency.preset-hero:before{content:"24/7";position:absolute;right:4%;top:5%;font-weight:900;font-size:clamp(4rem,12vw,11rem);color:rgba(185,28,28,.07);line-height:1}.site-preset-emergency.preset-hero .visual-section-container{padding-block:38px}.site-preset-emergency.preset-highlights{background:#fff}.site-preset-emergency.preset-highlights .visual-component{border-radius:8px!important;border-top:4px solid #b91c1c;box-shadow:0 8px 24px rgba(185,28,28,.07)!important}.site-preset-emergency.preset-metrics{background:#1e3a8a;color:#fff}.site-preset-emergency.preset-specialties{background:#f8fafc}.site-preset-emergency.preset-doctors{background:#fff}.site-preset-emergency.preset-patient-services{background:#fff7f7;border-block:1px solid #fecaca}.site-preset-emergency.preset-news{background:#fff}.site-preset-emergency.preset-contact{background:#b91c1c!important;color:#fff}.site-preset-emergency.preset-contact h2,.site-preset-emergency.preset-contact p{color:#fff}.site-preset-emergency.preset-inner-hero{background:#fff1f2;border-inline-start:8px solid #b91c1c}

/* 6 — Patient Experience Portal: portal/dashboard feel with soft glass cards. */
.site-preset-patient.preset-hero{background:radial-gradient(circle at 12% 8%,rgba(109,40,217,.18),transparent 34%),radial-gradient(circle at 88% 20%,rgba(37,99,235,.16),transparent 30%),linear-gradient(180deg,#f7f5ff,#fff)!important}.site-preset-patient.preset-hero .visual-section-container{padding-block:52px}.site-preset-patient.preset-highlights{background:#fff}.site-preset-patient.preset-highlights .visual-component{background:rgba(255,255,255,.86)!important;backdrop-filter:blur(8px);border:1px solid #e9ddff;border-radius:22px!important;box-shadow:0 16px 45px rgba(109,40,217,.08)!important}.site-preset-patient.preset-metrics{background:linear-gradient(135deg,#6d28d9,#2563eb);color:#fff;border-radius:0 44px 0 44px}.site-preset-patient.preset-specialties{background:#faf8ff}.site-preset-patient.preset-doctors{background:#fff}.site-preset-patient.preset-patient-services{background:#f5f3ff;border-radius:36px;margin-inline:2%}.site-preset-patient.preset-news{background:#f8fbff}.site-preset-patient.preset-contact{background:linear-gradient(115deg,#5b21b6,#2563eb)!important;color:#fff}.site-preset-patient.preset-contact h2,.site-preset-patient.preset-contact p{color:#fff}.site-preset-patient.preset-inner-hero{background:linear-gradient(135deg,#f5f3ff,#eff6ff);border-radius:0 0 40px 40px}

/* Shared inner pages. */
[class*="site-preset-"][class*="preset-inner-"] .visual-section-container{padding-block:30px}

@media(max-width:767px){.tpl-nahda-hero .visual-section-container{padding-top:16px}.tpl-nahda-hero-actions .visual-button-group{display:grid;grid-template-columns:1fr}.site-preset-premium.preset-hero .visual-section-container,.site-preset-patient.preset-hero .visual-section-container,.site-preset-smart.preset-hero .visual-section-container{padding-block:30px}.site-preset-smart.preset-hero{border-radius:0 0 28px 28px}.site-preset-smart.preset-metrics,.site-preset-patient.preset-patient-services{margin-inline:0;border-radius:0}}