/*
Theme Name: LabsIndia Gutenberg V2
Theme URI: https://www.labsindia.in/
Author: LabsIndia
Description: Lightweight Gutenberg-first healthcare portal starter for LabsIndia. Built for WooCommerce, multilingual expansion, AJAX test search and future booking workflows.
Version: 2.0.0
Requires at least: 6.5
Requires PHP: 7.4
Text Domain: labsindia
*/

:root {
  --li-green:#39c77a;
  --li-teal:#48c6bd;
  --li-navy:#123b68;
  --li-ink:#17324d;
  --li-mint:#eef9f5;
  --li-soft:#f6f9fb;
  --li-radius:18px;
  --li-shadow:0 10px 30px rgba(18,59,104,.08);
}

html { scroll-behavior:smooth; }
body { margin:0; overflow-x:hidden; }
img { max-width:100%; height:auto; }
a { transition:color .18s ease, background-color .18s ease, transform .18s ease; }

.li-container { width:min(1180px, calc(100% - 32px)); margin-inline:auto; }
.li-section { padding-block:64px; }
.li-section--soft { background:var(--li-soft); }
.li-section--mint { background:var(--li-mint); }

.li-header {
  position:sticky; top:0; z-index:50; background:#fff;
  border-bottom:1px solid rgba(18,59,104,.08);
  box-shadow:0 2px 14px rgba(18,59,104,.05);
}
.li-header-inner { min-height:76px; display:flex; align-items:center; gap:28px; }
.li-logo { display:block; width:185px; height:58px; line-height:0; background:url("assets/labsindia-logo.png") center / contain no-repeat; }
.screen-reader-text { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.li-nav { display:flex; align-items:center; gap:26px; margin-inline:auto; }
.li-nav a { color:#48b8d8; text-decoration:none; font-weight:600; font-size:15px; }
.li-nav a:hover,.li-nav a[aria-current="page"] { color:var(--li-navy); }
.li-nav a[aria-current="page"] { position:relative; }
.li-nav a[aria-current="page"]::after {
  content:""; position:absolute; left:0; right:0; bottom:-27px; height:3px;
  background:var(--li-navy); border-radius:99px;
}
.li-header-actions { display:flex; align-items:center; gap:10px; }
.li-lang { border:0; background:transparent; color:var(--li-navy); font-weight:700; cursor:pointer; }
.li-menu { display:none; border:0; background:transparent; font-size:26px; }

.li-btn {
  display:inline-flex; align-items:center; justify-content:center; gap:8px;
  min-height:48px; padding:0 24px; border-radius:999px;
  font-weight:700; text-decoration:none; border:0; cursor:pointer;
}
.li-btn--primary { background:var(--li-teal); color:#fff; }
.li-btn--primary:hover { background:var(--li-green); color:#fff; transform:translateY(-1px); }
.li-btn--green { background:var(--li-green); color:#fff; }
.li-btn--outline { background:#fff; color:var(--li-navy); border:1px solid rgba(18,59,104,.18); }

.li-hero { background:linear-gradient(135deg,#f1fbf8 0%,#fff 62%); padding:54px 0 68px; }
.li-hero-grid { display:grid; grid-template-columns:1.08fr .92fr; gap:42px; align-items:center; }
.li-kicker { color:var(--li-green); font-weight:800; letter-spacing:.08em; text-transform:uppercase; font-size:13px; }
.li-hero h1 { color:var(--li-navy); font-size:clamp(38px,5vw,66px); line-height:1.03; margin:10px 0 18px; letter-spacing:-.035em; }
.li-hero p { font-size:19px; line-height:1.6; color:#50657a; max-width:650px; margin:0 0 28px; }

.li-search { position:relative; max-width:720px; }
.li-search-form {
  display:flex; align-items:center; background:#fff; border:1px solid rgba(18,59,104,.12);
  box-shadow:0 16px 40px rgba(18,59,104,.12); border-radius:18px; padding:8px;
}
.li-search-icon { width:48px; text-align:center; font-size:22px; }
.li-search-input {
  flex:1; min-width:0; border:0; outline:0; font-size:17px; padding:15px 8px;
  color:var(--li-ink); background:transparent;
}
.li-search-submit { border:0; border-radius:12px; background:var(--li-navy); color:#fff; padding:14px 20px; font-weight:700; cursor:pointer; }
.li-search-results {
  display:none; position:absolute; left:0; right:0; top:calc(100% + 8px); z-index:40;
  background:#fff; border:1px solid rgba(18,59,104,.1); border-radius:16px;
  box-shadow:0 20px 50px rgba(18,59,104,.18); overflow:hidden;
}
.li-search-results.is-open { display:block; }
.li-search-result { display:flex; align-items:center; gap:14px; padding:14px 16px; text-decoration:none; border-bottom:1px solid #edf2f5; }
.li-search-result:last-child { border-bottom:0; }
.li-search-result:hover { background:var(--li-mint); }
.li-result-thumb { width:50px; height:50px; object-fit:cover; border-radius:10px; background:#f0f4f6; }
.li-result-title { color:var(--li-navy); font-weight:750; }
.li-result-meta { color:#718296; font-size:13px; margin-top:3px; }
.li-result-price { margin-inline-start:auto; color:var(--li-green); font-weight:800; white-space:nowrap; }
.li-search-note { padding:12px 16px; font-size:12px; color:#718296; background:#fbfcfd; }

.li-hero-art {
  min-height:330px; border-radius:28px; position:relative; overflow:hidden;
  background:
    radial-gradient(circle at 70% 30%,rgba(72,198,189,.35),transparent 34%),
    linear-gradient(145deg,#123b68 0%,#1b5c80 50%,#39c77a 130%);
  box-shadow:var(--li-shadow);
}
.li-hero-art::before,.li-hero-art::after {
  content:""; position:absolute; border-radius:50%; border:1px solid rgba(255,255,255,.18);
}
.li-hero-art::before { width:310px; height:310px; right:-100px; top:-100px; }
.li-hero-art::after { width:230px; height:230px; left:-90px; bottom:-110px; }
.li-hero-art-content { position:absolute; inset:0; padding:34px; color:#fff; display:flex; flex-direction:column; justify-content:flex-end; }
.li-hero-art-content h2 { margin:0 0 8px; font-size:30px; }
.li-hero-art-content p { color:rgba(255,255,255,.86); font-size:15px; margin:0; }

.li-quick { margin-top:-28px; position:relative; z-index:5; }
.li-quick-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:14px; }
.li-quick-card {
  display:block; padding:22px; background:#fff; border-radius:16px; box-shadow:var(--li-shadow);
  text-decoration:none; color:var(--li-navy); border:1px solid rgba(18,59,104,.05);
}
.li-quick-card strong { display:block; margin-bottom:5px; }
.li-quick-card span { color:#6a7b8d; font-size:13px; }

.li-section-head { display:flex; align-items:end; justify-content:space-between; gap:20px; margin-bottom:28px; }
.li-section-head h2 { margin:0; color:var(--li-navy); font-size:clamp(28px,3vw,40px); letter-spacing:-.02em; }
.li-section-head p { margin:6px 0 0; color:#6c7e90; }
.li-link { color:var(--li-green); font-weight:800; text-decoration:none; }

.li-tabs { display:flex; gap:10px; overflow:auto; padding-bottom:6px; margin-bottom:26px; }
.li-tab {
  flex:0 0 auto; border:1px solid #dbe7ed; background:#fff; color:#5a6c7d;
  padding:12px 20px; border-radius:999px; font-weight:750; cursor:pointer;
}
.li-tab.is-active { background:var(--li-green); border-color:var(--li-green); color:#fff; }
.li-tab-panel { display:none; }
.li-tab-panel.is-active { display:block; }

.li-products { display:grid; grid-template-columns:repeat(4,1fr); gap:18px; }
.li-product {
  background:#fff; border:1px solid #e6edf1; border-radius:16px; overflow:hidden;
  box-shadow:0 5px 18px rgba(18,59,104,.05);
}
.li-product-img { aspect-ratio:4/3; background:#f1f5f7; overflow:hidden; }
.li-product-img img { width:100%; height:100%; object-fit:cover; }
.li-product-body { padding:18px; }
.li-product h3 { font-size:17px; line-height:1.3; margin:0 0 7px; color:var(--li-navy); }
.li-product p { margin:0 0 13px; color:#708092; font-size:13px; }
.li-product-price { color:var(--li-green); font-weight:850; font-size:18px; }
.li-product-actions { margin-top:15px; display:flex; gap:8px; }
.li-product-actions .li-btn { min-height:40px; padding:0 14px; font-size:13px; }

.li-pgi { border-radius:24px; padding:38px; background:linear-gradient(110deg,#123b68,#1c5c81); color:#fff; display:grid; grid-template-columns:1fr auto; gap:30px; align-items:center; overflow:hidden; }
.li-pgi h2 { margin:0 0 8px; font-size:34px; }
.li-pgi p { margin:0; color:rgba(255,255,255,.82); max-width:680px; }
.li-pgi .li-btn { background:var(--li-green); }

.li-steps { display:grid; grid-template-columns:repeat(4,1fr); gap:20px; }
.li-step { padding:24px; background:#fff; border-radius:18px; border:1px solid #e7eef2; }
.li-step-number { width:36px; height:36px; display:grid; place-items:center; border-radius:50%; background:var(--li-mint); color:var(--li-green); font-weight:900; margin-bottom:16px; }
.li-step h3 { margin:0 0 7px; color:var(--li-navy); font-size:18px; }
.li-step p { margin:0; color:#718296; font-size:14px; line-height:1.55; }

.li-trust { display:grid; grid-template-columns:repeat(4,1fr); gap:16px; }
.li-trust-card { padding:22px; border-radius:16px; background:var(--li-mint); }
.li-trust-card strong { color:var(--li-navy); display:block; margin-bottom:6px; }
.li-trust-card span { color:#66798b; font-size:13px; }

.li-whatsapp {
  position:fixed; right:20px; bottom:20px; z-index:60; width:58px; height:58px; border-radius:50%;
  display:grid; place-items:center; background:#25D366; color:#fff; text-decoration:none;
  box-shadow:0 12px 28px rgba(0,0,0,.2); font-size:25px;
}
.li-whatsapp:hover { color:#fff; transform:translateY(-2px); }

.li-footer { background:#122b53; color:#fff; padding:60px 0 24px; }
.li-footer-grid { display:grid; grid-template-columns:1.4fr repeat(3,1fr); gap:35px; }
.li-footer h3 { color:#48c6bd; margin:0 0 14px; font-size:17px; }
.li-footer p,.li-footer a { color:rgba(255,255,255,.72); font-size:14px; line-height:1.7; }
.li-footer a { text-decoration:none; display:block; }
.li-footer-bottom { border-top:1px solid rgba(255,255,255,.1); margin-top:40px; padding-top:18px; color:rgba(255,255,255,.55); font-size:12px; text-align:center; }

@media (max-width: 960px) {
  .li-nav { gap:15px; }
  .li-nav a { font-size:13px; }
  .li-header-inner { gap:14px; }
  .li-hero-grid { grid-template-columns:1fr; }
  .li-hero-art { min-height:260px; }
  .li-quick-grid,.li-products { grid-template-columns:repeat(2,1fr); }
  .li-steps,.li-trust { grid-template-columns:repeat(2,1fr); }
  .li-footer-grid { grid-template-columns:repeat(2,1fr); }
}
@media (max-width: 680px) {
  .li-section { padding-block:46px; }
  .li-header-inner { min-height:64px; }
  .li-logo { width:155px; }
  .li-nav { display:none; position:absolute; top:64px; left:0; right:0; background:#fff; padding:14px 18px 20px; flex-direction:column; align-items:flex-start; box-shadow:0 12px 25px rgba(18,59,104,.1); }
  .li-nav.is-open { display:flex; }
  .li-nav a[aria-current="page"]::after { display:none; }
  .li-menu { display:block; }
  .li-header-actions .li-btn { display:none; }
  .li-hero { padding:40px 0 52px; }
  .li-hero h1 { font-size:42px; }
  .li-hero p { font-size:16px; }
  .li-search-form { padding:6px; }
  .li-search-submit { display:none; }
  .li-quick { margin-top:-18px; }
  .li-quick-grid,.li-products,.li-steps,.li-trust,.li-footer-grid { grid-template-columns:1fr; }
  .li-section-head { display:block; }
  .li-section-head .li-link { display:inline-block; margin-top:12px; }
  .li-pgi { grid-template-columns:1fr; padding:28px; }
  .li-pgi h2 { font-size:28px; }
  .li-whatsapp { right:16px; bottom:16px; }
}

/* RTL readiness for Urdu */
[dir="rtl"] .li-nav a[aria-current="page"]::after { left:auto; right:0; }
[dir="rtl"] .li-search-results { direction:rtl; }
[dir="rtl"] .li-result-price { margin-inline-start:0; margin-inline-end:auto; }