/* === Aesthetic improvements (Fase polish 2026-04-29) === */

/* 1. Footer: rimuovi background acceso su menu items + standardizza tipografia */
.footer-details .widget_nav_menu .menu li,
.footer-details .widget_nav_menu .menu li a,
.footer-details .menu li,
.footer-details .menu li.current_page_item,
.footer-details .menu li.current-menu-item,
.footer-details ul.menu > li {
  background: none !important;
  background-color: transparent !important;
  border-radius: 0 !important;
}
.footer-details h3.widget-title,
.footer-details .widget-title,
.footer-details .wp-block-heading,
.footer-details aside.widget h3 {
  color: #fff !important;
  background: none !important;
  background-color: transparent !important;
  background-image: none !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  margin-bottom: 16px !important;
  font-family: Inter, system-ui, sans-serif !important;
  font-weight: 700 !important;
  font-size: 13px !important;
  letter-spacing: 1.2px !important;
  text-transform: uppercase !important;
  display: block !important;
  width: auto !important;
}
.footer-details .menu li,
.footer-details .menu li a,
.footer-details .widget p,
.footer-details .widget a {
  font-family: Inter, system-ui, sans-serif !important;
  font-size: 14px !important;
  line-height: 1.7 !important;
}
.footer-details .menu li a,
.footer-details .widget a {
  color: rgba(255,255,255,0.72) !important;
  text-decoration: none !important;
  transition: color .15s ease !important;
}
.footer-details .menu li a:hover,
.footer-details .widget a:hover {
  color: #fff !important;
}
.footer-details .widget p {
  color: rgba(255,255,255,0.65) !important;
}

/* Footer top: SEDE/TELEFONO/EMAIL icons più visibili */
.footer-contact-details i,
.footer-git-block i {
  color: rgba(255,255,255,0.85) !important;
}
.footer-contact-details .headre-contact-title,
.footer-git-block .headre-contact-title {
  color: rgba(255,255,255,0.5) !important;
  font-size: 11px !important;
  letter-spacing: 1.4px !important;
  text-transform: uppercase !important;
  font-family: Inter, sans-serif !important;
  font-weight: 600 !important;
}
.footer-contact-details .footer-contact-text,
.footer-git-block .footer-contact-text {
  color: #fff !important;
  font-weight: 500 !important;
  font-family: Inter, sans-serif !important;
}

/* Footer-socket bottom strip: rendi link visibili */
.footer-socket-wrapper,
.footer-socket-area,
.copyright,
.copyright-text {
  font-family: Inter, sans-serif !important;
  font-size: 12px !important;
  color: rgba(255,255,255,0.45) !important;
}
.footer-socket-wrapper a,
.copyright a,
.copyright-text a {
  color: rgba(255,255,255,0.65) !important;
  text-decoration: none !important;
}
.footer-socket-wrapper a:hover,
.copyright a:hover {
  color: #fff !important;
}

/* 2. Layout 3 cards "canali diretti" /contattaci: forza 3 col da tablet+ */
@media (min-width: 900px) {
  .gx-container-narrow .gx-cards-3,
  .gx-container-narrow .gx-cards-flat {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

/* 3. Hover lift su tutte le cards */
.gx-card,
.gx-cards-flat .gx-flat,
.gx-team-card,
.gx-split-item {
  transition: transform .25s cubic-bezier(0.4, 0, 0.2, 1), box-shadow .25s cubic-bezier(0.4, 0, 0.2, 1), border-color .2s ease !important;
}
.gx-card:hover,
.gx-cards-flat .gx-flat:hover,
.gx-team-card:hover,
.gx-split-item:hover {
  transform: translateY(-3px) !important;
  box-shadow: 0 10px 28px rgba(15,37,69,0.10) !important;
  border-color: var(--gx-navy, #0f2545) !important;
}

/* 4. Bottoni: stato active + focus ring */
.gx-btn:active {
  transform: translateY(1px) !important;
}
.gx-btn-primary:focus-visible,
.gx-btn-ghost:focus-visible {
  outline: 3px solid rgba(15,37,69,0.25) !important;
  outline-offset: 2px !important;
}

/* 5. Form input focus più morbido */
.gx-form-input:focus {
  outline: none !important;
  border-color: var(--gx-navy, #0f2545) !important;
  box-shadow: 0 0 0 4px rgba(15, 37, 69, 0.1) !important;
}

/* 6. Bottone "Invia richiesta" auto-width invece di banner */
button#cf-submit {
  width: auto !important;
  display: inline-flex !important;
  padding: 14px 32px !important;
}

/* 7. Cards 6 services: posizionamento icona SVG */
.gx-flat-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  background: var(--gx-bg-alt, #f7f8fa);
  border-radius: 8px;
  margin-bottom: 18px;
  color: var(--gx-navy, #0f2545);
}
.gx-flat-icon svg { width: 22px; height: 22px; }

/* 8. Hero split layout (home) */
.gx-hero-split {
  display: grid;
  grid-template-columns: 1.4fr 1fr;
  gap: 56px;
  align-items: center;
  max-width: 1200px;
  margin: 0 auto;
}
.gx-hero-split .gx-hero-inner { max-width: none; }
.gx-hero-img-wrap {
  position: relative;
  border-radius: 8px;
  overflow: hidden;
  aspect-ratio: 4/3;
  background: var(--gx-bg-alt, #f7f8fa);
  border: 1px solid var(--gx-border, #e5e7eb);
}
.gx-hero-img-wrap img { width: 100%; height: 100%; object-fit: cover; display: block; }
@media (max-width: 900px) {
  .gx-hero-split { grid-template-columns: 1fr; gap: 32px; }
  .gx-hero-img-wrap { aspect-ratio: 16/10; max-width: 480px; margin: 0 auto; }
}

/* 9. Team card: avatar iniziali */
.gx-team-avatar {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--gx-navy, #0f2545), var(--gx-navy-2, #14315a));
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-family: Inter, sans-serif;
  font-weight: 700;
  font-size: 22px;
  letter-spacing: 0.5px;
  margin-bottom: 18px;
}

/* 10. Ridurre overhead "Servizi" widget background nei vari template wp */
.footer-details .widget,
.footer-details .widget_nav_menu {
  background: none !important;
}
.footer-details ul.menu li:hover {
  background: none !important;
}

/* 11. Fix loghi clienti gx-brands: min-width per evitare lazy-load loop con width:auto */
.gx-brands-row img {
  min-width: 90px !important;
}