/**
 * Override di stile.css — va caricato DOPO stile.css.
 * Platform (Salvini) e template :3005.
 */

/* #main_wrapper = stesso bg del body */
[data-template='sitobasic05'] #main_wrapper,
body[data-template='sitobasic05'] #main_wrapper {
  background-color: #f5f5f5 !important;
  background-image: none !important;
}

/* Elenco immobili: stesso bg del body */
[data-template='sitobasic05'] div#immobili-elenco,
[data-template='sitobasic05'] #immobili-elenco {
  background-color: #f5f5f5 !important;
}

/* Footer: colore da pannello (--color-footer-bg), default bianco */
[data-template='sitobasic05'] #footer {
  background-color: var(--color-footer-bg, #222222) !important;
  border-top-color: rgba(255, 255, 255, 0.2) !important;
}

[data-template='sitobasic05'] #footer .wrapper .info h3 {
  color: #fff !important;
  border-bottom-color: rgba(255, 255, 255, 0.35) !important;
}

[data-template='sitobasic05'] #footer .wrapper .info .single-agency span,
[data-template='sitobasic05'] #footer .wrapper .info .single-agency a,
[data-template='sitobasic05'] #footer .wrapper .info .action-menu .col a,
[data-template='sitobasic05'] #footer .wrapper .info .action-menu .col button,
[data-template='sitobasic05'] #footer .wrapper .info span,
[data-template='sitobasic05'] #footer .wrapper .info span a,
[data-template='sitobasic05'] #footer .wrapper .info span b,
[data-template='sitobasic05'] #footer .footer-addresses p {
  color: #f5f5f5 !important;
}

[data-template='sitobasic05'] #footer .wrapper .info .single-agency i,
[data-template='sitobasic05'] #footer .footer-addresses i {
  color: #f5f5f5 !important;
}

[data-template='sitobasic05'] #footer .wrapper .info .single-agency a:hover,
[data-template='sitobasic05'] #footer .wrapper .info .action-menu .col a:hover,
[data-template='sitobasic05'] #footer .wrapper .info .action-menu .col button:hover,
[data-template='sitobasic05'] #footer .wrapper .info span a:hover {
  color: #fff !important;
}

[data-template='sitobasic05'] #footer .wrapper .info .social,
[data-template='sitobasic05'] #footer .footer-social {
  display: flex !important;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: nowrap;
  gap: 10px;
  width: auto;
  margin-top: 4px;
}

[data-template='sitobasic05'] #footer .wrapper .info .social a,
[data-template='sitobasic05'] #footer .footer-social a,
[data-template='sitobasic05'] #footer .info .footer-social a {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  flex: 0 0 36px;
  width: 36px !important;
  height: 36px !important;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 50%;
  background: var(--color-primary, #e0292f) !important;
  color: #fff !important;
  font-size: 0.9rem !important;
  line-height: 1 !important;
  text-decoration: none;
  transition: background-color 0.25s ease;
}

[data-template='sitobasic05'] #footer .wrapper .info .social a i,
[data-template='sitobasic05'] #footer .footer-social a i {
  margin: 0 !important;
  line-height: 1;
  width: auto;
  color: #fff !important;
}

[data-template='sitobasic05'] #footer .wrapper .info .social a:hover,
[data-template='sitobasic05'] #footer .footer-social a:hover {
  background: var(--color-secondary, #591515) !important;
  color: #fff !important;
}

/* Logo footer a colori (annulla filter bianco da CSS basic01 nel bundle platform) */
[data-template='sitobasic05'] #footer .footer-logo,
[data-template='sitobasic05'] #footer .footer-logo img {
  filter: none !important;
}

/* Dettaglio: form contatti non sticky (stile.css lo fissa a top:80px) */
[data-template='sitobasic05'] #right_column form.contactForm.dettaglio {
  position: static !important;
  top: auto !important;
}

