/* =====================================================================
   AGAL TECHNOLOGIES — BRAND OVERRIDE (yellow #FFD000 / charcoal #1A1A1A)
   Re-skins the per-page Elementor inline styles (navy/blue/amber system)
   without editing page data. Loaded last; uses !important to beat the
   in-body inline <style> blocks. Fully reversible (delete this file +
   its enqueue). Contrast rule: NEVER yellow text on light backgrounds.
   ===================================================================== */
:root{
  --agal-yellow:#FFD000; --agal-yellow-deep:#F5B800; --charcoal:#1A1A1A;
  --slate:#5B6270; --grey:#9AA0AB; --light:#F5F5F6; --line:#E7E8EB; --white:#fff;
}

/* ---- Eyebrows / kickers: charcoal text on a pale-yellow chip (accessible) ---- */
.ag-eyebrow .elementor-heading-title,
.ag-eyebrow.amber .elementor-heading-title,
.ag-eyebrow.blue .elementor-heading-title,
.ag-eyebrow.green .elementor-heading-title{color:#1A1A1A!important;background:#FFF1B8!important}

/* ---- Headings → charcoal (white stays white on dark) ---- */
.ag-h2 .elementor-heading-title,.ag-h3 .elementor-heading-title{color:#1A1A1A!important}
.ag-h2.light .elementor-heading-title{color:#fff!important}

/* ---- Sub / body text → brand slate; on-dark → light grey ---- */
.ag-sub .elementor-text-editor{color:#5B6270!important}
.ag-sub.light .elementor-text-editor{color:#C7CAD1!important}

/* ---- Service cards: brand borders, yellow hover, yellow icon chip ---- */
.ag-card{border-color:#E7E8EB!important}
.ag-card:hover{border-color:#FFD000!important}
.ag-card .elementor-icon-box-icon{background:#FFD000!important;width:52px!important;height:52px!important;
  border-radius:14px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important}
.ag-card .elementor-icon-box-icon i,.ag-card .elementor-icon-box-icon svg{color:#1A1A1A!important;fill:#1A1A1A!important}
.ag-card .elementor-icon-box-title,.ag-card .elementor-icon-box-title a{color:#1A1A1A!important}
.ag-card.dark{background:rgba(255,255,255,.06)!important;border-color:rgba(255,255,255,.14)!important}
.ag-card.dark .elementor-icon-box-title{color:#fff!important}

/* ---- Process step icons: yellow chip, charcoal glyph ---- */
.ag-step .elementor-icon-box-icon .elementor-icon{background:#FFD000!important}
.ag-step .elementor-icon-box-icon .elementor-icon i,
.ag-step .elementor-icon-box-icon .elementor-icon svg{color:#1A1A1A!important;fill:#1A1A1A!important}

/* ---- FAQ / accordion borders ---- */
.ag-faq .elementor-accordion-item{border-color:#E7E8EB!important}

/* ---- Buttons (native-widget helpers) ---- */
.ag-btn-grad .elementor-button{background:#FFD000!important;color:#1A1A1A!important;
  box-shadow:0 10px 24px rgba(26,26,26,.18)!important}
.ag-btn-grad .elementor-button:hover{background:#F5B800!important;color:#1A1A1A!important}
.ag-btn-white .elementor-button,.ag-btn-white .elementor-button:hover{color:#1A1A1A!important}
/* .ag-btn-wa (WhatsApp) intentionally keeps its #25D366 green */

/* ---- CTA band: charcoal background + yellow accent (keeps white text valid) ---- */
.ag-cta-bg{background:#1A1A1A!important}

/* ---- Big gradient counter numbers → solid charcoal ---- */
.ag-counter .elementor-counter-number-wrapper{background:none!important;
  -webkit-text-fill-color:#1A1A1A!important;color:#1A1A1A!important}

/* ---- Pricing cards ---- */
.agpr .agpr-card{border-color:#E7E8EB!important}
.agpr .agpr-pop{border-color:#FFD000!important;box-shadow:0 18px 44px rgba(245,208,0,.25)!important}
.agpr .agpr-badge{background:#FFD000!important;color:#1A1A1A!important}
.agpr .agpr-name,.agpr .agpr-price{color:#1A1A1A!important}
.agpr .agpr-for{color:#1A1A1A!important;font-weight:700!important}
.agpr .agpr-list li:before{color:#1A1A1A!important}
.agpr .agpr-btn{border-color:#1A1A1A!important;color:#1A1A1A!important}
.agpr .agpr-btn:hover{background:#1A1A1A!important;color:#fff!important}
.agpr .agpr-btn-pop{background:#FFD000!important;color:#1A1A1A!important;border:none!important}
.agpr .agpr-btn-pop:hover{background:#F5B800!important;color:#1A1A1A!important}

/* ---- Static hero (.aghero) → charcoal with yellow accents ---- */
.aghero{background:#1A1A1A!important}
.aghero .aghero-eyebrow,.aghero .aghero-h em,.aghero h1 em,.aghero .aghero-chips b{color:#FFD000!important}
.aghero .aghero-sub{color:#C7CAD1!important}
.aghero .agh-btn{background:#FFD000!important;color:#1A1A1A!important;box-shadow:0 10px 24px rgba(0,0,0,.35)!important}
.aghero .agh-btn.ghost{background:rgba(255,255,255,.1)!important;color:#fff!important}
.aghero .agh-btn.wa{background:#25D366!important;color:#fff!important}
.aghero:after{background:radial-gradient(circle,rgba(255,208,0,.28),transparent 70%)!important}
.aghero:before{background:radial-gradient(circle,rgba(255,208,0,.16),transparent 70%)!important}

/* ---- Rotating home hero (#aghHome) → charcoal with yellow accents ---- */
#aghHome{background:#1A1A1A!important}
#aghHome .s1,#aghHome .s2,#aghHome .s3{background:linear-gradient(135deg,#111111 0%,#1A1A1A 55%,#2A2A2A 100%)!important}
#aghHome .agh-slide:after{background:radial-gradient(circle,rgba(255,208,0,.16),transparent 70%)!important}
#aghHome .agh-eyebrow,#aghHome .agh-amber{color:#FFD000!important}
#aghHome .agh-sub{color:#C7CAD1!important}
#aghHome .agh-btn{background:#FFD000!important;color:#1A1A1A!important}
#aghHome .agh-btn.ghost{background:rgba(255,255,255,.1)!important;color:#fff!important}
#aghHome .agh-dot.is-active{background:#FFD000!important}

/* ---- Cross-link pills ---- */
.aglinks a{border-color:#E7E8EB!important;color:#1A1A1A!important}
.aglinks a:hover{border-color:#FFD000!important}

/* =====================================================================
   §8 BUTTON UTILITIES (brand-standard) + focus rings (§7)
   ===================================================================== */
.btn{font-family:'Poppins',system-ui,sans-serif;font-weight:600;font-size:15px;padding:13px 24px;
  border-radius:12px;display:inline-flex;align-items:center;gap:8px;cursor:pointer;
  border:2px solid transparent;transition:.15s;text-decoration:none;line-height:1}
.btn-primary{background:#FFD000;color:#1A1A1A}
.btn-primary:hover{background:#F5B800}
.btn-secondary{background:transparent;color:#1A1A1A;border-color:#1A1A1A}
.btn-secondary:hover{background:#1A1A1A;color:#fff}

a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,
.elementor-button:focus-visible,.agh-btn:focus-visible,.agpr-btn:focus-visible,.ag-cta-btn:focus-visible,
.menu-item a:focus-visible{outline:3px solid #F5B800!important;outline-offset:2px!important}