/*
Theme Name: ebreeze new
Version: 1.0
Description: A child theme of Customizr
Author: admin
Template: customizr
*/


/* =========================================================
   SLIDER - Sposta caption (move to top-left)
   ========================================================= */
.carousel-caption{
  position: relative;   /* posizionamento relativo */
  top: -100px;          /* 0px è top dell’elemento */
  left: -10%;           /* 0% è il lato sinistro */
}

/* =========================================================
   MENU - Submenu in hover (dropdown on mouse hover)
   ========================================================= */
ul.nav li.dropdown:hover > ul.dropdown-menu{
  display: block;       /* mostra il dropdown */
  margin: 0;            /* reset margini */
}

/* =========================================================
   FOOTER - Stile base (già presente nel file originale)
   ========================================================= */
footer#footer{
  background: none repeat scroll 0 0 #373748; /* colore footer */
  border-top: 8px solid #FFFFFF;              /* bordo superiore */
  color: #FFFFFF !important;                  /* testo bianco */
  padding: 0;                                 /* padding footer */
}

/* Testo footer: font-size e allineamento */
footer#footer p,
footer#footer a{
  padding: 0px;        /* niente padding */
  font-size: 1em;      /* dimensione testo */
  text-align: center;  /* centratura */
  line-height: 1.2em;  /* interlinea */
}

/* Titoli footer */
footer#footer h3{
  font-size: 1em;      /* dimensione titolo */
  line-height: 1.2em;  /* interlinea */
}

/* =========================================================
   VARIE - Featurette divider
   ========================================================= */
.featurette-divider{
  margin-top: 1px;     /* margine superiore */
  margin-right: 0px;   /* margine destro */
  margin-bottom: 1px;  /* margine inferiore */
  margin-left: 0px;    /* margine sinistro */
  clear: both;         /* pulizia float */
}

/* =========================================================
   HEADER - Social Icons
   ========================================================= */
.navbar-inner .social-block{
  font-size: 1.4em;    /* dimensione icone */
}

/* =========================================================
   SEO - Nasconde descrizione sito ma la mantiene nel DOM
   ========================================================= */
.navbar-wrapper .navbar .site-description{
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px);
}

/* =========================================================
   SLIDER - Nasconde su smartphone (tutte le pagine, <=480px)
   ========================================================= */
@media (max-width: 480px){
  div#customizr-slider.carousel{
    display: none;     /* nasconde slider */
  }
}

/* =========================================================
   TABELLE - Stile globale (attenzione: impatta tutte le tabelle)
   ========================================================= */
table{
  border-top-width: 5px;                      /* bordo alto */
  border-top-style: solid;                    /* stile bordo alto */
  border-top-color: rgba(0, 136, 204, 0.5);   /* colore bordo alto */
  border-bottom-width: 5px;                   /* bordo basso */
  border-bottom-style: solid;                 /* stile bordo basso */
  border-bottom-color: rgba(0, 136, 204, 0.5);/* colore bordo basso */
  border-collapse: collapse;                  /* collassa bordi */
  border-spacing: 0px;                        /* no spacing */
  font-size: 14px;                            /* font base */
  line-height: 2;                             /* interlinea */
  margin: 0 0 20px 0;                         /* margini */
  width: 100%;                                /* larghezza piena */
}

/* Tabella #t01: senza border top */
table#t01{
  border-bottom-width: 5px;                   /* bordo basso */
  border-bottom-style: solid;                 /* stile bordo basso */
  border-bottom-color: rgba(0, 136, 204, 0.5);/* colore bordo basso */
  border-collapse: collapse;                  /* collassa bordi */
  border-spacing: 0px;                        /* no spacing */
  font-size: 14px;                            /* font base */
  line-height: 2;                             /* interlinea */
  margin: 0 0 20px 0;                         /* margini */
  width: 100%;                                /* larghezza piena */
}

