/* Wasla WhatsApp Branding v2.3.8
 * Scoped ONLY to Core's existing .mep-global-whatsapp anchor.
 * Loaded after Wasla Assets & CTA v1.1.0 (which previously forced green).
 * No links, phone settings, site colors, header styles or unrelated CTAs change.
 */
:root {
  --wasla-wa-navy: #0B2545;
  --wasla-wa-gold: #FBCD07;
}
body a.mep-global-whatsapp,
body.wasla-wa-enhanced a.mep-global-whatsapp {
  background-color: var(--wasla-wa-navy) !important;
  color: #FFFFFF !important;
  border: 2px solid var(--wasla-wa-gold) !important;
  box-sizing: border-box;
  box-shadow: 0 8px 24px rgba(11, 37, 69, .27) !important;
  text-decoration: none !important;
  transition: background-color .18s ease, box-shadow .18s ease, transform .18s ease;
}
body a.mep-global-whatsapp:hover,
body a.mep-global-whatsapp:focus,
body.wasla-wa-enhanced a.mep-global-whatsapp:hover,
body.wasla-wa-enhanced a.mep-global-whatsapp:focus {
  background-color: #14365E !important;
  color: #FFFFFF !important;
  border-color: var(--wasla-wa-gold) !important;
  box-shadow: 0 12px 29px rgba(11, 37, 69, .32) !important;
}
body a.mep-global-whatsapp:focus-visible,
body.wasla-wa-enhanced a.mep-global-whatsapp:focus-visible {
  outline: 3px solid var(--wasla-wa-gold) !important;
  outline-offset: 3px !important;
}
/* Core link stays present; Wasla Assets plugin adds the same small SVG when enabled. */
body.wasla-wa-enhanced a.mep-global-whatsapp .wasla-wa-icon svg {
  stroke: var(--wasla-wa-gold) !important;
  fill: none;
}
/* Do not override Core's cookie-consent hiding rule or WPML LTR/RTL position. */
@media (max-width: 767px) {
  body a.mep-global-whatsapp,
  body.wasla-wa-enhanced a.mep-global-whatsapp {
    border-width: 2px !important;
    box-shadow: 0 6px 20px rgba(11, 37, 69, .26) !important;
  }
  /* Preserve native WA fallback if the optional plugin enhancement is disabled. */
  body:not(.wasla-wa-enhanced) a.mep-global-whatsapp::before {
    color: var(--wasla-wa-gold) !important;
  }
}
@media (prefers-reduced-motion: reduce) {
  body a.mep-global-whatsapp {
    transition: none !important;
    transform: none !important;
  }
}