/* =========================================================
   SRF — THEME (nero più deciso, leggibilità alta)
   Obiettivo: autorevolezza + scansione veloce (non "grigino")
   ========================================================= */

:root{
  --bg-page: #ffffff;     /* niente grigio percepibile */
  --bg-soft: #f6f6f6;     /* usalo solo per sezioni/box soft */
  --text: #111111;        /* testo principale */
  --text-strong: #000000; /* titoli */
  --text-muted: #2f2f2f;  /* secondario (ancora leggibile) */
  --border: rgba(0,0,0,0.12);
  --border-soft: rgba(0,0,0,0.08);
  --shadow: 0 10px 28px rgba(0,0,0,0.07);
}

/* base */
html, body{
  background: var(--bg-page) !important;
  color: var(--text) !important;
}

/* tipografia: niente "eleganza grigia" */
p, li, dt, dd, label, input, select, textarea{
  color: var(--text) !important;
}

h1, h2, h3, h4, h5, h6{
  color: var(--text-strong) !important;
  opacity: 1 !important; /* Stellar tende a sbiadire */
}

/* link: neri e riconoscibili */
a{
  color: var(--text-strong);
  border-bottom-color: rgba(0,0,0,0.35);
}
a:hover{
  border-bottom-color: rgba(0,0,0,0.65);
}

/* sezioni / card */
.main, section, .special{
  background: transparent;
}

.box, .card, .edu-card, .mm-group{
  background: #ffffff;
  border: 1px solid var(--border-soft);
  box-shadow: var(--shadow);
}

/* separatori */
hr{
  border-bottom-color: var(--border-soft) !important;
}

/* testo secondario (solo dove serve) */
.muted, .small, .meta, .copyright,
.site-footer .meta{
  color: var(--text-muted) !important;
}


/* ===============================
   SEDI – rifinitura mobile finale
   (regola generale sito)
   =============================== */
@media (max-width: 768px){

  /* Logo header */
  .manga-brand img{
    height: 44px;
  }

  /* Contattaci evidenziato */
  .manga-topbar .nav-contact,
  .manga-desktop-nav a[href="#contatti"]{
    font-weight: 700;
    color: #2C457C;
    text-decoration: underline;
    text-underline-offset: 6px;
  }

  /* Titolo principale */
  .section-title{
    font-size: 22px;
    font-weight: 600;
    line-height: 1.25;
  }

  /* Box istruzioni */
  .info-card .muted1{
    font-size: 15.5px;
    line-height: 1.55;
    color: #444;
  }
  .info-card .lead-strong{
    font-weight: 700;
    color: #000;
  }

  /* Sottotitolo */
  .section-subtitle{
    font-size: 19px;
    font-weight: 500;
    opacity: .9;
    margin-bottom: 10px;
  }

  /* Footer compatto */
  #footer.site-footer{
    padding: 26px 0 32px 0;
  }
  .site-footer h3{
    font-size: 17px;
    font-weight: 650;
    margin-bottom: 10px;
  }
}
body{ outline: 5px solid red !important; }
/* =========================
   LOGO COLORATO BRAND
   ========================= */

.site-header .logo img,
.manga-brand img,
.brand img{
  height:44px;
  filter: none;
}

/* SVG logo fumetto color override */
.logo-fumetto svg path,
.logo-fumetto path{
  fill:#2f4a7c !important;   /* blu */
}

.logo-fumetto svg circle,
.logo-fumetto circle{
  fill:#8fb3d9 !important;   /* celeste */
}
/* Contattaci evidenziato SOLO su mobile */
@media (max-width: 768px){
  /* caso 1: se hai già una classe dedicata */
  .manga-topbar .nav-contact{
    font-weight: 800;
    color: #2f4a7c;          /* blu cartina */
    text-decoration: underline;
    text-underline-offset: 6px;
  }

  /* caso 2: fallback: prende il link "Contattaci" anche senza classe */
  .manga-topbar a[href*="contatt"],
  .manga-topbar a[href*="contatti"]{
    font-weight: 800;
    color: #2f4a7c;
    text-decoration: underline;
    text-underline-offset: 6px;
  }
}
/* CONTATTACI evidenziato solo mobile */
@media (max-width: 768px){

  .manga-topbar__center a{
    color: #2f4a7c;          /* blu cartina */
    font-weight: 800;
    text-decoration: underline;
    text-decoration-thickness: 2px;
    text-underline-offset: 6px;
  }

}
/* CONTATTACI evidenziato mobile — forza priorità */
@media (max-width:768px){

  .manga-topbar__center a.nav-contact{
    color:#2f4a7c !important;
    font-weight:800 !important;
    text-decoration:underline !important;
    text-decoration-thickness:2px;
    text-underline-offset:6px;
  }

}
/* =====================================
   TOPBAR MOBILE — centratura reale
   logo sx | contattaci centro | burger dx
   ===================================== */
@media (max-width:768px){

  .manga-topbar{
    position: relative;
    height: 56px;
  }

  /* LOGO */
  .manga-topbar__left{
    position:absolute;
    left:16px;
    top:50%;
    transform:translateY(-50%);
    z-index:2;
  }

  /* HAMBURGER + ACTIONS */
  .manga-topbar__actions{
    position:absolute;
    right:16px;
    top:50%;
    transform:translateY(-50%);
    display:flex;
    align-items:center;
    gap:12px;
    z-index:3;
  }

  /* CONTATTACI — centrato sul viewport */
  .manga-topbar__center{
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%, -50%);
    width:max-content;
    text-align:center;
    z-index:2;
  }

  /* STILE CONTATTACI */
  .manga-topbar__center a,
  .manga-topbar__center a.nav-contact{
    color:#2f4a7c !important;
    font-weight:800 !important;
    text-decoration:underline;
    text-decoration-thickness:2px;
    text-underline-offset:6px;
    letter-spacing:0.2px;
  }

  /* BURGER sicuro */
  .manga-burger{
    margin:0;
    flex:0 0 auto;
  }
}
/* ===============================
   FIX HAMBURGER (mobile)
   - evita sovrapposizione con "Contattaci"
   - ancora logo a sinistra e burger a destra
   =============================== */
@media (max-width:768px){

  /* il contenitore topbar deve essere riferimento */
  .manga-topbar{
    position: relative;
  }

  /* blocco sinistro (logo): fisso a sinistra */
  .manga-topbar__left{
    position: absolute;
    left: 16px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
  }

  /* blocco destro (icone + hamburger): fisso a destra */
  .manga-topbar__actions{
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 3;
    display: flex;
    align-items: center;
    gap: 12px;
  }

  /* centro: centrato sul viewport, sotto le actions */
  .manga-topbar__center{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: max-content;
    z-index: 2;
  }

  /* hamburger: garantisci che non abbia strane width/margin */
  .manga-burger{
    position: relative;
    margin: 0;
    flex: 0 0 auto;
  }

  /* sicurezza: niente elementi “larghi” che invadono il centro */
  .manga-topbar__center,
  .manga-topbar__left,
  .manga-topbar__actions{
    max-width: calc(100% - 32px);
  }
}
/* --- Corsi online: 3 bottoni sotto l'elenco sedi --- */
.online-grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:16px;
  margin-top:10px;
}
@media (max-width: 900px){
  .online-grid{ grid-template-columns:1fr; }
}
/* testo un filo più piccolo solo per il bottone lungo */
.online-grid .faq-btn{ font-size:18px; }
@media (max-width: 600px){
  .online-grid .faq-btn{ font-size:17px; }
}