/* Apple a Day - Flu Clinics homepage banner (classic header front page). 2026-10-08.
   Jeff 10-08: "The proof we showed her had the same top nav bar and a better flu button in the middle can we have that one".
   GENERATED by flu-banner-2026-10/make_wp_flu_css.py from the banner Beth approved and that is live on the D7 site
   (flu-banner-2026-10/build/custom.css lines 2-62, md5-pinned); every selector re-scoped from .aad-wrap to .aad-flu so the
   June banner rules in aad-chrome.css never touch it. Do not hand-edit: change the generator. */
@font-face{font-family:"Nunito";font-style:normal;font-weight:700 900;font-display:swap;src:url(../fonts/nunito-var-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
/* ===== Flu Clinics homepage banner (2026-10, concept A "Orchard Bear") =====
   Replaces the School & Sports Physicals banner CSS of 2026-06-18/19 (kept in the pre-flu backup).
   Same box as before: 3:1 on desktop, 4:5 with a compact white box under 560px (container query). */
.aad-flu{--aadnavy:#013c77;--aadteal:#018eb3;--aadgreen:#477821;--aadgreen-dk:#3a641a;--aadred:#d81f26;--aadyellow:#f8b803;container-type:inline-size;width:100%;font-family:Nunito,sans-serif}
.aad-flu,.aad-flu *{box-sizing:border-box}
.aad-flu .aad{position:relative;display:block;width:100%;aspect-ratio:3/1;overflow:hidden;color:inherit;background:#cdeefc}
.aad-flu .aad__bg{position:absolute;inset:0;width:100%;height:100%;max-width:none;margin:0;object-fit:cover;object-position:50% 60%;display:block}
.aad-flu .aad__card{position:absolute;left:50%;top:50%;transform:translate(-50%,calc(-50% + 32px));width:max-content;max-width:94cqw;
  background:rgba(255,255,255,.96);border-radius:14px;overflow:hidden;
  box-shadow:0 2px 4px rgba(20,40,75,.10),0 16px 40px rgba(20,40,75,.20);
  display:flex;align-items:center;gap:1.6cqw;padding:10px 26px}
.aad-flu .aad__logo{flex:none;width:6.6cqw;max-width:104px;height:auto;display:block;margin:0}
.aad-flu .aad__mid{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;text-align:center;gap:.22cqw}
.aad-flu .aad__now{display:block;font-weight:800;color:var(--aadred);font-size:clamp(11px,1.35cqw,18px);line-height:1.2}
.aad-flu .aad__title{font-family:"Baloo 2",sans-serif;font-weight:800;line-height:1;margin:0;padding:0;font-size:clamp(20px,3.6cqw,50px);letter-spacing:-.01em;white-space:nowrap;text-transform:uppercase;text-shadow:none;color:var(--aadnavy);display:flex;align-items:center;gap:.9cqw}
.aad-flu .aad__title .nv{color:var(--aadnavy)}.aad-flu .aad__title .tl,.aad-flu .aad__mini .t .tl{color:var(--aadteal)}
.aad-flu .aad__open{display:inline-block;background:var(--aadyellow);color:var(--aadnavy);font-family:"Baloo 2",sans-serif;font-weight:800;font-size:.42em;line-height:1;padding:.32em .6em .26em;border-radius:99px;letter-spacing:.02em;transform:rotate(-3deg);white-space:nowrap}
.aad-flu .aad__row{display:flex;align-items:center;justify-content:center;gap:.9cqw;margin-top:.35cqw;white-space:nowrap}
.aad-flu .aad__days{font-weight:800;color:var(--aadnavy);font-size:clamp(12px,1.75cqw,24px)}
.aad-flu .aad__dot{font-weight:800;color:#9aa7b6;font-size:clamp(12px,1.75cqw,24px)}
.aad-flu .aad__time{font-family:"Baloo 2",sans-serif;font-weight:800;color:var(--aadgreen);font-size:clamp(13px,1.85cqw,25px);font-variant-numeric:tabular-nums}
.aad-flu .aad__appt{font-weight:700;color:#4a5c74;font-size:clamp(11px,1.45cqw,20px)}
.aad-flu .aad__act{flex:none;display:flex;flex-direction:column;align-items:stretch;gap:.45cqw;padding-left:1.4cqw;border-left:2px solid #e7ecf2}
.aad-flu a.aad__call,.aad-flu a.aad__book{position:relative;display:block;text-align:center;text-decoration:none;font-family:"Baloo 2",sans-serif;font-weight:800;line-height:1.5;border-radius:10cqw;white-space:nowrap;cursor:pointer;
  transition-property:background-color,color,box-shadow,scale;transition-duration:.16s;transition-timing-function:cubic-bezier(.2,0,0,1)}
.aad-flu a.aad__call{background:var(--aadgreen);color:#fff;padding:.45cqw 1.5cqw;font-size:clamp(12px,1.6cqw,22px);box-shadow:0 1px 1px rgba(30,60,10,.4),0 5px 14px rgba(71,120,33,.40)}
.aad-flu a.aad__book{background:#fff;color:var(--aadnavy);border:2px solid var(--aadnavy);padding:.25cqw 1.5cqw;font-size:clamp(11px,1.4cqw,19px)}
.aad-flu a.aad__call:hover,.aad-flu a.aad__call:focus{background:var(--aadgreen-dk);color:#fff;text-decoration:none;box-shadow:0 1px 1px rgba(30,60,10,.4),0 8px 20px rgba(71,120,33,.50)}
.aad-flu a.aad__book:hover,.aad-flu a.aad__book:focus{background:var(--aadnavy);color:#fff;text-decoration:none}
.aad-flu a.aad__call:active,.aad-flu a.aad__book:active{scale:.97}
.aad-flu a.aad__call:focus-visible,.aad-flu a.aad__book:focus-visible{outline:3px solid var(--aadteal);outline-offset:2px}
.aad-flu .aad__cap{display:block;text-align:center;font-weight:700;color:#5b6b7f;font-size:clamp(10px,.82cqw,12px);line-height:1;margin-top:-.1cqw}
.aad-flu .aad__mini{display:none}
@container (max-width:560px){
  .aad-flu .aad{aspect-ratio:4/5}
  .aad-flu .aad__bg{object-position:54% 32%}
  .aad-flu .aad__card{position:absolute;left:50%;right:auto;top:auto;bottom:4cqw;transform:translateX(-50%);
    width:92cqw;max-width:420px;padding:2.6cqw 3.4cqw 3cqw;
    background:rgba(255,255,255,.94);border-radius:14px;overflow:hidden;
    box-shadow:0 2px 4px rgba(20,40,75,.14),0 10px 26px rgba(20,40,75,.30);
    display:flex;flex-direction:column;align-items:center;gap:0;justify-content:center}
  .aad-flu .aad__logo,.aad-flu .aad__mid,.aad-flu .aad__act{display:none}
  .aad-flu .aad__mini{display:flex;flex-direction:column;align-items:center;gap:1cqw;text-align:center;width:100%}
  .aad-flu .aad__mini .e{font-weight:800;color:var(--aadred);font-size:3cqw;line-height:1.15}
  .aad-flu .aad__mini .t{font-family:"Baloo 2",sans-serif;font-weight:800;color:var(--aadnavy);font-size:6.6cqw;line-height:1;display:flex;align-items:center;gap:2cqw}
  .aad-flu .aad__mini .aad__open{font-size:2.9cqw}
  .aad-flu .aad__mini .s{font-weight:800;color:var(--aadnavy);font-size:3.3cqw;line-height:1.2;font-variant-numeric:tabular-nums}
  .aad-flu .aad__mini .s b{color:var(--aadgreen);font-weight:800} .aad-flu .aad__mini .s i{font-style:normal;font-weight:700;color:#4a5c74}
  .aad-flu .aad__mini .btns{display:flex;gap:2cqw;align-items:flex-start;justify-content:center;margin-top:1cqw;width:100%}
  .aad-flu .aad__mini a.aad__call{font-size:3.3cqw;padding:1.7cqw 3cqw;border-radius:22cqw;box-shadow:0 2px 3px rgba(30,60,10,.35),0 6px 14px rgba(71,120,33,.4)}
  .aad-flu .aad__mini .bk{display:flex;flex-direction:column;align-items:center;gap:.7cqw}
  .aad-flu .aad__mini a.aad__book{font-size:3.3cqw;padding:1.3cqw 3cqw;border-radius:22cqw;border-width:2px}
  .aad-flu .aad__mini .aad__cap{font-size:max(10px,2.3cqw);margin:0}
  /* touch: grow the tap area to 44px+ without changing the look */
  .aad-flu .aad__mini a.aad__call::before,.aad-flu .aad__mini a.aad__book::before{content:"";position:absolute;left:-1cqw;right:-1cqw;top:50%;height:46px;transform:translateY(-50%)}
}
@media (prefers-reduced-motion:reduce){
  .aad-flu .aad__vid{display:none}
  .aad-flu a.aad__call,.aad-flu a.aad__book{transition:none}
}
/* ===== end flu banner ===== */
/* pause / play (WCAG 2.2.2) - the theme's own control from the June banner (aad-chrome.css), re-scoped */
.aad-flu .aad__pause{
  position:absolute;top:12px;right:12px;z-index:3;display:grid;place-items:center;
  width:36px;height:36px;margin:0;padding:0;border:0;border-radius:50%;
  background:rgba(12,32,18,.42);color:#fff;cursor:pointer;opacity:.85;
  -webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);
  transition:opacity .2s ease,background-color .2s ease;-webkit-tap-highlight-color:transparent;
}
.aad-flu .aad__pause[hidden]{display:none}
.aad-flu .aad__pause::after{content:"";position:absolute;inset:-4px;border-radius:50%}
.aad-flu .aad__pause:hover,.aad-flu .aad__pause:focus{background:rgba(12,32,18,.66);color:#fff;opacity:1}
.aad-flu .aad__pause:focus-visible{outline:2px solid #fff;outline-offset:2px}
.aad-flu .aad__pause svg{display:block;width:16px;height:16px}
.aad-flu .aad__pause .aad__pause-play{display:none}
.aad-flu .aad__pause.is-paused .aad__pause-pause{display:none}
.aad-flu .aad__pause.is-paused .aad__pause-play{display:block}

/* WordPress port additions (same look): the button word is facts "Schedule Online", shown in capitals as on the proof;
   the video fades in over the still once it plays (no black frame); a paused/failed video keeps the still. */
.aad-flu a.aad__book{text-transform:uppercase}
.aad-flu .aad__vid{opacity:0;transition:opacity .35s ease}
.aad-flu .aad__vid.is-playing{opacity:1}
/* the phone card's three lines are <p> (one copy unit each, same classes as the proof's spans) */
.aad-flu .aad__mini p{margin:0;padding:0}