/* ============================================ */
/* HERO BUTTONS - Solo bottoni specifici */
/* ============================================ */

/* SOLO i bottoni nella hero section */
#root ~ div a[href*="tel:"],
#root ~ div a[href*="preventivo"],
#root ~ div a[href*="contatti"],
.hero a[href*="tel:"],
.hero a[href*="preventivo"],
.hero a[href*="contatti"],
section:first-of-type a[href*="tel:"],
section:first-of-type a[href*="preventivo"],
section:first-of-type a[href*="contatti"] {
  background-color: transparent !important;
  color: rgb(56, 189, 248) !important;
  border: none !important;
  font-weight: 600 !important;
  padding: 0.75rem 1.5rem !important;
  border-radius: 0.5rem !important;
  text-decoration: none !important;
  transition: all 0.2s ease !important;
}

#root ~ div a[href*="tel:"]:hover,
#root ~ div a[href*="preventivo"]:hover,
#root ~ div a[href*="contatti"]:hover,
.hero a[href*="tel:"]:hover,
.hero a[href*="preventivo"]:hover,
.hero a[href*="contatti"]:hover,
section:first-of-type a[href*="tel:"]:hover,
section:first-of-type a[href*="preventivo"]:hover,
section:first-of-type a[href*="contatti"]:hover {
  background-color: rgb(56, 189, 248) !important;
  color: white !important;
}

/* ============================================ */
/* MENU HEADER - Solo link di navigazione principali */
/* ============================================ */

/* Link specifici del menu (per href esatti) */
a[href="/"],
a[href="/idraulico/"],
a[href="/idraulico"],
a[href="/elettricista/"],
a[href="/elettricista"],
a[href="/fabbro/"],
a[href="/fabbro"],
a[href="/caldaie/"],
a[href="/caldaie"],
a[href="/condizionatori/"],
a[href="/condizionatori"],
a[href="/antenne/"],
a[href="/antenne"],
a[href="/serrature/"],
a[href="/serrature"],
a[href="/ristrutturazione/"],
a[href="/ristrutturazione"],
a[href="/imbianchino/"],
a[href="/imbianchino"],
a[href="/tetti/"],
a[href="/tetti"],
a[href="/giardiniere/"],
a[href="/giardiniere"] {
  background-color: transparent !important;
  color: rgb(56, 189, 248) !important;
  border: none !important;
  font-weight: 500 !important;
  text-decoration: none !important;
}

a[href="/"]:hover,
a[href="/idraulico/"]:hover,
a[href="/idraulico"]:hover,
a[href="/elettricista/"]:hover,
a[href="/elettricista"]:hover,
a[href="/fabbro/"]:hover,
a[href="/fabbro"]:hover,
a[href="/caldaie/"]:hover,
a[href="/caldaie"]:hover,
a[href="/condizionatori/"]:hover,
a[href="/condizionatori"]:hover,
a[href="/antenne/"]:hover,
a[href="/antenne"]:hover,
a[href="/serrature/"]:hover,
a[href="/serrature"]:hover,
a[href="/ristrutturazione/"]:hover,
a[href="/ristrutturazione"]:hover,
a[href="/imbianchino/"]:hover,
a[href="/imbianchino"]:hover,
a[href="/tetti/"]:hover,
a[href="/tetti"]:hover,
a[href="/giardiniere/"]:hover,
a[href="/giardiniere"]:hover {
  background-color: rgb(56, 189, 248) !important;
  color: white !important;
  border-radius: 0.375rem !important;
}

/* ============================================ */
/* WHATSAPP - Stile originale forzato */
/* ============================================ */

/* Forza WhatsApp al suo stile originale verde */
a[href*="whatsapp"],
a[href*="wa.me"],
a[href*="api.whatsapp.com"] {
  background-color: #25D366 !important;
  background: #25D366 !important;
  color: white !important;
  border: none !important;
  border-radius: 50px !important;
  padding: 12px 24px !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
}

a[href*="whatsapp"]:hover,
a[href*="wa.me"]:hover,
a[href*="api.whatsapp.com"]:hover {
  background-color: #128C7E !important;
  background: #128C7E !important;
  transform: scale(1.05) !important;
}