/*
Theme Name: SDT-Child
Theme URI: https://www.samedaytrades.com.au/
Description: Child theme of Astra for Same Day Trades. Add custom CSS below and custom PHP in functions.php.
Author: Same Day Trades
Template: astra
Version: 1.0.0
Text Domain: sdt-child
*/

/* ===== Custom CSS below this line ===== */

/* WCAG AA contrast fix: brand pink #EE2181 (4.06:1 on white, fails) -> #DF1680 (4.60:1, passes).
   Visually near-identical (R-15 G-11 B-1); keeps the brand look, imperceptible to the eye. */
.elementor-kit-10 a:not(.elementor-button) { color: #DF1680 !important; } /* exclude buttons: they use white hover text; the !important was hiding suburb-grid + CTA button text on the pink hover/fill */
.elementor-kit-10 h1 { color: #DF1680 !important; }
.elementor-667938 .elementor-element.elementor-element-9565213 .elementor-button { background-color: #DF1680 !important; }

/* WCAG AA contrast fix: footer copyright + legal links #9F9F9F on #3F3F3F = 3.98:1 (fails).
   -> #B3B3B3 = 5.02:1 (passes); ~20 lighter grey, still muted, improves readability. */
.elementor-element-b279203,
.elementor-element-b279203 a,
.elementor-element-b279203 a:hover { color: #B3B3B3 !important; }

/* Review plugin (Widget for Google Reviews) buttons are blue with white text by design.
   The brand-pink link rule was tinting their text pink on blue -> force white back. */
.rpi-review_us, .rpi-review_us:hover, .rpi-review_us:active, .rpi-review_us * { color: #fff !important; }

/* Floating contact buttons (Drop a Message + Call Now): the WCAG pink-link rule above
   forces these <a> tags pink, so their icon+text vanish on the pink button. Force WHITE,
   scoped strictly to the two e-contact-buttons__contact-icon-link elements. (These are
   Elementor-rendered so this survives LiteSpeed UCSS; the review-widget equivalent is
   injected inline via functions.php because that widget renders client-side.) */
.elementor-kit-10 a.e-contact-buttons__contact-icon-link,
.elementor-kit-10 a.e-contact-buttons__contact-icon-link .e-contact-buttons__contact-title,
.elementor-kit-10 a.e-contact-buttons__contact-icon-link .e-contact-buttons__contact-icon-container svg,
.elementor-kit-10 a.e-contact-buttons__contact-icon-link .e-contact-buttons__contact-icon-container svg * {
    color: #ffffff !important;
    fill: #ffffff !important;
}