/*
Theme Name: Al-Mansoor Hospital
Theme URI: https://almansoorhospital.pk/
Author: Al-Mansoor Hospital
Description: Custom responsive hospital website theme for Al-Mansoor Hospital, Faisalabad.
Version: 1.0.0
Text Domain: almansoor-hospital
*/
:root{--navy:#083b63;--navy2:#0b527e;--teal:#0e9aa7;--mint:#eaf8f8;--red:#c62828;--ink:#153040;--muted:#617584;--line:#dbe8ee;--paper:#fff;--bg:#f5f9fb;--shadow:0 18px 45px rgba(8,59,99,.12);--radius:20px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;color:var(--ink);background:#fff;line-height:1.6}a{color:inherit}img{max-width:100%;display:block}.wrap{width:min(1160px,92vw);margin:auto}.topbar{background:#062e4d;color:#fff;font-size:14px}.topbar .wrap{display:flex;justify-content:space-between;gap:20px;padding:9px 0;flex-wrap:wrap}.topbar a{text-decoration:none;color:#fff}.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.96);backdrop-filter:blur(12px);border-bottom:1px solid rgba(219,232,238,.8)}.nav{height:82px;display:flex;align-items:center;justify-content:space-between;gap:22px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none}.brand-mark{width:62px;height:62px;display:grid;place-items:center;border-radius:14px;overflow:hidden;flex:0 0 62px}.brand-mark img{width:100%;height:100%;object-fit:cover;display:block;border-radius:14px}.brand-text strong{display:block;font-size:18px;line-height:1.05;color:var(--navy)}.brand-text span{font-size:12px;color:var(--muted)}.menu{display:flex;align-items:center;gap:23px}.menu a{text-decoration:none;font-weight:650;font-size:14px;color:#27485d}.menu a:hover{color:var(--teal)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 18px;border-radius:12px;text-decoration:none;font-weight:800;border:0;cursor:pointer;transition:.2s transform,.2s box-shadow,.2s background}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--teal);color:#fff;box-shadow:0 9px 20px rgba(14,154,167,.22)}.btn-dark{background:var(--navy);color:#fff}.btn-light{background:#fff;color:var(--navy);border:1px solid var(--line)}.btn-danger{background:var(--red);color:#fff}.hamburger{display:none;background:none;border:0;font-size:28px;color:var(--navy)}
.hero{overflow:hidden;position:relative;background:radial-gradient(circle at 85% 18%,rgba(14,154,167,.20),transparent 28%),linear-gradient(135deg,#f6fbfd 0%,#eef8fa 55%,#f9fcfd 100%)}.hero:after{content:"";position:absolute;width:520px;height:520px;border:86px solid rgba(14,154,167,.06);border-radius:50%;right:-250px;bottom:-260px}.hero-grid{min-height:640px;display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:64px;padding:68px 0;position:relative;z-index:1}.eyebrow{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--line);padding:7px 11px;border-radius:999px;color:var(--navy2);font-size:13px;font-weight:800;box-shadow:0 5px 15px rgba(8,59,99,.05)}h1{font-size:clamp(44px,6vw,72px);line-height:1.02;letter-spacing:-2.5px;margin:18px 0 20px;color:#082f4b}.lead{font-size:19px;color:#536d7c;max-width:650px;margin:0 0 28px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.hero-points{display:flex;gap:22px;flex-wrap:wrap;margin-top:30px;color:#355669;font-size:14px}.hero-points span{display:flex;align-items:center;gap:7px}.tick{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:#dff5f2;color:#087f86;font-weight:900}.hero-card{background:#fff;border:1px solid #dfecef;border-radius:28px;padding:20px;box-shadow:var(--shadow);position:relative}.hero-card .visual{height:360px;border-radius:22px;background:linear-gradient(155deg,#083b63,#0e9aa7 55%,#95d9d9);position:relative;overflow:hidden;display:flex;align-items:flex-end}.hero-card .visual:before{content:"";position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px);background-size:38px 38px}.hero-cross{position:absolute;right:24px;top:28px;width:130px;height:130px;opacity:.22}.hero-cross:before,.hero-cross:after{content:"";position:absolute;background:#fff;border-radius:14px}.hero-cross:before{width:42px;height:130px;left:44px}.hero-cross:after{height:42px;width:130px;top:44px}.hospital-label{padding:26px;position:relative;color:#fff}.hospital-label small{display:block;text-transform:uppercase;letter-spacing:1.8px;font-weight:800;opacity:.8}.hospital-label strong{display:block;font-size:31px;line-height:1.05;margin:6px 0}.mini-card{position:absolute;left:-28px;bottom:34px;background:#fff;border-radius:18px;padding:15px 18px;box-shadow:0 16px 35px rgba(8,59,99,.2);min-width:185px}.mini-card b{display:block;color:var(--navy);font-size:17px}.mini-card span{font-size:13px;color:var(--muted)}
.quick{margin-top:-26px;position:relative;z-index:5}.quick-grid{display:grid;grid-template-columns:repeat(3,1fr);background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow);overflow:hidden}.quick-item{padding:24px 28px;display:flex;gap:14px;align-items:flex-start}.quick-item+ .quick-item{border-left:1px solid var(--line)}.icon{flex:0 0 48px;width:48px;height:48px;border-radius:14px;background:var(--mint);display:grid;place-items:center;color:var(--teal);font-size:23px}.quick-item b{display:block;color:var(--navy);font-size:16px}.quick-item span,.quick-item a{font-size:14px;color:var(--muted);text-decoration:none}
section{padding:88px 0}.section-kicker{text-transform:uppercase;letter-spacing:1.5px;font-size:12px;font-weight:900;color:var(--teal);margin-bottom:10px}.section-title{font-size:clamp(32px,4vw,46px);line-height:1.1;margin:0 0 18px;letter-spacing:-1.2px;color:#0a3554}.section-copy{color:var(--muted);max-width:720px;margin:0}.about-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:56px;align-items:center}.about-panel{min-height:430px;border-radius:26px;background:linear-gradient(145deg,#eaf8f8,#f8fbfc);border:1px solid var(--line);padding:34px;display:grid;align-content:space-between;position:relative;overflow:hidden}.about-panel:after{content:"AMH";position:absolute;right:-10px;bottom:-28px;font-size:140px;font-weight:900;line-height:1;color:rgba(8,59,99,.05)}.statline{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.stat{padding:18px;border-radius:15px;background:#fff;border:1px solid var(--line)}.stat strong{font-size:26px;color:var(--navy);display:block}.stat span{font-size:13px;color:var(--muted)}.note{font-size:13px;color:#617584}.feature-list{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:28px}.feature{background:#fff;border:1px solid var(--line);border-radius:15px;padding:16px;font-weight:700;color:#2d5266}
.services{background:var(--bg)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:38px}.service-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:26px;box-shadow:0 8px 25px rgba(8,59,99,.05)}.service-card h3{margin:14px 0 8px;color:var(--navy);font-size:20px}.service-card p{margin:0;color:var(--muted);font-size:14px}.service-icon{width:52px;height:52px;border-radius:15px;display:grid;place-items:center;background:var(--mint);font-size:25px}.doctor-grid{display:grid;grid-template-columns:.78fr 1.22fr;gap:50px;align-items:center}.doctor-photo{background:linear-gradient(160deg,#eef8fa,#d9f0f0);padding:22px;border-radius:28px;border:1px solid var(--line);position:relative}.doctor-photo img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:21px;background:#e8eef0}.badge{position:absolute;right:8px;bottom:12px;background:#fff;border:1px solid var(--line);box-shadow:0 8px 20px rgba(8,59,99,.12);border-radius:14px;padding:10px 13px;font-size:12px;font-weight:800;color:var(--navy)}.credentials{display:flex;flex-wrap:wrap;gap:8px;margin:17px 0}.chip{padding:7px 10px;border-radius:999px;background:var(--mint);color:#087f86;font-size:12px;font-weight:800}.doctor-facts{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:22px}.fact{border:1px solid var(--line);border-radius:14px;padding:14px}.fact b{display:block;color:var(--navy);font-size:14px}.fact span{font-size:13px;color:var(--muted)}
.media{background:#062e4d;color:#fff}.media .section-title{color:#fff}.media .section-copy{color:#c9dce6}.media-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:35px}.media-card{background:#fff;border-radius:22px;overflow:hidden;min-height:500px}.media-card iframe{border:0;width:100%;height:500px}.video-card{background:linear-gradient(145deg,#0d456d,#0a7c88);padding:30px;display:flex;flex-direction:column;justify-content:space-between}.video-card .video-poster{aspect-ratio:16/9;border-radius:16px;background:linear-gradient(120deg,#041f34,#173d55);display:grid;place-items:center;border:1px solid rgba(255,255,255,.14);position:relative;overflow:hidden}.play{width:74px;height:74px;border-radius:50%;background:#fff;color:var(--navy);display:grid;place-items:center;font-size:28px;box-shadow:0 12px 30px rgba(0,0,0,.25)}.video-card h3{font-size:26px;margin:22px 0 8px}.video-card p{color:#d8e8ed;margin:0}.video-card .btn{margin-top:20px;align-self:flex-start}
.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:34px;align-items:stretch}.contact-panel{padding:32px;border-radius:23px;background:#f6fafb;border:1px solid var(--line)}.contact-row{display:flex;gap:14px;margin:20px 0}.contact-row b{display:block;color:var(--navy)}.contact-row span,.contact-row a{color:var(--muted);text-decoration:none}.map{border-radius:23px;overflow:hidden;border:1px solid var(--line);min-height:440px}.map iframe{width:100%;height:100%;min-height:440px;border:0}.appointment{background:linear-gradient(135deg,#eef8fa,#f7fbfc)}.form-card{max-width:900px;margin:35px auto 0;background:#fff;border:1px solid var(--line);border-radius:24px;padding:30px;box-shadow:var(--shadow)}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.field label{font-size:13px;font-weight:800;color:#315468;display:block;margin-bottom:6px}.field input,.field select,.field textarea{width:100%;border:1px solid #cfe0e6;border-radius:12px;padding:13px 14px;font:inherit;outline:none;background:#fff}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--teal);box-shadow:0 0 0 3px rgba(14,154,167,.11)}.field.full{grid-column:1/-1}.field textarea{min-height:120px;resize:vertical}.form-note{font-size:12px;color:var(--muted);margin-top:12px}.status{margin:0 auto 20px;max-width:900px;padding:13px 16px;border-radius:12px;font-size:14px}.status.success{background:#e8f8ef;color:#12623a}.status.error{background:#fff0f0;color:#8f1f1f}.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:32px}.faq{border:1px solid var(--line);border-radius:17px;padding:20px;background:#fff}.faq h3{font-size:16px;margin:0 0 8px;color:var(--navy)}.faq p{margin:0;color:var(--muted);font-size:14px}.site-footer{background:#041f34;color:#c7d8e2;padding:50px 0 20px}.footer-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:42px}.site-footer h4{color:#fff;margin-top:0}.site-footer a{color:#c7d8e2;text-decoration:none}.site-footer small{display:block;border-top:1px solid rgba(255,255,255,.12);margin-top:34px;padding-top:18px;color:#8fa9b7}.footer-links{display:grid;gap:9px}.legal{font-size:12px;color:#8fa9b7;margin-top:12px}.floating-call{position:fixed;right:20px;bottom:20px;z-index:40;width:56px;height:56px;border-radius:50%;background:var(--red);color:#fff;display:grid;place-items:center;text-decoration:none;box-shadow:0 10px 25px rgba(198,40,40,.3);font-size:24px}
@media(max-width:900px){.menu{display:none;position:absolute;top:82px;left:0;right:0;background:#fff;padding:18px 4vw;border-bottom:1px solid var(--line);flex-direction:column;align-items:flex-start}.menu.open{display:flex}.hamburger{display:block}.hero-grid,.about-grid,.doctor-grid,.media-grid,.contact-grid{grid-template-columns:1fr}.hero-grid{padding:50px 0;min-height:auto}.hero-card{max-width:640px}.quick-grid{grid-template-columns:1fr}.quick-item+.quick-item{border-left:0;border-top:1px solid var(--line)}.cards{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr}.mini-card{left:16px}.media-card,.media-card iframe{min-height:430px;height:430px}}
@media(max-width:620px){h1{letter-spacing:-1.5px}.nav{height:72px}.menu{top:72px}.brand-text span{display:none}.cards,.feature-list,.doctor-facts,.form-grid,.faq-grid,.footer-grid{grid-template-columns:1fr}.hero-card .visual{height:315px}.quick{margin-top:0}.quick .wrap{width:100%}.quick-grid{border-radius:0;border-left:0;border-right:0}.section-title{font-size:34px}section{padding:68px 0}.form-card{padding:20px}.field.full{grid-column:auto}.media-card,.media-card iframe{min-height:390px;height:390px}}