/*
 * EgyTech custom styles -- global.css
 * Scope: site-wide link/badge colours only -- keep this file small
 * Moved out of WordPress Additional CSS on 2026-09-21 so that a change
 * to one area can no longer overwrite unrelated sections.
 * See docs/SITE-CUSTOMIZATION-MAP.md
 */

/* Brand color fix: link states + WooCommerce Sale badge
   Added via WordPress Additional CSS (Customize -> Additional CSS) so no
   theme or plugin file is modified. Loads after all theme/plugin stylesheets.

   Root cause: the hello-elementor PARENT THEME's reset.css sets a global
   a { color: #c36 } (pink) and a:hover, a:active { color: #336 } (dark
   slate/gray) with no more specific override anywhere in the active
   plugins/theme -- so every plain link (product titles, nav items, shop
   links) shows pink normally and dark gray on hover/focus/active.

   Colors below are the site's own brand colors, sourced two ways that agree:
   1) sampled directly from the live logo (wp-content/uploads/2026/07/imgi_4_Logo...)
   2) already defined as Elementor's global kit colors (post-7.css):
      --e-global-color-primary: #035292 (blue), --e-global-color-secondary: #F4B41A (gold)

   Blue is used as the link TEXT color in every state (base, hover, focus,
   active, visited) -- contrast-checked at ~8:1 against white, well above
   WCAG AA. Gold is used only as a secondary/accent (an underline shown on
   hover/focus), per "logo gold only as secondary/accent" -- gold text on a
   white background measures only ~1.8:1 contrast, which would be hard to
   read, so it is intentionally never used as the link text color itself.
   Only color/text-decoration is changed -- no layout/spacing/typography. */

a {
	color: #035292;
}

a:hover,
a:focus,
a:active,
a:visited {
	color: #035292;
	text-decoration: underline;
	text-decoration-color: #F4B41A;
}

/* Extra specificity insurance for the areas called out explicitly:
   WooCommerce product titles and shop/archive product links.
   (Nav menu items are handled separately below, via Elementor's own native
   pointer-underline mechanism instead of text-decoration -- see "NAVIGATION
   ACTIVE/HOVER INDICATOR" section -- so they are no longer listed here, to
   avoid stacking two different underline effects on the same element.) */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product a {
	color: #035292;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title:hover,
.woocommerce ul.products li.product a:hover,
.woocommerce ul.products li.product a:focus {
	color: #035292;
	text-decoration: underline;
	text-decoration-color: #F4B41A;
}

/* WooCommerce "Sale!" badge -- confirmed live DOM: <span class="onsale">Sale!</span>,
   produced by WooCommerce core inside the Elementor "Woo - Products" widget.
   Replaces WooCommerce core's default background-color:#958e09 (olive) from
   wp-content/plugins/woocommerce/assets/css/woocommerce.css.
   !important is added on these two properties only, per explicit approval,
   as insurance against any override this investigation did not surface --
   not because a specific higher-specificity conflict was found (exhaustive
   search across all 101 loaded stylesheets plus the homepage's own
   Elementor-generated CSS found none). */
span.onsale,
.onsale {
	background-color: #035292 !important;
	color: #ffffff !important;
}