/*
Theme Name: Repower
Template: Divi
*/

/* Importa lo stile del tema genitore */
@import url("../Divi/style.css");

     




.d3-responsive-wrapper {
    width: 100%;
    position: relative;
    display: block;
    margin: 2rem 0;
}

/* Il contenitore deve poter ospitare il nuovo formato */
.d3-chart-container {
    width: 100%;
    max-width: 1200px; /* Limite massimo di larghezza */
    margin: 0 auto;
    display: block;
    /* Rimuovi eventuali 'height: 400px' se presenti! */
}

/* Forza l'SVG interno a prendersi tutto lo spazio del div */
.d3-chart-container svg {
    display: block;
    width: 100%;
    height: auto;
}



#et-boc .area-outer-wrap>[data-da-area] {

    height: auto;
 
}
 
/* LIGHT - W3 */
@font-face {
    font-family: 'TheMixB';
    src: url('fonts/TheMixB-W3Light-caaf02b8.woff2') format('woff2'),
         url('fonts/TheMixB-W3Light-1a66f00d.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'TheMixB';
    src: url('fonts/TheMixB-W3LightItalic-663d6e7a.woff2') format('woff2'),
         url('fonts/TheMixB-W3LightItalic-927bc41a.woff') format('woff');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

/* PLAIN (REGULAR) - W5 */
@font-face {
    font-family: 'TheMixB';
    src: url('fonts/TheMixB-W5Plain-276f412d.woff2') format('woff2'),
         url('fonts/TheMixB-W5Plain-b2d2b876.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'TheMixB';
    src: url('fonts/TheMixB-W5PlainItalic-8b44b53b.woff2') format('woff2'),
         url('fonts/TheMixB-W5PlainItalic-28c77e5f.woff') format('woff');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

/* BOLD - W7 */
@font-face {
    font-family: 'TheMixB';
    src: url('fonts/TheMixB-W7Bold-22a96ffa.woff2') format('woff2'),
         url('fonts/TheMixB-W7Bold-a521c78c.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'TheMixB';
    src: url('fonts/TheMixB-W7BoldItalic-82b41690.woff2') format('woff2'),
         url('fonts/TheMixB-W7BoldItalic-984243f6.woff') format('woff');
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

/* EXTRABOLD - W8 */
@font-face {
    font-family: 'TheMixB';
    src: url('fonts/TheMixB-W8ExtraBold-d1644f6a.woff2') format('woff2'),
         url('fonts/TheMixB-W8ExtraBold-6576cc42.woff') format('woff');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'TheMixB';
    src: url('fonts/TheMixB-W8ExtraBoldItalic-6add2b3b.woff2') format('woff2'),
         url('fonts/TheMixB-W8ExtraBoldItalic-b6522dc4.woff') format('woff');
    font-weight: 800;
    font-style: italic;
    font-display: swap;
}


/* Corpo del testo */
body, p, span, li, a {
    font-family: 'TheMixB', sans-serif !important;
    font-weight: 400; /* Usa il peso Plain */
}

/* Titoli */
h1, h2, h3, h4, h5, h6 {
    font-family: 'TheMixB', sans-serif !important;
    font-weight: 700; /* Usa il peso Bold */
}


/* ============================================================
STILE DELLA NAVIGATION DI SINISTRA
============================================================ */

/* ============================================================
   🎨 COLORI DELLE VOCI – modifica solo qui
   ============================================================ */
:root {
  --voce1-color:  #e8581a;   /* Il mercato: cosa dicono i dati   */
  --voce2-color:  #6b3fa0;   /* L'elettrico, da bandiera…        */
  --voce3-color:  #FF0000;   /* L'evoluzione tecnologica         */
  --voce4-color:  #e8581a;   /* Le sfide del contesto urbano…    */
	
  --color-viaggiatori:  #37b6ff;   /* Il mercato: cosa dicono i dati   */
  --color-operatori:  #f66604;   /* L'elettrico, da bandiera…        */
  --color-destinazioni:  #fbcb00;   /* L'evoluzione tecnologica         */
  --color-residenti:  #1c1c1c;   /* Le sfide del contesto urbano…    */
}
 
/* ============================================================
   IMPOSTAZIONI GENERALI – sfondo, bordi, transizioni
   ============================================================ */
:root {
  --acc-bg:         #f5f0e8;
  --acc-border:     #d6cfc0;
  --acc-hover-bg:   #ece6d8;
  --acc-active-bg:  #fff8f2;
  --acc-transition: 0.25s cubic-bezier(.4,0,.2,1);
}
 
.acc-menu {
  width: 100%;
  max-width: 520px;
  overflow: hidden;
}
 
.acc-item {
  border-bottom: 1.5px solid var(--acc-border);
  position: relative;
}
.acc-item:last-child { border-bottom: none; }
 
.acc-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 20px 20px;
  cursor: pointer;
  text-decoration: none;
  transition: background var(--acc-transition);
  -webkit-user-select: none;
  user-select: none;
}
.acc-header:hover                { background: var(--acc-hover-bg); }
.acc-header:hover .acc-title     { filter: brightness(0.82); }
.acc-header:hover .acc-icon      { transform: scale(1.12); }
.acc-item.is-active .acc-header  { background: var(--acc-active-bg); }
 
.acc-title {
  font-size: clamp(1rem, 2.2vw, 1.13rem);
  line-height: 1.2;
  text-transform: uppercase;
  letter-spacing: 0.02em;
  transition: filter var(--acc-transition);
  flex: 1;
}
 
.acc-icon {
  flex-shrink: 0;
  width: 42px;
  height: 42px;
  transition: color var(--acc-transition), transform var(--acc-transition);
}
 
.acc-item.is-active::before {
  content: '';
  position: absolute;
  left: 0; top: 0; bottom: 0;
  width: 4px;
  border-radius: 0 2px 2px 0;
}
 
/* ── Colori per voce ── */
.acc-item:nth-child(1) .acc-title,
.acc-item:nth-child(1) .acc-icon          { color: var(--voce1-color); }
.acc-item:nth-child(1).is-active::before  { background: var(--voce1-color); }
 
.acc-item:nth-child(2) .acc-title,
.acc-item:nth-child(2) .acc-icon          { color: var(--voce2-color); }
.acc-item:nth-child(2).is-active::before  { background: var(--voce2-color); }
 
.acc-item:nth-child(3) .acc-title,
.acc-item:nth-child(3) .acc-icon          { color: var(--voce3-color); }
.acc-item:nth-child(3).is-active::before  { background: var(--voce3-color); }
 
.acc-item:nth-child(4) .acc-title,
.acc-item:nth-child(4) .acc-icon          { color: var(--voce4-color); }
.acc-item:nth-child(4).is-active::before  { background: var(--voce4-color); }
 
@media (max-width: 980px) {
  .acc-menu { display: none !important; }
}