/* ============================================================
   LIGHT / BLUE VARIANT — applied by body.t-light (Home — Light test template)
   Generated from app.css + chat.css + logo.css: every rule that used the dark
   surfaces or the orange accent is re-declared here in the light palette.
   ============================================================ */
:root,.t-light{
  --bg:#F7F9FC; --bg-2:#EEF3F9; --surface:#FFFFFF; --surface-2:#F1F5FB;
  --line:rgba(15,23,42,.10); --line-2:rgba(15,23,42,.18);
  --ink:#0B1220; --ink-2:#2B3A4E; --muted:#5B6B80; --faint:#7A8799;
  --accent:#2563EB; --accent-2:#1D4ED8; --accent-ink:#FFFFFF;
  --navy:#0F2A5C; --green:#16A34A;
  color-scheme:light;
}
.t-light body,body.t-light{background:var(--bg);color:var(--ink-2)}
.t-light ::selection{background:var(--accent);color:#fff}
.t-light .hdr{background:rgba(247,249,252,.86);border-bottom:1px solid var(--line)}
.t-light .card{background:var(--surface);box-shadow:0 1px 2px rgba(15,23,42,.04),0 10px 30px -18px rgba(15,23,42,.18)}
.t-light .btn--p{color:#fff}
.t-light .hl{color:var(--accent)}
.t-light .chip,.t-light .scr{background:#FFFFFF;box-shadow:0 20px 50px -24px rgba(15,23,42,.35)}
.t-light .scr{background:linear-gradient(168deg,#FFFFFF,#F3F6FB);border-color:var(--line-2)}
.t-light .wf{background:rgba(15,23,42,.08)} .t-light .wf--card{background:rgba(15,23,42,.05);border-color:rgba(15,23,42,.06)}
.t-light .scr__dot{background:rgba(15,23,42,.18)} .t-light .scr__url{background:rgba(15,23,42,.06)}
.t-light .sd-logo{color:var(--ink)}
.t-light .ftr{background:#0B1220;color:#C2D2E2}
.t-light .ftr h3,.t-light .ftr a{color:#F4F8FC}
.t-light :root{--bg-2:#FFFFFF;--surface:rgba(15,23,42,.045);--surface-2:rgba(15,23,42,.080);--line:rgba(15,23,42,.144);--line-2:rgba(15,23,42,.256);--ink:#0B1220}
.t-light .btn--p{box-shadow:0 8px 28px -10px rgba(37,99,235,.7)}
.t-light .btn--p:hover{box-shadow:0 14px 34px -10px rgba(37,99,235,.85)}
.t-light .btn--g:hover{background:rgba(15,23,42,.080)}
.t-light .card__ico{background:rgba(37,99,235,.11)}
.t-light .card--hi{border-color:rgba(37,99,235,.45);background:linear-gradient(180deg,rgba(37,99,235,.09),transparent 60%)}
.t-light .hero::before{background:radial-gradient(closest-side,rgba(37,99,235,.16),transparent 72%)}
.t-light .trust{background:rgba(15,23,42,.032)}
.t-light .quote__av{background:rgba(37,99,235,.14)}
.t-light .step__n{-webkit-text-stroke:1.4px rgba(37,99,235,.55)}
.t-light table.tbl thead th{background:rgba(15,23,42,.064)}
.t-light .cta::before{background:radial-gradient(closest-side,rgba(37,99,235,.3),transparent 70%)}
.t-light .brand__d{box-shadow:0 0 16px rgba(37,99,235,.85)}
.t-light .nav a:hover,.t-light .nav .current-menu-item>a{background:rgba(15,23,42,.096)}
.t-light .sub-menu{background:#FFFFFF;box-shadow:0 26px 60px -20px rgba(15,23,42,.28)}
.t-light .ph{background:rgba(15,23,42,.032)}
.t-light .card::after,.t-light .quote::after{background:radial-gradient(360px circle at var(--mx) var(--my),rgba(37,99,235,.13),transparent 62%)}
.t-light .card::before{background:radial-gradient(240px circle at var(--mx) var(--my),rgba(37,99,235,.55),transparent 65%)}
.t-light .hero::before{background:radial-gradient(620px circle at var(--hx) var(--hy),
  rgba(37,99,235,.15),transparent 68%)}
.t-light .card:hover .card__ico{background:rgba(37,99,235,.2)}
.t-light .f input,.t-light .f select,.t-light .f textarea{background:rgba(15,23,42,.064)}
.t-light .f input:focus,.t-light .f select:focus,.t-light .f textarea:focus{background:rgba(15,23,42,.096);box-shadow:0 0 0 3px rgba(37,99,235,.16)}
.t-light .f select option,.t-light .f select optgroup{background:#FFFFFF;color:#0B1220}
.t-light .form-err{border:1px solid rgba(37,99,235,.45);background:rgba(37,99,235,.09)}
.t-light .stage__glow{background:radial-gradient(closest-side,rgba(37,99,235,.20),transparent 72%)}
.t-light .scr{background:linear-gradient(168deg,#FFFFFF,#FFFFFF);box-shadow:0 30px 70px -24px rgba(15,23,42,.26),0 0 0 1px rgba(15,23,42,.048) inset}
.t-light .scr__bar{background:rgba(15,23,42,.048)}
.t-light .scr__dot{background:rgba(15,23,42,.288)}
.t-light .scr__url{background:rgba(15,23,42,.096)}
.t-light .wf{background:rgba(15,23,42,.112)}
.t-light .wf--h{background:linear-gradient(90deg,rgba(37,99,235,.35),rgba(37,99,235,.08))}
.t-light .wf--card{background:rgba(15,23,42,.088);border:1px solid rgba(15,23,42,.080)}
.t-light .chip{background:rgba(255,255,255,.92);box-shadow:0 16px 34px -14px rgba(15,23,42,.28)}
.t-light .orbit path{stroke:rgba(37,99,235,.30)}
.t-light .pains .pain{border-color:rgba(37,99,235,.16)}
.t-light .offer{background:
    radial-gradient(760px circle at 12% 0%,rgba(37,99,235,.13),transparent 62%),var(--surface)}
.t-light .offer__form input{background:rgba(15,23,42,.064)}
.t-light .offer__form input:focus{background:rgba(15,23,42,.112)}
.t-light .offer__form select option{background:#FFFFFF;color:#0B1220}
.t-light .sd-book{background:rgba(255,255,255,.6)}
.t-light .vq__player{background:#FFFFFF;box-shadow:0 30px 70px -28px rgba(15,23,42,.28)}
.t-light .vq__v{background:#FFFFFF}
.t-light .vq__play svg{box-shadow:0 12px 34px -8px rgba(37,99,235,.9)}
.t-light .card--rec{border-color:rgba(37,99,235,.55);box-shadow:0 0 0 1px rgba(37,99,235,.25),0 24px 50px -30px rgba(37,99,235,.45)}
.t-light .sdc-open{box-shadow:0 12px 34px -10px rgba(37,99,235,.8)}
.t-light .sdc{background:#FFFFFF;box-shadow:0 30px 80px -24px rgba(15,23,42,.30)}
.t-light .sdc__top{background:rgba(15,23,42,.048)}
.t-light .sdc__x:hover{background:rgba(15,23,42,.112)}
.t-light .sdc__log{scrollbar-color:rgba(15,23,42,.256) transparent}
.t-light .sdc__log::-webkit-scrollbar-thumb{background:rgba(15,23,42,.256)}
.t-light .sdc-msg--bot{background:rgba(15,23,42,.088)}
.t-light .sdc-typing{background:rgba(15,23,42,.088)}
.t-light .sdc__form{background:rgba(15,23,42,.032)}
.t-light .sdc__form textarea{background:rgba(15,23,42,.080)}
.t-light .sdc__form textarea:focus{background:rgba(15,23,42,.112)}
.t-light .sd-book{background:#FFFFFF}
.t-light .sdc-quick__b{color:var(--ink,#0B1220);background:rgba(37,99,235,.12);border:1px solid rgba(37,99,235,.42)}
.t-light .sdc-quick__b:hover{background:rgba(37,99,235,.22)}
.t-light .sd-load__glow{background:radial-gradient(closest-side,rgba(37,99,235,.17),transparent 70%)}

/* Footer stays dark on the light page: give it the dark tokens back. */
.t-light .ftr{--ink:#F4F8FC;--ink-2:#C2D2E2;--muted:#8598AE;--faint:#7A8DA2;--line:rgba(255,255,255,.09);--surface:rgba(255,255,255,.03);background:#0B1220;color:var(--ink-2)}
.t-light .ftr h3{color:var(--ink)}
/* Compact hero for the test page */
.t-light .hero--lite{min-height:0;padding-block:clamp(36px,5vw,70px) clamp(30px,4vw,56px)}
.t-light .hero--lite h1{font-size:clamp(32px,4.1vw,54px)}
.t-light .hero--lite .lede{margin-bottom:20px}
.t-light .trust{background:#fff}
.t-light .card--rec{box-shadow:0 0 0 1px rgba(37,99,235,.25),0 24px 50px -30px rgba(37,99,235,.45)}
.t-light .card__badge{color:#fff}
.t-light .btn--g{border-color:var(--line-2);color:var(--ink)}
.t-light .btn--g:hover{border-color:var(--ink);background:rgba(15,23,42,.05)}
.t-light .sub-menu{background:#fff;box-shadow:0 26px 60px -20px rgba(15,23,42,.3)}
.t-light .hdr.is-open .nav{background:var(--bg)}
.t-light .stage__glow{background:radial-gradient(closest-side,rgba(37,99,235,.16),transparent 72%)}
.t-light .stage__glow--b{background:radial-gradient(closest-side,rgba(37,99,235,.10),transparent 70%)}
.t-light .hero::before,.t-light .hero::after{opacity:.35}

/* Site-wide: the loader and the browser chrome follow the light palette too. */
.t-light .sd-load{background:var(--bg)}
.t-light .sd-load__glow{background:radial-gradient(closest-side,rgba(37,99,235,.16),transparent 70%)}
.t-light .hero--svc .stage{filter:none}
.t-light .quote{background:var(--surface);box-shadow:0 1px 2px rgba(15,23,42,.04),0 10px 30px -18px rgba(15,23,42,.18)}
.t-light .tbl thead th{background:#EEF3F9}
.t-light .postcta,.t-light .related,.t-light .offer{background:var(--surface)}
.t-light .sdc-msg--me{color:#fff}

/* ---- pass 2: everything the first render still showed dark ---- */
/* Client logos are white-on-transparent files drawn for the dark theme; invert them here. */
.t-light .logos img{filter:invert(1) grayscale(1) brightness(.9);opacity:.7;height:clamp(56px,5.4vw,72px)}
.t-light .logos a:hover img{opacity:.9}
/* Closing call-to-action: deep blue, white text. */
.t-light .cta{background:linear-gradient(135deg,#0F2A5C,#1D4ED8 62%,#2563EB);box-shadow:0 30px 70px -30px rgba(29,78,216,.55)}
.t-light .cta::before{background:radial-gradient(closest-side,rgba(255,255,255,.18),transparent 70%)}
.t-light .cta h2,.t-light .cta p,.t-light .cta .btns__note{color:#fff}
.t-light .cta p{opacity:.9}
.t-light .cta .btn--p{background:#fff;color:#0F2A5C;box-shadow:0 10px 30px -12px rgba(0,0,0,.35)}
.t-light .cta .btn--p:hover{background:#EEF3F9;color:#0F2A5C}
.t-light .cta .btn--g{border-color:rgba(255,255,255,.55);color:#fff}
.t-light .cta .btn--g:hover{border-color:#fff;background:rgba(255,255,255,.12)}
/* Free-review offer: white form card on a pale blue band. */
.t-light .offer{background:radial-gradient(760px circle at 12% 0%,rgba(37,99,235,.10),transparent 62%),#fff}
.t-light .offer__f{background:#F7F9FC;border-color:var(--line)}
.t-light .offer__form input{background:#fff;border-color:var(--line-2);color:var(--ink)}
.t-light .offer__form input:focus{background:#fff}
.t-light .offer__form select option,.t-light .f select option,.t-light .f select optgroup{background:#fff;color:var(--ink)}
/* Header, sticky phone bar, booking frame, table fade, video frame. */
.t-light .hdr.is-stuck{background:rgba(247,249,252,.95)}
.t-light .actionbar{background:rgba(247,249,252,.96)}
.t-light .sd-book{background:#fff}
.t-light .tbl-wrap::after{background:linear-gradient(90deg,transparent,rgba(247,249,252,.95))}
.t-light .vq,.t-light .vq__v{background:#0B1220} /* the video keeps a dark frame; it is a video */
.t-light .filter.is-on span{color:rgba(255,255,255,.75)}
/* Hero review pill and chips */
.t-light .rating{background:#fff;border-color:var(--line)}
.t-light .hero__chips li{background:#fff}
/* Form fields site-wide */
.t-light .f input,.t-light .f select,.t-light .f textarea{background:#fff;border-color:var(--line-2);color:var(--ink)}
.t-light .f input:focus,.t-light .f select:focus,.t-light .f textarea:focus{background:#fff}
/* Chat */
.t-light .sdc__form textarea{background:#F7F9FC;color:var(--ink)}
.t-light .sdc-msg--bot{background:#F1F5FB;color:var(--ink-2)}
.t-light .sdc-typing{background:#F1F5FB}
.t-light .sdc-typing i{background:var(--muted)}
/* Autofill on light */
.t-light input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px #fff inset;-webkit-text-fill-color:var(--ink)}
