/*
Theme Name:   ARC Commercial Agencies
Theme URI:    https://arc-commercial.com
Description:  ARC child theme — brand fixes, SEO, WhatsApp button, footer cleanup. Built for Astra + Elementor.
Author:       ARC Commercial Agencies
Template:     astra
Version:      1.0.0
Text Domain:  arc-child
*/

/* ================================================================
   ARC COMMERCIAL AGENCIES — ASTRA CHILD THEME
   Parent: Astra | Builder: Elementor | Forms: WPForms
   ================================================================ */

:root {
  --arc-red:    #C23B3B;
  --arc-dark:   #2C2C2C;
  --arc-gray:   #5A5A5A;
  --arc-light:  #F4F4F4;
  --arc-border: #E0E0E0;
  --arc-teal:   #00969B;
}

/* ── 1. ASTRA: NAV ACTIVE ITEM IN ARC RED ─────────────────── */
.ast-builder-menu-1 .menu-item.current-menu-item > a,
.main-header-menu .menu-item.current-menu-item > a,
.ast-builder-menu-1 .menu-item.current-menu-ancestor > a,
.elementor-nav-menu .elementor-item.elementor-item-active {
  color: var(--arc-red) !important;
}

/* ── 2. HIDE FOOTER TEMPLATE "#" LINKS ────────────────────── */
footer a[href="#"],
.ast-footer-widget-area a[href="#"],
[class*="footer"] a[href="#"] {
  display: none !important;
}

/* ── 3. ASTRA FOOTER BACKGROUND ───────────────────────────── */
.ast-footer-overlay,
#colophon,
footer.site-footer,
.footer-widget-area {
  background-color: var(--arc-dark) !important;
}
#colophon a,
.footer-widget-area a {
  color: #cccccc;
  text-decoration: none;
  transition: color .2s;
}
#colophon a:hover,
.footer-widget-area a:hover {
  color: var(--arc-red);
}

/* ── 4. LOGO SIZING IN ASTRA ──────────────────────────────── */
.ast-site-logo img,
.custom-logo,
.site-logo img {
  max-height: 65px !important;
  width: auto !important;
}

/* ── 5. DIM BROKEN "#" BUTTONS SITEWIDE ──────────────────── */
.elementor-button[href="#"],
.elementor-widget-button a[href="#"],
.wp-block-button a[href="#"] {
  opacity: 0.45;
  pointer-events: none;
  text-decoration: line-through !important;
}

/* ── 6. WHATSAPP FLOATING BUTTON ─────────────────────────── */
.arc-wa {
  position: fixed !important;
  bottom: 28px;
  right: 28px;
  width: 54px;
  height: 54px;
  background: #25D366;
  border-radius: 50%;
  display: flex !important;
  align-items: center;
  justify-content: center;
  z-index: 99999;
  box-shadow: 0 4px 16px rgba(37,211,102,.4);
  text-decoration: none !important;
  transition: transform .2s, box-shadow .2s;
  opacity: 1 !important;
  pointer-events: all !important;
  cursor: pointer;
}
.arc-wa:hover {
  transform: scale(1.1);
  box-shadow: 0 6px 22px rgba(37,211,102,.55);
}
.arc-wa svg {
  width: 28px;
  height: 28px;
  fill: #fff;
  display: block;
}
.arc-wa::after {
  content: "Chat with us";
  position: absolute;
  right: 62px;
  background: #1a1a1a;
  color: #fff;
  font-size: 11px;
  font-family: sans-serif;
  padding: 5px 12px;
  border-radius: 5px;
  white-space: nowrap;
  opacity: 0;
  pointer-events: none;
  transition: opacity .2s;
}
.arc-wa:hover::after { opacity: 1; }

/* ── 7. ASTRA STATS BAR (shortcode [arc_stats]) ──────────── */
.arc-stats-bar {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 40px;
  padding: 48px 20px;
  background: var(--arc-light);
  border-top: 3px solid var(--arc-red);
}
.arc-stat { text-align: center; }
.arc-stat-number {
  font-size: 48px;
  font-weight: 800;
  color: var(--arc-red);
  line-height: 1;
  font-family: inherit;
}
.arc-stat-label {
  font-size: 11px;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  color: var(--arc-gray);
  margin-top: 6px;
}

/* ── 8. TRUST BAR (shortcode [arc_trust_bar]) ─────────────── */
.arc-trust-bar {
  background: var(--arc-light);
  padding: 20px 0;
  border-top: 1px solid var(--arc-border);
  border-bottom: 1px solid var(--arc-border);
  text-align: center;
}
.arc-trust-bar .arc-trust-label {
  font-size: 11px;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: var(--arc-gray);
  margin-bottom: 14px;
}
.arc-trust-bar .arc-trust-logos {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 28px;
}
.arc-trust-bar .arc-trust-logos span {
  font-size: 12px;
  font-weight: 700;
  color: var(--arc-gray);
  letter-spacing: 1px;
  padding: 5px 12px;
  border: 1px solid var(--arc-border);
  border-radius: 3px;
}
.arc-trust-bar .arc-trust-logos span.vf { color: var(--arc-red); border-color: #f0c0c0; }

/* ── 9. SOLUTION CARDS: REQUEST QUOTE CTA ─────────────────── */
.arc-quote-btn {
  display: inline-block;
  background: var(--arc-red);
  color: #fff !important;
  padding: 10px 24px;
  border-radius: 4px;
  font-size: 13px;
  font-weight: 700;
  text-decoration: none !important;
  transition: background .2s;
  letter-spacing: .3px;
}
.arc-quote-btn:hover { background: #a02f2f; }

/* ── 10. MOBILE ───────────────────────────────────────────── */
@media (max-width: 768px) {
  .arc-wa { width: 48px; height: 48px; bottom: 16px; right: 16px; }
  .arc-wa::after { display: none; }
  .arc-stats-bar { gap: 24px; padding: 32px 16px; }
  .arc-stat-number { font-size: 36px; }
}