/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

/* ===== A11Y TOKENS (GLOBAL) ===== */
:root{
  --peg-text: #222222;       /* normal text ≥4.5:1 on white */
  --peg-heading: #111111;    /* headings */
  --peg-muted: #555555;      /* placeholders / meta */
  --peg-bg: #FFFFFF;

  --peg-link: #0F60FF;       /* link text */
  --peg-link-hover: #0C4ED9; /* hover link */

  --peg-primary: #E0AA00;    /* current button background */
  --peg-on-primary: #000000; /* switch text to black for AA */

  --peg-focus: #111111;      /* strong focus ring */
}

/* Base text/heading colors (inherits into Elementor) */
body{ color: var(--peg-text); background: var(--peg-bg); }
h1,h2,h3,h4,h5,h6{ color: var(--peg-heading); }

/* Links — underline ensures non-color cue; remove/scope later if needed */
a{ color: var(--peg-link); text-decoration: underline; text-underline-offset: 2px; }
a:hover, a:focus{ color: var(--peg-link-hover); }

/* Focus visibility */
:focus-visible{
  outline: 3px solid var(--peg-focus);
  outline-offset: 3px;
}

/* Placeholders not too faint */
::placeholder{ color: var(--peg-muted); opacity: 1; }

/* ===== COMMON LOW-CONTRAST HOTSPOTS (HELLO/ELEMENTOR) ===== */

/* Buttons / CTAs */
.elementor-button,
button,
input[type="submit"],
input[type="button"]{
  background: var(--peg-primary);
  color: var(--peg-on-primary);   /* now black */
  border-color: var(--peg-primary);
}
.elementor-button:hover,
button:hover,
input[type="submit"]:hover,
input[type="button"]:hover{
  filter: brightness(0.95);       /* subtle hover, AA still passes */
}

/* Elementor text blocks & headings */
.elementor-widget-text-editor{ color: var(--peg-text); }
.elementor-widget-heading .elementor-heading-title{ color: var(--peg-heading); }

/* Meta/small text — avoid too-light grays */
.meta, .post-meta, .elementor-post__meta, .small, .muted{
  color: #555555;
}

/* Breadcrumbs / pagination */
.breadcrumbs, .page-numbers{ color: var(--peg-text); }
.page-numbers a{ color: var(--peg-link); text-decoration: underline; }

/* Helper for text over photos (apply class in Elementor if needed) */
.a11y-overlay-dark{
  background: rgba(0,0,0,0.55);
  color: #FFFFFF;
  padding: .5rem .75rem;
  border-radius: .25rem;
}

/* Optional: if nav underlines look too heavy, you can un-underline header links only
header a{ text-decoration: none; }
header a:focus-visible{ outline: 3px solid var(--peg-focus); outline-offset: 3px; }
*/

/* Accessibility fix: Home yellow buttons text color only */
.home .elementor-element-cc90f55 .elementor-button,
.home .elementor-element-9e7a06a .elementor-button,
.home .elementor-element-7b6c19fa .elementor-button,
.home .elementor-element-58d718b .elementor-button {
  color: #000000 !important;   /* black text for contrast */
}

/* A11Y: blog card meta/date contrast */
.elementor-post-date,
.elementor-post__meta,
.elementor-post__meta a {
  color: #444444 !important; /* AA on white */
}