/* pcl-fix.css: text-contrast nudges to WCAG 1.4.3 AA (4.5:1), same hue, nearest compliant shade.
   Values from IMPROVEMENTS-SEO-A11Y.md item 3. Each is a few percent darker and barely perceptible.
   Deliberately NOT here: white text on the light gold bands, and the light gold heading (Dean decides).

   The site paints these through Astra/Elementor global colour variables, so each fix re-points the
   variable inside the one scope that needs it, instead of restating every widget rule. */

/* 1. Footer: white text on teal 4.29 -> 5.13 (background #568187 -> #4d747a);
      footer contact and credit links #dedede on teal 3.19 -> 4.58 (#f2f2f2 on the new teal) */
footer.elementor-location-footer {
  --ast-global-color-0: #4d747a; --e-global-color-astglobalcolor0: #4d747a;
  --ast-global-color-6: #f2f2f2; --e-global-color-astglobalcolor6: #f2f2f2;
}

/* 2. Gold link text on white 4.23 -> 4.55 (#837a69 -> #7e7565). Links only: gold buttons, gold
      headings (large text, already AA-large) and the header CTA keep the brand gold. */
a:not(.elementor-button):not(.ast-custom-button-link):not(.ast-custom-button) {
  --ast-global-color-2: #7e7565; --e-global-color-astglobalcolor2: #7e7565;
}

/* 3. Blog card dates 2.24 -> 4.54 (#adadad -> #767676) */
body .elementor-posts .elementor-post__meta-data { color: #767676; }

/* 4. Horizontal overflow on phones: the one data table on the site (blog, gastric sleeve vs gastric
      balloon) is 415px of minimum content inside a 350px column at 390 (435px page width; the old
      site had the same). Below 768px the table becomes its own horizontal scroll box, so the page no
      longer pans sideways. At 768px and up it fits and is left exactly as it was. */
@media (max-width: 767px) {
  .elementor-widget-container > table { display: block; max-width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; }
}