/* ==========================================================================
   CLEARFORM — theme layer
   --------------------------------------------------------------------------
   The v3 "institutional blue" override sheet that used to live here has been
   folded into assets/css/style.css, which is now the single source of truth
   for tokens and components. Two sheets defining the same components in
   opposite directions (rounded + shadowed vs. squared + flat) was the reason
   the site read as two half-designs stacked on top of each other.

   What stays here is only what has to win the cascade after every component
   rule has run:

     1. contrast guarantees wherever text sits on a coloured or gradient
        ground — these are correctness, not taste, so they are last;
     2. a small number of inline-style rescues for markup that carries its
        own background;
     3. print.

   Loaded after style.css on every page. Do not restate component styling
   here — put it in style.css.
   ========================================================================== */

/* --------------------------------------------------------------------------
   1. DARK AND COLOURED GROUNDS
   Headings default to --navy, which is right on paper and invisible on every
   dark ground. Anything sitting on the hero video, a gradient band, a filled
   card or the footer is re-lit explicitly, and its secondary copy is tinted
   from white rather than left grey.
   -------------------------------------------------------------------------- */
.hero h1,
.page-hero h1,
.cta-band h2,
.info-card h3,
.pay-ref b,
.val--fill h3,
.aud-card:first-child h3,
.split-media[style*="grad-band"] b,
footer h3{color:#fff}

.hero-sub,
.page-hero p,
.cta-band p,
.info-card p,
.val--fill p,
.aud-card:first-child p{color:rgba(255,255,255,.84)}

.hero .eyebrow,
.page-hero .eyebrow,
.split-media[style*="grad-band"] .eyebrow{color:var(--aqua-bright)}

/* On a dark ground the deep-blue head of the signature gradient disappears,
   so the micro-rule shows its bright tail instead. */
.hero .eyebrow::before,
.page-hero .eyebrow::before,
.split-media[style*="grad-band"] .eyebrow::before{
  background-image:var(--grad-signature);
  background-size:220% 100%;
  background-position:100% 0;
  opacity:1}

/* Inline `color:var(--white-soft)` inside the who-we-serve figures. */
.split-media[style*="grad-band"]{color:#fff}

/* --------------------------------------------------------------------------
   2. SMALL TEXT THAT CARRIES REAL CONTENT
   --ink-faint was originally pitched as decoration, but it labels fields,
   captions tables and prices order meta. Every one of these clears 4.5:1 on
   the deepest tint the page uses (--paper-2).
   -------------------------------------------------------------------------- */
.f-field label,
.ac-sub,
.form-note,
.co-note,
.staff-note,
.p-desc,
.cat-sub,
#catalog-root>p{color:#4E6A82}

/* --------------------------------------------------------------------------
   3. FOOTER
   The footer holds the parent-company co-brand, whose default ink colours are
   tuned for a light ground and fail badly on navy.
   -------------------------------------------------------------------------- */
footer .foot-cobrand span{color:rgba(255,255,255,.66)}
footer .foot-cobrand b{color:rgba(255,255,255,.9)}
footer .foot-compliance{color:rgba(255,255,255,.54)}
footer .foot-legal{color:rgba(255,255,255,.5)}

/* --------------------------------------------------------------------------
   4. PRINT
   Order confirmations, quotes and payment instructions get printed and filed
   by pharmacy staff, so they should come off the printer as a clean document.
   -------------------------------------------------------------------------- */
@media print{
  .topbar,.nav,.cart-drawer,.cart-overlay,.hero-strip,
  .cta-band,.admin-tabs,.staff-actions,.copy-btn,footer::after{display:none !important}
  html,body{background:#fff !important}
  body{color:#000}
  section{padding:16px 0}
  .page-hero{background:#fff !important;color:#000;padding:0 0 18px;box-shadow:none}
  .page-hero::before,.page-hero::after{display:none}
  .page-hero h1{color:#000}
  .page-hero p,.page-hero .eyebrow{color:#333}
  .acct-card,.co-summary,.form-card,.p-card,.staff-card{
    box-shadow:none !important;border:1px solid #bbb;break-inside:avoid}
  .pay-ref{background:#fff !important;color:#000;border:1.5px solid #333}
  .pay-ref span,.pay-ref b{color:#000}
  footer{background:#fff !important;color:#333;padding-top:18px}
  footer h4,.foot-brand .brand-name small{color:#333}
  .foot-links a,.foot-contact a,.foot-contact span,.foot-brand p,
  .foot-compliance,.foot-legal,.foot-cobrand span,.foot-cobrand b{color:#444 !important}
  a{text-decoration:none;color:#000}
  .rv{opacity:1 !important;transform:none !important}
}