/* =========================================================
   PAGINA “CHI SIAMO” - nasconde titolo (page-id-21)
   ========================================================= */
.page-id-21 .entry-title{
  display: none;                              /* nasconde titolo */
}

/* =========================================================
   HOME - Footer widgets (sezione solo Home)
   ========================================================= */
.home-footer-widgets{
  max-width: 1100px;                          /* larghezza max */
  margin: 24px auto 0;                        /* centratura */
  padding: 16px;                              /* padding */
}
.home-footer-widgets .home-footer-widget{
  margin: 0;                                  /* reset margini */
}
@media (min-width: 992px){
  .home-footer-widgets{
    display: grid;                            /* griglia */
    grid-template-columns: repeat(3, 1fr);    /* 3 colonne */
    gap: 18px;                                /* spazio */
    align-items: start;                       /* allineamento */
  }
}

/* Titoli widget (solo Home Footer Widgets) */
.home-footer-widgets .widget-title,
.home-footer-widgets .home-footer-title{
  font-size: 16px;                            /* dimensione */
  line-height: 1.2;                           /* interlinea */
  margin: 0 0 10px 0;                         /* margini */
}

/* Titolo widget centrale */
.home-footer-widgets .home-footer-widget:nth-child(2) .widget-title{
  text-align: center;                         /* centratura */
}

/* Se usi headings Gutenberg dentro i widget */
.home-footer-widgets .wp-block-heading{
  text-align: center;                         /* centratura */
}

/* =========================================================
   PAGINE - Nasconde navigazione prev/next SOLO nelle pagine
   ========================================================= */
body.page .post-navigation,
body.page .navigation.post-navigation,
body.page nav.post-navigation,
body.page nav.navigation.post-navigation,
body.page nav[aria-label*="articoli" i],
body.page nav[aria-label*="Articoli" i],
body.page #nav-below,
body.page #nav-above,
body.page .czr-post-navigation,
body.page .entry-navigation{
  display: none !important;
  height: 0 !important;
  overflow: hidden !important;
}

/* =========================================================
   FOOTER - Rimuove fascia crediti chiara (senza cambiare #footer)
   ========================================================= */
#colophon,
.site-info,
.footer-credits,
.czr-footer__credits,
.czr-credits{
  display: none !important;                   /* nasconde crediti */
}

/* =========================================================
   HOME - Slider Customizr: nasconde SOLO su mobile (solo Home)
   ========================================================= */
@media (max-width: 768px){
  body.home #customizr-slider,
  body.home .tc-slider,
  body.home .czr-slider,
  body.home .carousel{
    display: none !important;                 /* nasconde slider Home */
  }
}

/* =========================================================
   HOME - Intro negozi (iniettato da functions.php)
   ========================================================= */
.home-stores-intro{
  text-align: center;                         /* centratura */
  margin: 0 0 18px 0;                         /* margine */
}
.home-intro-title{
  color: #333;                                /* colore */
  margin: 0 0 12px 0;                         /* margine */
}
.home-store{
  margin: 0 0 14px 0;                         /* margine */
}
.home-store-title{
  color: #333;                                /* colore */
  margin: 0 0 6px 0;                          /* margine */
}

/* Orari (blu) */
.home-store-hours{
  color: #005580;                             /* blu */
  font-weight: 700;                           /* grassetto */
  font-size: 1.7em;                           /* grande */
  margin: 0 0 6px 0;                          /* margine */
}

/* Note/chiusura (rosso) */
.home-store-note{
  color: #ff0000;                             /* rosso */
  font-weight: 700;                           /* grassetto */
  font-size: 1.4em;                           /* grande */
  margin: 0 0 10px 0;                         /* margine */
}
.home-store-note a{
  color: #ff0000;                             /* rosso */
  text-decoration: underline;                 /* sottolineatura */
}

/* =========================================================
   HOME - Classi “pulizia” contenuti
   ========================================================= */
