/* EFFETTO 3D UNIFICATO DEL SITO
   Per modificare tutto il 3D in un solo punto, cambiare solo queste variabili. */
:root{
  --site-3d-border: 1px solid #173b67;
  --site-3d-radius: 14px;
  --site-3d-shadow:
    6px 6px 0 rgba(23,59,103,.20),
    6px 6px 16px rgba(20,40,70,.28),
    inset 0 2px 0 rgba(255,255,255,.78),
    inset -2px 0 0 rgba(23,59,103,.12);
}

/* Contenitori principali / "tabelle" */
.site-table,
.page-hero,
.contact-page,
.detail-card,
.contract-box,
.info-box,
.contact-card,
.contact-hours,
.contact-map,
.service-card,
.help-card,
.section-card{
  border:var(--site-3d-border) !important;
  border-radius:var(--site-3d-radius) !important;
  box-shadow:var(--site-3d-shadow) !important;
}

/* Non applicare il bordo 3D al banner dei loghi o alla barra di navigazione. */
.brand-row,
.brand-logo-top,
.main-nav{
  box-shadow:none !important;
  border:0 !important;
}

/* Le card interne mantengono il loro contenuto e le immagini senza alterazioni. */
.service-card img,
.help-card img,
.detail-card img{
  border-radius:0 !important;
}

@media(max-width:700px){
  .site-table,
  .page-hero,
  .contact-page,
  .detail-card,
  .contract-box,
  .info-box,
  .contact-card,
  .contact-hours,
  .contact-map,
  .service-card,
  .help-card,
  .section-card{
    box-shadow:var(--site-3d-shadow) !important;
  }
}


/* DISTANZA UNIFICATA DELLE TABELLE/CARD CON IMMAGINI DAI BORDI DEL CONTENITORE PRINCIPALE */
.store-grid,
.help-grid,
.detail-grid{
  margin-left:10px !important;
  margin-right:10px !important;
}

@media(max-width:700px){
  .store-grid,
  .help-grid,
  .detail-grid{
    margin-left:8px !important;
    margin-right:8px !important;
  }
}


/* DISTACCO UNIFICATO DI TUTTE LE SEZIONI RETTANGOLARI
   nelle pagine SERVIZI NEGOZIO e ASSISTENZA A DOMICILIO.
   Modificando --site-inner-gap si cambia tutto insieme. */
:root{
  --site-inner-gap:10px;
}

.page-wrap > .page-hero,
.page-wrap > .detail-grid,
.page-wrap > .contract-box,
.page-wrap > .info-box{
  margin-left:var(--site-inner-gap) !important;
  margin-right:var(--site-inner-gap) !important;
}

@media(max-width:700px){
  :root{
    --site-inner-gap:8px;
  }
}

/* Colori pulsanti navigazione/azione */
.contact-action,
.contact-actions a,
.page-actions a,
a[href*="assistenza-domicilio"],
a[href*="index.html"] {
  transition: filter .15s ease, transform .15s ease;
}
.contact-action,
.contact-actions a,
.page-actions a {
  background:#0b3f78 !important;
  color:#fff !important;
}
.page-actions a[href*="index.html"],
.contact-actions a[href*="index.html"],
a.home-button,
a[href$="index.html"] {
  background:#ff4a00 !important;
  color:#fff !important;
}