/* brand.css - AliMed brand slot (theme-default), deployed by scripts\p6-brand-deploy.ps1 (2026-10-22).
 * Colours from alimed.com (Shopify theme, read 2026-10-22): primary blue #0077C8, navy #001128, cyan #00AEEF,
 * add-to-cart yellow #FFCD1A, footer tint #E1F7FF; font Lato. The colour schemes (group 'alimed', written by
 * scripts\p6-content.py) carry the backgrounds and button colours; this sheet adds the tokens the schemes cannot express. */
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@400;700;900&display=swap');
:root {
  --al-blue: #0077C8;
  --al-blue-dark: #005A99;
  --al-navy: #001128;
  --al-cyan: #00AEEF;
  --al-yellow: #FFCD1A;
  --al-ink: #121212;
  --bs-font-sans-serif: 'Lato', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
}
body { font-family: 'Lato', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif; }
main a:not(.btn):not(.nav-link):not(.dropdown-item) { color: var(--al-blue); }
main a:not(.btn):not(.nav-link):not(.dropdown-item):hover { color: var(--al-blue-dark); }
.btn-primary:hover, .btn-primary:focus { background-color: var(--al-blue-dark); border-color: var(--al-blue-dark); }
.btn-outline-primary:hover { background-color: var(--al-blue); border-color: var(--al-blue); color: #fff; }
/* the acting-for bar (impersonation) in navy so the presenter can point at it */
[data-dw-itemtype="Swift-v2_ImpersonationBar"] { background-color: var(--al-navy); color: #fff; }
[data-dw-itemtype="Swift-v2_ImpersonationBar"] a { color: #fff; }
/* a grid row whose columns render nothing (price table, add-to-cart, related products for an anonymous visitor) still
 * leaves its spacing; collapse it. The row comes back when content does. (swift-page-build-mcp-10-28-12) */
main section[data-swift-gridrow]:not(:has([data-swift-gridcolumn] *)) { display: none; }
/* icon-only primary buttons (the header account circle): the icon stays white on hover and focus (4.6:1 on #0077C8, 7:1 on #005A99) */
.btn.btn-primary svg, .btn.btn-primary svg *, .btn.btn-primary:hover svg, .btn.btn-primary:hover svg *, .btn.btn-primary:focus svg, .btn.btn-primary:focus svg * { fill: #ffffff; color: #ffffff; }