/* Vetrina homepage — sfondo trasparente (card in home-blocks.css) */
[data-template='sitobasic05'] #vetrina-outdoor.agim-showcase {
  background: transparent !important;
  background-color: transparent !important;
}

/* Dettaglio: immobili simili in spalla (stile.css nasconde #vetrina-outdoor-mini da 600px+) */
[data-template='sitobasic05'] #right_column #vetrina-outdoor-mini.agim-similar {
  display: block !important;
  background: transparent !important;
  background-color: transparent !important;
}

/* Hero homepage — parity sito-basic-05/template/head_slider.php + scss/head_slider*.scss */
[data-template='sitobasic05'] .head-slider {
  background-image: url('/img/layout.jpg') !important;
  background-size: cover !important;
  background-position: center !important;
  height: 260px !important;
  position: relative !important;
  width: 100% !important;
  z-index: 1 !important;
}

[data-template='sitobasic05'] .head-slider:after {
  content: '' !important;
  position: absolute !important;
  left: 0 !important;
  top: 0 !important;
  width: 100% !important;
  height: 100% !important;
  background-color: rgba(0, 0, 0, 0.5) !important;
  z-index: 1 !important;
  pointer-events: none !important;
}

[data-template='sitobasic05'] .head-slider .wrapper {
  position: relative !important;
  z-index: 2 !important;
  display: flex !important;
  align-items: center !important;
  height: 100% !important;
  flex-wrap: wrap !important;
  align-content: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;
  margin: 0 auto !important;
  padding: 0 20px !important;
}

[data-template='sitobasic05'] .head-slider .wrapper h2 {
  color: #fff !important;
  margin: 0 !important;
  width: 100% !important;
  text-shadow: 1px 1px 1px #000 !important;
  font-size: 23px !important;
  text-align: center !important;
  font-weight: 600 !important;
}

[data-template='sitobasic05'] .head-slider .wrapper p {
  color: #fff !important;
  text-align: center !important;
  width: 100% !important;
  text-shadow: 1px 1px 1px #000 !important;
  font-size: 15px !important;
  margin: 0.75em 0 !important;
}

[data-template='sitobasic05'] .head-slider .wrapper .btn {
  width: auto !important;
  min-width: 12em !important;
  padding: 12px 28px !important;
  text-align: center !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  border-radius: 10px !important;
  margin: auto !important;
  display: inline-block !important;
  background-color: var(--color-primary, #e0292f) !important;
  border: 1px solid var(--color-primary, #e0292f) !important;
  color: #fff !important;
}

[data-template='sitobasic05'] .head-slider .wrapper .btn:hover {
  background-color: #fff !important;
  color: var(--color-primary, #e0292f) !important;
  border-color: var(--color-primary, #e0292f) !important;
}

/* Menu CTA «Lascia una richiesta» */
[data-template='sitobasic05'] #navigation #navigation-standard > li.nav-cta > a span,
[data-template='sitobasic05'] #navigation-standard > li.nav-cta > a span,
[data-template='sitobasic05'] #navigation #navigation-standard > li:last-child > a span,
[data-template='sitobasic05'] #navigation-standard > li:last-child > a span,
[data-template='sitobasic05'] #navigation.fixed #navigation-standard > li.nav-cta > a span,
[data-template='sitobasic05'] #navigation.fixed #navigation-standard > li:last-child > a span {
  font-weight: 500 !important;
}

/* Menu: iniziale maiuscola (override uppercase ereditato da stile.css T3) */
[data-template='sitobasic05'] #navigation #navigation-standard > li > a span,
[data-template='sitobasic05'] #navigation-standard > li > a span,
[data-template='sitobasic05'] #navigation.fixed #navigation-standard > li > a span,
[data-template='sitobasic05'] #navigation #navigation-standard #dropdown-menu a span,
[data-template='sitobasic05'] #navigation #menu-responsive .navigation-mobile a span {
  text-transform: capitalize !important;
}

@media (min-width: 481px) {
  [data-template='sitobasic05'] .head-slider {
    height: 600px !important;
  }

  [data-template='sitobasic05'] .head-slider .wrapper h2 {
    font-size: 3em !important;
  }

  [data-template='sitobasic05'] .head-slider .wrapper p {
    font-size: 1.5em !important;
  }
}

@media (min-width: 1201px) {
  [data-template='sitobasic05'] .head-slider {
    background-attachment: fixed !important;
    height: 750px !important;
  }

  [data-template='sitobasic05'] .head-slider .wrapper {
    justify-content: flex-start !important;
  }

  [data-template='sitobasic05'] .head-slider .wrapper h2 {
    font-size: 60px !important;
    text-align: center !important;
  }

  [data-template='sitobasic05'] .head-slider .wrapper p {
    font-size: 23px !important;
    text-align: center !important;
  }
}

/* Spalla: tasti secondary, larghezza piena (non i bottoni icona del dettaglio) */
[data-template='sitobasic05'] #right_column .banner-container {
  width: 100% !important;
  box-sizing: border-box !important;
}

[data-template='sitobasic05'] #right_column .banner-container:not(.dettaglio) .banner {
  width: 100% !important;
  max-width: 100% !important;
  background-color: var(--color-secondary) !important;
}

