/* ecmcore — pagine CMS: replica la produzione (tema v12).
   1) Barra "tab per argomento" (#menu-cms-pages) sopra il contenuto: link ai temi di supporto/legali,
      l'attivo è una pill scura. In produzione la rende il modulo ecs_listpages; qui la rende ecmcore.
   2) Accordion nel contenuto (.tabs/.tab/.title/.content.hidden): stessa struttura HTML della prod.
      ⚠️ Tutto scoped a .page-cms: la classe .tabs è usata anche dalla scheda prodotto — non va toccata. */

/* --- barra tab per argomento --- */
#menu-cms-pages{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem 1rem;margin:1.25rem 0 .5rem}
#menu-cms-pages a{font-size:14px;font-weight:700;line-height:16.8px;color:#32323F;padding:.5rem;border-radius:10px;text-decoration:none;transition:color .15s,background-color .15s}
#menu-cms-pages a:hover{color:#C34030}
#menu-cms-pages a.active,#menu-cms-pages a.active:hover{color:#fff;background-color:#32323F}

/* --- accordion nel contenuto CMS (solo .page-cms) --- */
.page-cms .tabs{max-width:40rem;margin:2.5rem auto;background:transparent;padding:0;border-bottom:1px solid #32323F}
.page-cms .tabs .title{padding:16px 0;border-top:1px solid #32323F;display:flex;align-items:center;justify-content:space-between;gap:1rem;cursor:pointer}
.page-cms .tabs .title h3{font-size:20px;font-weight:400;line-height:24px;margin:0}
.page-cms .tabs .title h3.bold{font-weight:700}
.page-cms .tabs .title span{flex:0 0 auto;line-height:20px;font-size:38.6px;font-weight:100;user-select:none}
.page-cms .tabs .content{padding:.25rem 0 1.25rem}
.page-cms .tabs .content *{color:#32323F}
.page-cms .tabs .content .label{font-weight:700}
.page-cms .tabs .tab .content.hidden{display:none!important}

@media(max-width:767px){
  #menu-cms-pages{justify-content:flex-start}
  .page-cms .tabs{max-width:none}
  .page-cms .tabs .title h3{font-size:17px;line-height:22px}
  .page-cms .tabs .title span{font-size:32px}
}