.home-blue-strong{
  color: #19338f;                             /* blu scuro */
  font-weight: 700;                           /* grassetto */
  font-size: 1.62em;                          /* desktop */
  line-height: 1.4;                           /* interlinea */
  margin: 0 0 12px 0;                         /* margine */
}
@media (max-width: 768px){
  .home-blue-strong{
    font-size: 1.32em;                        /* mobile */
    line-height: 1.32;                        /* interlinea */
    margin: 0 0 10px 0;                       /* margine */
  }
}
@media (min-width: 992px){
  .home-blue-strong{
    padding-left: 28px;                       /* bilanciamento */
    padding-top: 7px;                         /* respiro */
  }
}

.home-block-2{
  font-size: 1.25em;                          /* dimensione */
  line-height: 1.4;                           /* interlinea */
}
.home-big{
  font-size: 1.18em;                          /* dimensione */
  line-height: 1.45;                          /* interlinea */
}
.home-link-blue{
  color: #005580;                             /* blu link */
}
.home-cta-red{
  color: #ff0000;                             /* rosso */
  font-weight: 700;                           /* grassetto */
  font-size: 1.25em;                          /* dimensione */
  margin: 12px 0;                             /* margine */
}
.home-cta-red a{
  color: #ff0000;                             /* rosso */
  text-decoration: underline;                 /* sottolineatura */
}
.home-block-2-big{
  font-size: 1.36em;                          /* più grande */
  line-height: 1.45;                          /* interlinea */
}

/* Fix “icone/segni” su link immagine (solo se metti la classe al link) */
a.home-img-only,
a.home-image-link{
  display: inline-block;                      /* inline block */
  text-decoration: none !important;           /* no underline */
  border: 0 !important;                       /* no border */
  background: none !important;                /* no bg */
  box-shadow: none !important;                /* no shadow */
}
a.home-img-only::before,
a.home-img-only::after,
a.home-image-link::before,
a.home-image-link::after{
  content: none !important;                   /* niente pseudo */
  display: none !important;                   /* nasconde */
}

/* =========================
   ORARI DI APERTURA - STILI
   ========================= */
.orari-wrap{ max-width:980px; margin:0 auto; }
.orari-wrap h1{ margin:0 0 12px; }
.orari-note{ margin:0 0 18px; }
.orari-figure{ margin:18px 0 24px; }
.orari-figure img{ width:100%; height:auto; display:block; border-radius:8px; }
.orari-figure figcaption{ font-size:14px; opacity:.8; margin-top:8px; }
.orari-box{ padding:16px; border:1px solid rgba(0,0,0,.10); border-radius:10px; }
.orari-box h2{ margin:0 0 10px; font-size:20px; }
.orari-table{ width:100%; border-collapse:collapse; margin:10px 0 0; }
.orari-table th, .orari-table td{
  padding:10px;
  border:0 !important;                        /* evita stile tabella globale */
  text-align:left;
  vertical-align:top;
}
.orari-table th{ width:38%; }
.orari-table tr{ border-bottom:1px solid rgba(0,0,0,.10); }
.orari-table tr:last-child{ border-bottom:0; }
.orari-spacer{ height:14px; }

/* =========================
   HUB "I NOSTRI NEGOZI" - LAYOUT
   ========================= */
.negozi-hub{ max-width:980px; margin:0 auto; }
.negozi-grid{ display:grid; grid-template-columns:1fr; gap:18px; }
@media (min-width: 860px){
  .negozi-grid{ grid-template-columns:1fr 1fr; }
}
.negozio-card{
  border:1px solid rgba(0,0,0,.10);
  border-radius:12px;
  overflow:hidden;
  background:#fff;
}
.negozio-card img{ width:100%; height:auto; display:block; }
.negozio-body{ padding:16px; }
.negozio-card h2{ margin:0 0 10px; font-size:20px; }
.negozio-meta{ margin:0 0 14px; padding-left:18px; }