[data-template='sitobasic05'] #right_column .banner-container:not(.dettaglio) .banner:hover {
  background-color: var(--color-primary) !important;
}

/* Dettaglio immobile: bottoni condivisione/stampa tutti affiancati */
[data-template='sitobasic05'] #right_column .banner-container.dettaglio {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  gap: 8px !important;
  width: 100% !important;
}

[data-template='sitobasic05'] #right_column .banner-container.dettaglio .banner {
  width: 45px !important;
  max-width: 45px !important;
  min-width: 45px !important;
  height: 45px !important;
  flex: 0 0 45px !important;
  margin: 0 !important;
}

/* Ricerca home — parity sito-basic-05/scss/ricerca1201.scss */
[data-template='sitobasic05'] #content-ric:not(.not-home):not(.ric-vertical) .wrapper #ricerca {
  border-radius: 10px !important;
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.18) !important;
}

@media (min-width: 1090px) {
  [data-template='sitobasic05'] #content-ric:not(.not-home):not(.ric-vertical) .wrapper #ricerca {
    top: -80px;
    width: auto;
  }
}

[data-template='sitobasic05'] #content-ric .wrapper #ricerca form .search-filters .ric_row > input,
[data-template='sitobasic05'] #content-ric .wrapper #ricerca form .search-filters .ric_row > select {
  text-transform: none !important;
}

[data-template='sitobasic05'] #content-ric .wrapper #ricerca form .search-filters .ric_row.submit button[type='submit'] {
  text-transform: uppercase !important;
}

/* Spalla ricerca: niente override aggressivi su #ricerca (rompono Salvini/platform).
   Layout/bg/shadow restano in globals.css (più leggeri). */

/* Pagina servizi — hover primary pieno */
[data-template='sitobasic05'] .servizi-partners__hover {
  background: var(--color-primary) !important;
}

