/*
Theme Name: Asiatic Care
Author: Zeta Medika
Description: A complete responsive healthcare website theme for Asiatic Medical Laboratories by Zeta Medika. Includes 43 Elementor pages, shared header and footer, searchable directories, branded images, Asiatic customization, portal previews and built-in site setup. Uses Montserrat and Roboto with Asiatic yellow accents. Elementor and Contact Form 7 are required; forms and portal workflows remain previews.
Version: 2.1.0
Text Domain: asiatic-care
*/
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@800&family=Roboto:wght@400;500;700&display=swap');
:root{--navy:#17346a;--blue:#2552a0;--ink:#202e41;--muted:#677483;--paper:#f7f8f6;--line:#e1e7e9;--gold:#e8bc3b}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:Roboto,sans-serif;line-height:1.65;background:#fff}h1,h2,h3,h4{font-family:Montserrat,sans-serif;font-weight:800;line-height:1.16;letter-spacing:-.035em;color:var(--navy)}h1{font-size:clamp(2.7rem,5vw,5.2rem);margin:.35em 0}h2{font-size:clamp(2rem,3.2vw,3.3rem);margin:.35em 0}h3{font-size:1.2rem}p{color:#5d6b78}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #e6b936;outline-offset:3px}.wrap{max-width:1260px;padding:0 32px;margin:auto}.topbar{background:#17346a;color:white;font-size:12px;padding:8px 0}.topbar .wrap{display:flex;justify-content:space-between}.site-header{position:sticky;top:0;background:#fff;z-index:20;box-shadow:0 2px 15px #17346a0b}.nav{height:88px;display:flex;align-items:center;gap:28px}.logo img{width:180px;height:60px;object-fit:contain}.navlinks{display:flex;align-items:center;gap:23px;margin-left:auto;font-size:13px;font-weight:700}.navlinks a:hover,.footer a:hover{color:#436bb2}.btn,.wp-element-button{display:inline-flex;justify-content:center;align-items:center;gap:12px;background:var(--navy);color:white;padding:15px 22px;border:1px solid var(--navy);border-radius:5px;font-size:13px;font-weight:700;cursor:pointer}.btn.secondary{background:transparent;color:var(--navy)}.menu-toggle{display:none;border:0;background:transparent;color:var(--navy);font-size:26px}.hero{background:var(--paper);display:grid;grid-template-columns:1fr 1fr;min-height:570px}.hero-copy{padding:90px max(32px,calc((100vw - 1260px)/2));padding-right:55px;align-self:center}.hero-copy p{font-size:18px;max-width:520px}.hero-image{min-height:430px;background:#dce7eb url(assets/hero.jpg) center/cover no-repeat}.eyebrow{font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#557094}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.quick{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--line)}.quick a{padding:27px 20px;border-right:1px solid var(--line);font-weight:700;font-size:13px}.quick a span{color:#8390a0;display:block;font-size:12px;font-weight:400}.section{padding:90px 0}.section.soft{background:var(--paper)}.section-head{display:flex;justify-content:space-between;align-items:end;gap:32px;margin-bottom:35px}.section-head p{max-width:420px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{padding:30px;border:1px solid var(--line);border-radius:5px;background:#fff}.card .num{font-size:12px;color:#8798a9}.card h3{margin:22px 0 10px}.card p{font-size:14px}.card a{display:inline-block;color:var(--blue);font-size:13px;font-weight:700;margin-top:12px}.split{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.visual{min-height:340px;background:#e5ecec url(assets/hero.jpg) center/cover;border-radius:5px}.feature-box{background:#e7eced;min-height:300px;padding:50px;display:flex;flex-direction:column;justify-content:end}.feature-box strong{font-family:Montserrat;font-size:clamp(3rem,7vw,6rem);color:var(--navy)}.page-hero{padding:90px 0 70px;background:var(--paper)}.page-hero h1{font-size:clamp(2.8rem,4.8vw,4.3rem);max-width:850px}.page-hero p{max-width:630px;font-size:17px}.list{border-top:1px solid var(--line)}.list-item{display:flex;justify-content:space-between;gap:20px;padding:23px 0;border-bottom:1px solid var(--line)}.list-item h3{margin:0}.list-item p{margin:5px 0;font-size:14px}.form-panel{border:1px solid var(--line);background:#fff;padding:35px;border-radius:5px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}label{font-size:13px;font-weight:700;display:block}input,select,textarea{width:100%;border:1px solid #cdd7dc;border-radius:4px;padding:13px;margin:7px 0 17px;font:inherit;background:white}textarea{min-height:120px}.notice{padding:17px;background:#f1f5f7;border-left:3px solid #8ca8c0;font-size:13px}.footer{background:#f1f3f1;padding:65px 0 30px}.footer-grid{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:35px}.footer img{width:185px}.footer h4{font-size:13px}.footer a{display:block;font-size:13px;margin:10px 0;color:#60707a}.footnote{border-top:1px solid #dce3e1;margin-top:45px;padding-top:20px;font-size:12px;color:#74828c}.concierge{position:fixed;bottom:22px;right:22px;z-index:30}.concierge button{border:0;border-radius:6px;padding:16px 20px;background:var(--navy);color:#fff;font-weight:700;box-shadow:0 7px 25px #17346a33;cursor:pointer}.concierge-panel{display:none;position:absolute;bottom:65px;right:0;width:min(340px,calc(100vw - 44px));padding:24px;background:#fff;box-shadow:0 10px 40px #1b304533;border:1px solid var(--line);border-radius:5px}.concierge-panel.open{display:block}.concierge-panel a{display:block;border-top:1px solid var(--line);padding:12px 0;font-size:14px}.elementor-widget-html{width:100%}.elementor-section.elementor-section-boxed>.elementor-container{max-width:none}@media(max-width:950px){.navlinks{display:none;position:absolute;top:88px;left:0;right:0;background:white;padding:25px 32px;box-shadow:0 10px 20px #0001;flex-direction:column;align-items:flex-start}.navlinks.open{display:flex}.menu-toggle{display:block;margin-left:auto}.nav>.btn{display:none}.hero{grid-template-columns:1fr}.hero-copy{padding:65px 32px}.hero-image{min-height:350px}.quick{grid-template-columns:1fr 1fr}.grid{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}.split{gap:30px}}@media(max-width:600px){.wrap{padding:0 20px}.topbar .wrap span:last-child{display:none}.nav{height:72px}.navlinks{top:72px}.logo img{width:150px}.hero-copy{padding:55px 20px}.hero-image{min-height:260px}.section{padding:65px 0}.section-head,.split{display:block}.section-head p{margin-top:20px}.split>*+*{margin-top:28px}.grid,.form-grid{grid-template-columns:1fr}.quick a{padding:20px 12px}.footer-grid{grid-template-columns:1fr 1fr;gap:24px}.page-hero{padding:65px 0 50px}.feature-box{padding:30px}.form-panel{padding:24px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation-duration:.01ms!important;transition-duration:.01ms!important}}


/* Constrain the hero and keep the expanded navigation responsive. */
.hero{max-width:1260px;width:calc(100% - 64px);margin:0 auto;overflow:hidden;border-radius:5px}.hero-copy{padding-left:48px}.hero-image{min-width:0}.nav{gap:18px}.navlinks{gap:15px;white-space:nowrap}@media(max-width:1150px){.navlinks{display:none;position:absolute;top:88px;left:0;right:0;background:#fff;padding:25px 32px;box-shadow:0 10px 20px #0001;flex-direction:column;align-items:flex-start}.navlinks.open{display:flex}.menu-toggle{display:block;margin-left:auto}.nav>.btn{display:none}}@media(max-width:950px){.hero-copy{padding-left:32px}}@media(max-width:600px){.hero{width:calc(100% - 40px)}.hero-copy{padding-left:20px}}

/* Inset the hero image within the content area. */
.hero-image{margin:32px 32px 32px 0;border-radius:5px;min-height:0}@media(max-width:950px){.hero-image{margin:0 32px 32px;min-height:350px}}@media(max-width:600px){.hero-image{margin:0 20px 20px;min-height:260px}}

.navlinks a[href$="/patient-portal/"]{display:none}.portal-access{position:relative;flex:0 0 auto}.portal-access>button{display:grid;place-items:center;width:42px;height:42px;border:1px solid #d8e0e6;border-radius:5px;background:white;color:#17346a;cursor:pointer}.portal-access>button svg{width:22px;height:22px}.portal-menu{position:absolute;right:0;top:48px;min-width:235px;padding:10px;background:white;border:1px solid #e1e7e9;box-shadow:0 8px 25px #102a3a20;border-radius:5px;z-index:99}.portal-menu[hidden]{display:none}.portal-menu a{display:block;padding:12px;color:#17346a;font:700 13px Roboto,sans-serif}.portal-menu a:hover{background:#f2f5f7}.portal-access>button:focus-visible{outline:3px solid #e6b936;outline-offset:3px}
.concierge-logo{display:inline-block;width:23px;height:23px;vertical-align:middle;object-fit:contain;margin-right:8px;background:#fff;border-radius:50%}
@media(max-width:600px){.concierge{right:14px;bottom:14px}.concierge>button{font-size:0;padding:10px;line-height:1}.concierge>button .concierge-logo{width:26px;height:26px;margin:0}.concierge-panel{width:min(340px,calc(100vw - 28px))}}