.negozio-cta{ display:flex; flex-wrap:wrap; gap:10px; }
.negozio-cta a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:10px 12px;
  border-radius:10px;
  text-decoration:none;
  line-height:1;
  transition:transform .08s ease, opacity .08s ease;
}
.negozio-cta a:hover{ transform:translateY(-1px); opacity:.95; }
.negozio-cta a.is-primary{ background:#111; color:#fff; border:1px solid #111; font-weight:600; }
.negozio-cta a.is-secondary{ background:transparent; color:#111; border:1px solid rgba(0,0,0,.25); }
.negozio-cta a.is-tertiary{ background:rgba(0,0,0,.04); color:#111; border:1px solid rgba(0,0,0,.10); }

.negozi-hub .hub-footer{ margin-top:18px; }

/* Link cover HUB (immagine cliccabile) */
.negozio-cover{
  display:block;                                  /* area cliccabile piena */
  text-decoration:none;                           /* no underline */
}

/* =========================
   PAGINE SEDE - "DOVE SIAMO"
   ========================= */
.store-wrap{ max-width:980px; margin:0 auto; }
.store-card{
  border:1px solid rgba(0,0,0,.10);
  border-radius:12px;
  padding:16px;
  margin:16px 0;
}
.store-cta{ display:flex; flex-wrap:wrap; gap:10px; margin-top:12px; }
.store-cta a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:10px 12px;
  border-radius:10px;
  text-decoration:none;
  line-height:1;
  transition:transform .08s ease, opacity .08s ease;
}
.store-cta a:hover{ transform:translateY(-1px); opacity:.95; }
.store-cta a.is-primary{ background:#111; color:#fff; border:1px solid #111; font-weight:600; }
.store-cta a.is-secondary{ background:transparent; color:#111; border:1px solid rgba(0,0,0,.25); }
.store-cta a.is-tertiary{ background:rgba(0,0,0,.04); color:#111; border:1px solid rgba(0,0,0,.10); }

.store-gallery{ display:grid; grid-template-columns:1fr; gap:12px; margin-top:12px; }
@media (min-width: 860px){
  .store-gallery{ grid-template-columns:1fr 1fr; }
}
.store-gallery img{ width:100%; height:auto; display:block; border-radius:10px; }

/* =========================
   MAPPA LIGHT (immagine cliccabile)
   ========================= */
.map-light{
  display:block;
  position:relative;
  border-radius:12px;
  overflow:hidden;
  text-decoration:none;
}
.map-light img{ width:100%; height:auto; display:block; }
.map-light-badge{
  position:absolute;
  left:12px;
  bottom:12px;
  background:rgba(17,17,17,.92);
  color:#fff;
  padding:10px 12px;
  border-radius:10px;
  font-weight:600;
}
.map-light:hover .map-light-badge{ opacity:.95; }

/* =========================
   COME ARRIVARE - blocco unico (testo + mini mappa)
   ========================= */
.arriva-card{ display:grid; grid-template-columns:1fr; gap:12px; }
@media (min-width: 860px){
  .arriva-card{ grid-template-columns:2fr 1fr; align-items:center; }
}
.arriva-card .arriva-text{ font-size:20px; line-height:1.55; }
.arriva-card .arriva-text ul{ margin:0; padding-left:18px; }

/* =========================
   VIDEO - wrapper responsive + griglia due video
   ========================= */
.video-embed{
  position:relative;
  padding-top:56.25%;                             /* 16:9 */
  height:0;
  overflow:hidden;
  border-radius:12px;
}
.video-embed iframe{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  border:0;
}
.videos-grid{ display:grid; grid-template-columns:1fr; gap:16px; }
@media (min-width: 860px){
  .videos-grid{ grid-template-columns:1fr 1fr; }
}
.video-caption{ margin-top:10px; font-size:16px; line-height:1.45; opacity:.95; }