/* Menu mobile — sfondo primary, voci leggibili */
@media (max-width: 999px) {
  [data-template='sitobasic05'] #navigation #menu-responsive .navigation-mobile {
    background-color: var(--color-primary) !important;
    justify-content: flex-start !important;
    align-items: stretch !important;
    padding: 8px 0 !important;
  }

  [data-template='sitobasic05'] #navigation #menu-responsive .navigation-mobile > li {
    width: 100% !important;
  }

  [data-template='sitobasic05'] #navigation #menu-responsive .navigation-mobile > li > a {
    padding: 14px 20px !important;
    color: #fff !important;
  }

  [data-template='sitobasic05'] #navigation #menu-responsive .navigation-mobile > li > a span {
    line-height: 1.4 !important;
    color: #fff !important;
  }

  [data-template='sitobasic05'] #navigation #menu-responsive .navigation-mobile > li > a:hover,
  [data-template='sitobasic05'] #navigation #menu-responsive .navigation-mobile > li > a:focus,
  [data-template='sitobasic05'] #navigation #menu-responsive .navigation-mobile > li > a:active {
    background-color: var(--color-secondary, rgba(0, 0, 0, 0.15)) !important;
  }

  [data-template='sitobasic05'] #navigation #menu-responsive button .hamburger-inner,
  [data-template='sitobasic05'] #navigation #menu-responsive button .hamburger-inner:before,
  [data-template='sitobasic05'] #navigation #menu-responsive button .hamburger-inner:after {
    background-color: var(--color-primary) !important;
  }
}

/* Menu sticky — ultimo bottone sempre primary, testo bianco, senza bordo.
   Specificità >= regola basic04 :not(.nav-logo):not(.whatsapp) che altrimenti forza #333. */
@media (min-width: 1000px) {
  [data-template='sitobasic05'] #navigation.fixed #navigation-standard > li:last-child,
  [data-template='sitobasic05'] #navigation.fixed #navigation-standard > li.nav-cta,
  [data-template='sitobasic05'] #navigation.fixed #navigation-standard > li:last-child:hover,
  [data-template='sitobasic05'] #navigation.fixed #navigation-standard > li.nav-cta:hover,
  [data-template='sitobasic05'] #navigation.fixed #navigation-standard > li:last-child:focus-within,
  [data-template='sitobasic05'] #navigation.fixed #navigation-standard > li.nav-cta:focus-within,
  [data-template='sitobasic05'] #navigation.fixed #navigation-standard > li:last-child:active,
  [data-template='sitobasic05'] #navigation.fixed #navigation-standard > li.nav-cta:active {
    background-color: var(--color-primary) !important;
    border: 0 !important;
  }

  [data-template='sitobasic05'] #navigation.fixed #navigation-standard > li.nav-cta:not(.nav-logo):not(.whatsapp) > a,
  [data-template='sitobasic05'] #navigation.fixed #navigation-standard > li.nav-cta:not(.nav-logo):not(.whatsapp) > a span,
  [data-template='sitobasic05'] #navigation.fixed #navigation-standard > li.nav-cta:not(.nav-logo):not(.whatsapp) > a i,
  [data-template='sitobasic05'] #navigation.fixed #navigation-standard > li.nav-cta:not(.nav-logo):not(.whatsapp):hover > a,
  [data-template='sitobasic05'] #navigation.fixed #navigation-standard > li.nav-cta:not(.nav-logo):not(.whatsapp):hover > a span,
  [data-template='sitobasic05'] #navigation.fixed #navigation-standard > li.nav-cta:not(.nav-logo):not(.whatsapp):hover > a i,
  [data-template='sitobasic05'] #navigation.fixed #navigation-standard > li:last-child:not(.nav-logo):not(.whatsapp) > a,
  [data-template='sitobasic05'] #navigation.fixed #navigation-standard > li:last-child:not(.nav-logo):not(.whatsapp) > a span,
  [data-template='sitobasic05'] #navigation.fixed #navigation-standard > li:last-child:not(.nav-logo):not(.whatsapp) > a i,
  [data-template='sitobasic05'] #navigation.fixed #navigation-standard > li:last-child:not(.nav-logo):not(.whatsapp):hover > a,
  [data-template='sitobasic05'] #navigation.fixed #navigation-standard > li:last-child:not(.nav-logo):not(.whatsapp):hover > a span,
  [data-template='sitobasic05'] #navigation.fixed #navigation-standard > li:last-child:not(.nav-logo):not(.whatsapp):hover > a i {
    color: #ffffff !important;
  }
}
