/* LIFE by Dr. Pat — gem-themed chrome for inner pages. Loads after style.v3/v4 + page-strip. */
:root{--gold:#C9A24B;--gold-rgb:201,162,75;--gold-edge:#9C7A2E;--text-body:#4A3D34;--text-muted:#8A7C6D;--border-soft:#E9E0D3;
  --gem:#009473;--gem-rgb:0,148,115;--gem-deep:#0C3B30;--gem-ink:#0C3B30;--gem-ground:#F6F4EC;--gem-hi:#7FF2C4}
html[data-gem="ruby"]{--gem:#E0115F;--gem-rgb:224,17,95;--gem-deep:#9B0E45;--gem-ink:#2A1720;--gem-ground:#FBF6F0;--gem-hi:#FF7FAE}
html[data-gem="emerald"]{--gem:#009473;--gem-rgb:0,148,115;--gem-deep:#0C3B30;--gem-ink:#0C3B30;--gem-ground:#F6F4EC;--gem-hi:#7FF2C4}
html[data-gem="sapphire"]{--gem:#0F52BA;--gem-rgb:15,82,186;--gem-deep:#151667;--gem-ink:#0B0E24;--gem-ground:#F2F4F8;--gem-hi:#8DB6FF;--border-soft:#DDE2EC}
html[data-gem] body{background:var(--gem-ground)}

/* ---- header ---- */
.site-header{background:color-mix(in srgb,var(--gem-ground) 90%,transparent);-webkit-backdrop-filter:blur(18px) saturate(1.08);backdrop-filter:blur(18px) saturate(1.08);border-bottom:1px solid rgba(var(--gold-rgb),.45);box-shadow:none}
.site-header.scrolled{background:color-mix(in srgb,var(--gem-ground) 96%,transparent);box-shadow:0 18px 40px -30px rgba(0,0,0,.25)}
.site-header .nav{padding:12px 0;gap:20px}
.site-header .nav__brand span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.site-header .nav__brand-logo{height:56px;filter:drop-shadow(0 1px 2px rgba(255,255,255,.95)) drop-shadow(0 2px 10px rgba(0,0,0,.22)) saturate(1.12) contrast(1.06)}
.site-header .nav__brand:hover .nav__brand-logo{transform:none}
.site-header .nav__links{gap:clamp(10px,1.5vw,22px);font-family:"Cloud",system-ui,sans-serif}
.site-header .nav__links>li>a{font-size:13px;font-weight:600;letter-spacing:.3px;color:var(--gem-ink);padding:10px 0}
.site-header .nav__links>li>a:hover,.site-header .nav__links>li:hover>a{color:var(--gem)}
.site-header .nav__dropdown{background:rgba(255,255,255,.97);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border-soft);border-radius:6px;min-width:250px;padding:10px 0;max-height:72vh;overflow:auto;box-shadow:0 30px 70px -30px rgba(0,0,0,.28);left:-16px}
.site-header .nav__dropdown a{display:block;padding:9px 18px;border-radius:0;font-size:13px;font-weight:400;letter-spacing:0;color:var(--text-body)}
.site-header .nav__dropdown a:hover{color:var(--gem-deep);background:rgba(var(--gem-rgb),.1)}
.site-header .lsx-trigger{color:var(--gem-ink)}
.site-header .lsx-trigger:hover{color:var(--gem)}
.site-header .nav__toggle{border:1.5px solid var(--gold);border-radius:100px;color:#7A5A16;background:linear-gradient(180deg,#FFFDF8,#F3E9D6)}
.site-header .nav__langsel select{color:#7A5A16;border:1.5px solid var(--gold);background-color:#FBF6EC;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%237A5A16' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");font-size:13px;font-weight:600;letter-spacing:.3px;box-shadow:0 2px 0 var(--gold-edge)}
.site-header .nav__langsel select:hover,.site-header .nav__langsel select:focus-visible{border-color:var(--gold);color:var(--gem-deep);box-shadow:0 2px 0 var(--gold-edge),0 0 0 3px rgba(var(--gold-rgb),.25)}
.site-header .nav__book{display:flex;align-items:center}
.site-header .nav__links>li.nav__book>a{position:relative;display:inline-flex;align-items:center;background-color:var(--gem);background-image:linear-gradient(180deg,rgba(255,255,255,.28),rgba(255,255,255,0) 55%);color:#fff;border:0;border-radius:100px;padding:10px 22px;font-size:13px;font-weight:600;letter-spacing:.3px;line-height:1.2;text-shadow:0 1px 0 rgba(0,0,0,.18);box-shadow:0 4px 0 var(--gem-deep),0 8px 10px rgba(0,0,0,.18),inset 0 1.5px 0 rgba(255,255,255,.35),inset 0 -2px 3px rgba(0,0,0,.14);transition:transform .08s ease-out,box-shadow .08s ease-out,filter .15s}
.site-header .nav__links>li.nav__book>a:hover{color:#fff;filter:brightness(1.06);transform:translateY(-1px);box-shadow:0 5px 0 var(--gem-deep),0 10px 12px rgba(0,0,0,.18),inset 0 1.5px 0 rgba(255,255,255,.35),inset 0 -2px 3px rgba(0,0,0,.14)}
.site-header .nav__links>li.nav__book>a:active{transform:translateY(4px);box-shadow:0 0 0 var(--gem-deep),0 2px 3px rgba(0,0,0,.15),inset 0 1.5px 0 rgba(255,255,255,.25),inset 0 2px 4px rgba(0,0,0,.18)}
@media (max-width:980px){
  .site-header .nav__links.open{background:var(--gem-ground);border-bottom:1px solid rgba(var(--gold-rgb),.45);top:81px;max-height:calc(100vh - 81px)}
  .site-header .nav__links>li>a{font-size:16px;padding:14px 4px;border-bottom:1px solid var(--border-soft);display:block}
  .site-header .nav__dropdown{min-width:0;border:0;box-shadow:none;background:transparent;padding:4px 0 8px 16px;max-height:none;left:0}
  .site-header .nav__dropdown a{font-size:14.5px;padding:11px 4px}
  .site-header .nav__links>li.nav__book{padding:18px 0 10px}
  .site-header .nav__links>li.nav__book>a{display:flex;justify-content:center;padding:13px 28px;font-size:14px;border-bottom:0}
}
.clinic-license{background:transparent!important;color:var(--text-muted)!important;border-bottom:1px solid rgba(var(--gold-rgb),.35);font-size:.8rem!important;letter-spacing:.5px}

/* ---- footer ---- */
.footer{background:var(--gem-ground);border-top:1.5px solid var(--gold);padding:72px 32px 36px;color:var(--text-body);font-family:"Cloud",system-ui,sans-serif;font-weight:300}
.footer .container{max-width:1080px;margin:0 auto;padding:0}
.footer__grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:48px;padding-bottom:48px;border-bottom:1px solid var(--border-soft)}
.footer__logo{height:96px;width:auto;display:block;margin-bottom:20px}
.footer__tagline{font-size:12px;font-weight:600;letter-spacing:2.5px;text-transform:uppercase;line-height:1.6;color:var(--text-muted);margin:0;max-width:260px}
.footer__col-title{font-size:12px;font-weight:600;letter-spacing:3px;text-transform:uppercase;color:var(--gem-deep);margin:0 0 16px}
.footer__col-title:lang(th),.footer__col-title:lang(ar),.footer__col-title:lang(hi),.footer__col-title:lang(ja),.footer__col-title:lang(ko),.footer__col-title:lang(zh-Hans){letter-spacing:0;text-transform:none;font-size:14px}
.footer__links{display:flex;flex-direction:column;gap:9px;font-size:14px;font-weight:300}
.footer__links a{color:var(--text-body);text-decoration:none}
.footer__links a:hover{color:var(--gem)}
.footer__legal{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;padding-top:24px;font-size:12.5px;font-weight:300;color:var(--text-muted)}
.footer__legal-links{display:flex;gap:16px;align-items:center}
.footer__legal a{color:var(--text-body);text-decoration:none}
.footer__legal a:hover{color:var(--gem)}
.footer__gems{display:inline-flex;gap:6px;margin-inline-start:10px}
.footer__gems i{width:10px;height:10px;border-radius:50%;display:block;background:var(--border-soft)}
html[data-gem="ruby"] .footer__gems i:nth-child(1),html[data-gem="emerald"] .footer__gems i:nth-child(2),html[data-gem="sapphire"] .footer__gems i:nth-child(3){background:radial-gradient(circle at 34% 26%,#fff 0%,var(--gem-hi) 15%,var(--gem) 50%,var(--gem-deep) 100%);box-shadow:0 0 0 3px rgba(var(--gem-rgb),.12),0 2px 6px -1px rgba(var(--gem-rgb),.55)}
@media (max-width:900px){.footer{padding:56px 24px 28px}.footer__grid{grid-template-columns:1fr 1fr;gap:36px}}
@media (max-width:560px){.footer__grid{grid-template-columns:1fr;gap:30px}.footer__logo{height:80px}}

/* ---- floating call button takes the page gem ---- */
.fab--call{background:linear-gradient(180deg,var(--gem-hi),var(--gem) 55%,var(--gem-deep))!important;box-shadow:0 8px 20px -6px rgba(var(--gem-rgb),.5),inset 0 1px 0 rgba(255,255,255,.4),inset 0 -2px 0 rgba(0,0,0,.15)!important}
