/* =========================================================
Index Page
========================================================= */


/* =========================================================
Index Page - BANDA BIANCA E SFONDO GRIGIO con Content e div row
========================================================= */

body.psc-theme.client-side.index-page #content{
  position: relative;
  background: transparent !important; /* lascia vedere gli pseudo-elementi */
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}

/* 1) Banda bianca full-width sotto la navbar (dietro al titolo) */
body.psc-theme.client-side.index-page #content::before{
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100vw;
  height: 200px;              /* <-- regola questa altezza */
  background: #fff;
  z-index: -1;
}

/* Sfondo grigio */
body.psc-theme.client-side.index-page #content > .row{
  display: flow-root !important;  /* questa è la chiave */
  position: relative;
  z-index: 0;
}

body.psc-theme.client-side.index-page #content > .row::before{
  content:"";
  position:absolute;
  top:0;
  bottom:0;         /* <-- prende tutta l'altezza della row */
  left:50%;
  transform:translateX(-50%);
  width:100vw;
  background: var(--color-bg-surface-highlight, #F5F7FA);
  z-index:-1;
}

body.psc-theme.client-side.index-page h1{
  padding-top: 45px !important;
  padding-bottom: 30px !important;
}


/* =========================================================
Index Page - FINE BANDA BIANCA E SFONDO GRIGIO con Content e div row
========================================================= */

/* Altre risorse */
body.psc-theme.client-side.index-page .sidebar{
 margin: 30px 0 0 !important;
 color: var(--color-bg-surface-highlight, #F5F7FA) !important;
 background-color: var(--color-bg-surface-highlight, #F5F7FA) !important;
}

body.psc-theme.client-side.index-page .sidebar section .header, .content section strong {
  display: none !important;
  /*text-decoration: none !important;
  color: var(--color-text, #111827) !important;
  letter-spacing: -0.01em;

  font-family: var(--font-body);
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: normal;*/
}


/* =========================================================
Card
========================================================= */

body.psc-theme.client-side.index-page ul#kb{
  list-style: none !important;
  margin: 30px 0 0 !important;
  padding: 0 !important;
  overflow: visible !important;
}

body.psc-theme.client-side.index-page ul#kb > li:last-child {
  margin-bottom: 55px !important;
}

/* ogni categoria = card */
body.psc-theme.client-side.index-page ul#kb > li{
  background: #fff !important;
  border-radius: 10px !important;
  padding: 30px 30px 30px 30px !important;
  margin: 0 0 16px !important;

  /* Ombra base */
  box-shadow: var(--Shades-Ombra-accentuata-position-x, 0) var(--Shades-Ombra-base-position-y, 1px) var(--Shades-Ombra-base-Blur, 3px) var(--Shades-Ombra-base-Spread, 0) rgba(0, 0, 0, 0.15), var(--Shades-Ombra-base-position-x-2, 0) var(--Shades-Ombra-base-position-y-2, 2px) var(--Shades-Ombra-base-Blur-2, 12.7px) var(--Shades-Ombra-base-Spread-2, 0) rgba(0, 0, 0, 0.10);
}

/* molti template osTicket mettono contenuti in un div con inline margin-left */
body.psc-theme.client-side.index-page ul#kb > li > div[style*="margin-left"]{
  margin-left: 0 !important;
}

/* titolo categoria */
body.psc-theme.client-side.index-page ul#kb > li h4{
  margin: 0 !important;
}

/* link categoria: riga “titolo + freccia” */
body.psc-theme.client-side.index-page ul#kb > li h4 > a{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;

  text-decoration: none !important;
  color: var(--color-text, #111827) !important;
  letter-spacing: -0.01em;

  font-family: var(--font-body);
  font-size: 36px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%; 
}

/* freccia a destra */
body.psc-theme.client-side.index-page ul#kb > li h4 > a::after{
  content: "";
  display: inline-block;
  width: 18px;
  height: 16px;
  flex-shrink: 0;
  background-color: var(--color-accent) !important;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='16' viewBox='0 0 18 16' fill='none'%3E%3Cpath d='M10.3935 0.240331C10.3175 0.164493 10.2269 0.104185 10.1269 0.0629245C10.0269 0.0216636 9.91946 0.000274118 9.8109 2.61751e-06C9.70234 -0.000268883 9.59481 0.0205832 9.49457 0.0613433C9.39434 0.102103 9.30341 0.161956 9.22708 0.237414C9.15075 0.312872 9.09056 0.402424 9.04999 0.500853C9.00943 0.599282 8.98932 0.704618 8.99082 0.810723C8.99233 0.916827 9.01542 1.02158 9.05876 1.11887C9.10211 1.21616 9.16482 1.30404 9.24327 1.3774L15.2773 7.2059H0.81806C0.601097 7.2059 0.39302 7.29015 0.239604 7.44011C0.0861882 7.59007 0 7.79346 0 8.00553C0 8.2176 0.0861882 8.42099 0.239604 8.57095C0.39302 8.72091 0.601097 8.80516 0.81806 8.80516H15.2756L9.24327 14.6313C9.0889 14.7803 9.00144 14.9833 9.00014 15.1954C8.99883 15.4075 9.08379 15.6114 9.23631 15.7623C9.38884 15.9132 9.59644 15.9987 9.81345 16C10.0305 16.0013 10.2391 15.9182 10.3935 15.7691L17.6963 8.7156C17.7925 8.62264 17.8689 8.51194 17.921 8.38992C17.9732 8.26789 18 8.13697 18 8.00473C18 7.87249 17.9732 7.74157 17.921 7.61955C17.8689 7.49752 17.7925 7.38682 17.6963 7.29386L10.3935 0.240331Z' fill='%2335A660'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='16' viewBox='0 0 18 16' fill='none'%3E%3Cpath d='M10.3935 0.240331C10.3175 0.164493 10.2269 0.104185 10.1269 0.0629245C10.0269 0.0216636 9.91946 0.000274118 9.8109 2.61751e-06C9.70234 -0.000268883 9.59481 0.0205832 9.49457 0.0613433C9.39434 0.102103 9.30341 0.161956 9.22708 0.237414C9.15075 0.312872 9.09056 0.402424 9.04999 0.500853C9.00943 0.599282 8.98932 0.704618 8.99082 0.810723C8.99233 0.916827 9.01542 1.02158 9.05876 1.11887C9.10211 1.21616 9.16482 1.30404 9.24327 1.3774L15.2773 7.2059H0.81806C0.601097 7.2059 0.39302 7.29015 0.239604 7.44011C0.0861882 7.59007 0 7.79346 0 8.00553C0 8.2176 0.0861882 8.42099 0.239604 8.57095C0.39302 8.72091 0.601097 8.80516 0.81806 8.80516H15.2756L9.24327 14.6313C9.0889 14.7803 9.00144 14.9833 9.00014 15.1954C8.99883 15.4075 9.08379 15.6114 9.23631 15.7623C9.38884 15.9132 9.59644 15.9987 9.81345 16C10.0305 16.0013 10.2391 15.9182 10.3935 15.7691L17.6963 8.7156C17.7925 8.62264 17.8689 8.51194 17.921 8.38992C17.9732 8.26789 18 8.13697 18 8.00473C18 7.87249 17.9732 7.74157 17.921 7.61955C17.8689 7.49752 17.7925 7.38682 17.6963 7.29386L10.3935 0.240331Z' fill='%2335A660'/%3E%3C/svg%3E");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-position: center;
  mask-position: center;
  vertical-align: middle;
}

/* sottotitolo/descrizione (se presente) */
body.psc-theme.client-side.index-page ul#kb > li p{
  margin: 6px 0 10px !important;
  color: rgba(17,24,39,.60);
  font-size: 13px;
}

/* ogni riga articolo */
body.psc-theme.client-side.index-page ul#kb > li div[style*="padding-bottom"] > div{
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  gap: 12px;
  padding: 10px 0 !important;
  border-bottom: 1px solid rgba(17,24,39,.06);
}

/* ultima riga senza bordo */
body.psc-theme.client-side.index-page ul#kb > li div[style*="padding-bottom"] > div:last-child{
  border-bottom: none;
}

/* link articolo */
body.psc-theme.client-side.index-page ul#kb > li div[style*="padding-bottom"] > div a{
  text-decoration: none !important;

  font-family: var(--font-body) !important;
  overflow: hidden;
  color: var(--color-text-link, #1959A6);
  text-overflow: ellipsis;

  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

/* hover */
body.psc-theme.client-side.index-page ul#kb > li div[style*="padding-bottom"] > div a:hover{
  text-decoration: underline !important;
}






/* =========================================================
Index – Mobile 
========================================================= */

   /* Mobile: un po’ di padding laterale */
@media (max-width: 860px){
  body.psc-theme.client-side #content > .row > .span8{
    padding: 0 18px;
  }

  body.psc-theme.client-side #content::before{
    height: 170px;
  }
  body.psc-theme.client-side #content::after{
    top: 170px;
  }
}


/* Mobile: input + select in colonna */
@media (max-width: 860px){
  body.psc-theme.client-side #content > h1{
    font-size: 22px;
    padding: 28px 0 14px !important;
  }

  body.psc-theme.client-side #content > h1 + form,
  body.psc-theme.client-side #content > form:first-of-type{
    grid-template-columns: 1fr;
    max-width: 100%;
  }
}


/* Mobile: spingi la sidebar sotto */
@media (max-width: 860px){
  body.psc-theme.client-side .row .span8,
  body.psc-theme.client-side .row .span4{
    float: none !important;
    width: 100% !important;
    margin-left: 0 !important;
  }

  body.psc-theme.client-side .row .span4{
    margin-top: 16px !important;
  }
}

@media (max-width: 860px){

  /* Contenitore principale: padding laterale */
  body.psc-theme.client-side #content{
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  /* Wrapper del titolo (header band) */
  body.psc-theme.client-side #content > div:first-child{
    padding: 28px 0 20px !important;
  }

  /* Titolo */
  body.psc-theme.client-side #content > div:first-child > h1{
    font-size: 26px;
    line-height: 1.25;
    text-align: left;            /* mobile più leggibile */
  }

  /* Spazio tra header e prime card */
  body.psc-theme.client-side .row{
    margin-top: 12px !important;
  }

  /* Card categorie */
  body.psc-theme.client-side ul#kb > li{
    padding: 14px 14px !important;
    border-radius: 14px !important;
  }

  /* Titolo categoria */
  body.psc-theme.client-side ul#kb > li h4 > a{
    font-size: 18px;
  }

  /* Righe articoli */
  body.psc-theme.client-side ul#kb > li div[style*="padding-bottom"] > div{
    padding: 8px 0 !important;
  }
}

/* =========================================================
Fine Index – Mobile 
========================================================= */


/* =========================================================
Fine Index Page
========================================================= */





/* =========================================================
Faq Page - Macrocategorie
========================================================= */


/* =========================================================
Sfondo
========================================================= */


/*body.psc-theme.client-side.faq-page.faq-page{
  background: var(--color-bg-surface-highlight, #F5F7FA) !important;
}*/

body.psc-theme.client-side.faq-page.faq-page #content{
  background: transparent !important;
  margin-top: 0 !important;
}

/* Grigio ovunque sulla pagina faq (body copre fino al footer naturalmente) */
body.psc-theme.client-side.faq-page {
  background-color: var(--color-bg-surface-highlight, #F5F7FA) !important;
}

/* La row deve essere il "contenitore" dei fondi full-width */
body.psc-theme.client-side.faq-page.faq-page #content > .row{
  position: relative !important;
  z-index: 0;
  margin: 0 !important;
  padding: 0 0 100px !important;
}

/* Banda bianca in alto (prime 250px della row, larghezza full-width) */
body.psc-theme.client-side.faq-page.faq-page #content > .row::after{
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100vw;
  height: 250px;
  background: #fff;
  z-index: -2;
}

/* Colonna principale centrata */
/*body.psc-theme.client-side.faq-page.faq-page #content > .row > .span8{
  float: none !important;
  width: 100% !important;
  margin: 0 auto !important;
  position: relative;
  z-index: 1;
}*/

/* Titolo */
body.psc-theme.client-side.faq-page #content > .row > .span8 > h1{
  margin: 0 !important;
  padding: 45px 0 0px !important;
  background: transparent !important;
}

/* Sottotitolo categoria (da getDescription()) */
body.psc-theme.client-side.faq-page .psc-category-subtitle {
  margin: 30px 0 30px 0 !important;
  padding: 0 !important;
  font-family: var(--font-body);
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  color: var(--color-text-secondary, #6b7280);
}

/* Nascondi sidebar (non quando psc-has-sidebar è presente, né sulla search page) */
body.psc-theme.client-side.faq-page:not(.psc-has-sidebar):not(:has(#faq)) #content > .row > .span4,
body.psc-theme.client-side.faq-page:not(.psc-has-sidebar):not(:has(#faq)) .sidebar{
  display: none !important;
}

/* =========================================================
Fine Sfondo
========================================================= */



/* Soffietto */

/* KB accordion */
body.psc-theme.client-side.faq-page .psc-kb-acc{
  margin: 10px 0 6px;
  padding: 10px 12px;
  border-radius: 12px;
}

body.psc-theme.client-side.faq-page .psc-kb-acc-title{
  font-size: 12px;
  font-weight: 800;
  color: rgba(17,24,39,.55);
  margin: 0 0 8px;
}

body.psc-theme.client-side.faq-page .psc-kb-acc-list{
  list-style: none;
  margin: 0;
  padding: 0;
}

body.psc-theme.client-side.faq-page .psc-kb-acc-list li:first-child{ border-top: none; }


body.psc-theme.client-side.faq-page .psc-kb-acc-list a:hover{
  text-decoration: underline !important;
}

body.psc-theme.client-side.faq-page a.psc-kb-acc-trigger.is-open{
  text-decoration: underline !important;
}







/* =========================================================
   KB – faq.php?cid=...  (body.faq-page)
   Banda bianca full-width sotto la navbar
   ========================================================= */





/* Breadcrumbs */
body.psc-theme.client-side.faq-page #breadcrumbs{
  margin: 10px 0 0 !important;
  padding: 0 !important;
  text-align: center;
}




/* =========================================================
   KB – nascondi "Tutte le categorie"
   ========================================================= */

body.psc-theme.client-side.faq-page #breadcrumbs > a:first-child{
  display: none !important;
}

/* opzionale: rimuove anche il separatore "»" rimasto */
body.psc-theme.client-side.faq-page #breadcrumbs{
  display: none !important;
  font-size: 0; /* azzera spazi/char residui */
}

body.psc-theme.client-side.faq-page #breadcrumbs a{
  font-size: 14px; /* ripristina per eventuali altri link */
}

/* =========================================================
   KB faq-page: centra la lista sottocategorie sotto il titolo
   (aggancio: .psc-kb-subcats)
   ========================================================= */











/* =========================================================
   KB faq-page – Accordion style
   ========================================================= */

/* Il blocco che contiene tutte le sottocategorie (dopo #breadcrumbs) */
body.psc-theme.client-side.faq-page .psc-kb-subcats{
  margin: 0px auto 0 !important;
}

/* Ogni riga sottocategoria: la rendiamo una “barra” cliccabile */
body.psc-theme.client-side.faq-page .psc-kb-subcats > div{
  width: 100% !important;
  max-width: 100% !important;
  align-items: center !important;
  gap: 12px;
  padding: 14px 0 14px 0 !important;
  margin: 0 !important;
  border-bottom: 1px solid rgba(17, 24, 39, 0.10);
}

/* separazione tra righe */
body.psc-theme.client-side.faq-page .psc-kb-subcats > div + div{
  margin-top: 0 !important;
}

/* icona folder */
body.psc-theme.client-side.faq-page .psc-kb-subcats > div i.icon-folder-open-alt{
  display: none;
}

/* link sottocategoria: lo facciamo “occupare tutta la riga” */
body.psc-theme.client-side.faq-page .psc-kb-subcats > div a[href*="faq.php?cid="]{
  flex: 1 1 auto;
  display: flex !important;
  align-items: center;
  justify-content: space-between;
  letter-spacing: -0.01em;
  font-family: var(--font-body);
  font-size: 28px;
  font-style: normal;
  font-weight: 600;
  line-height: 125%; /* 35px */
  color: var(--color-text-primary) !important;
  text-decoration: none !important;
}


/* stato aperto: chevron ruota */
body.psc-theme.client-side.faq-page .psc-kb-subcats > div a.psc-kb-acc-trigger.is-open::after{
  transform: rotate(180deg);
}

/* ===== Pannello accordion (lista FAQ) ===== */
body.psc-theme.client-side.faq-page .psc-kb-acc{
  width: 100% !important;
  max-width: 100% !important;
  margin: 10px 0 0 !important;
  padding: 0 !important;
  background: var(--color-bg-surface-highlight);
  overflow: hidden; /* per separatori */
}

/* titolo “Domande frequenti” */
body.psc-theme.client-side.faq-page .psc-kb-acc-title{
   display: none;
  margin: 0 !important;
  padding: 14px 16px !important;
  font-size: 12px;
  font-weight: 900;
  color: rgba(17,24,39,.55);
  background: rgba(17,24,39,.02);
  border-bottom: 1px solid rgba(17,24,39,.08);
}

/* lista domande */
body.psc-theme.client-side.faq-page .psc-kb-acc-list{
  list-style: none;
  margin: 0 !important;
  padding: 0 !important;
}

body.psc-theme.client-side.faq-page .psc-kb-acc-list li{
  padding: 14px 16px !important;
}

body.psc-theme.client-side.faq-page .psc-kb-acc-list li:first-child{
  border-top: none;
}

/* link domanda */
body.psc-theme.client-side.faq-page .psc-kb-acc-list a{
  color: var(--color-primary-700);
  font-family: var(--font-body);
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

body.psc-theme.client-side.faq-page .psc-kb-acc-list a:hover{
  text-decoration: underline !important;
}

/* title-row: titolo a sinistra, badge allegati a destra */
body.psc-theme.client-side.faq-page .psc-kb-article-title-row {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

/* badge allegati */
body.psc-theme.client-side.faq-page .psc-kb-att-badge {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  flex-shrink: 0;
  font-family: var(--font-body);
  font-size: 13px;
  font-weight: 600;
  color: #35A660;
  line-height: 1;
  padding-top: 2px;
}

body.psc-theme.client-side.faq-page .psc-kb-att-badge svg {
  flex-shrink: 0;
  display: block;
}

/* metadati articolo: data + visibilità */
body.psc-theme.client-side.faq-page .psc-kb-item-meta {
  display: flex;
  align-items: center;
  gap: 6px;
  margin: 6px 0 0;
  color: var(--color-text-secondary, #595959);
  text-align: right;
  font-family: var(--font-body);
  font-size: 14px;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
}

body.psc-theme.client-side.faq-page .psc-kb-item-vis {
  display: inline-flex;
  align-items: center;
  gap: 4px;
}

body.psc-theme.client-side.faq-page .psc-kb-item-vis svg {
  flex-shrink: 0;
  display: block;
}

/* excerpt */
body.psc-theme.client-side.faq-page .psc-kb-item-excerpt {
  margin: 18px 0 0;
  color: var(--Color-text-primary, #1B1B1B);
  font-family: var(--font-body);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px; /* 125% */
}



/* =========================================================
   KB – Articoli diretti (#faq ol li) — stile card come accordion
   ========================================================= */

/* Nascondi heading "Domande frequenti" e reset lista */
body.psc-theme.client-side.faq-page #faq h2 {
  display: none !important;
}
body.psc-theme.client-side.faq-page #faq ol {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Ogni riga articolo */
body.psc-theme.client-side.faq-page #faq ol li {
  padding: 14px 16px !important;
  border-bottom: 1px solid rgba(17, 24, 39, 0.10);
  margin: 0 !important;
}
body.psc-theme.client-side.faq-page #faq ol li:first-child {
  border-top: none !important;
}

/* Icona fumetto — rimossa via JS, ma nascosta anche via CSS come fallback */
body.psc-theme.client-side.faq-page #faq ol li i {
  display: none !important;
}

/* Link titolo articolo */
body.psc-theme.client-side.faq-page #faq ol li a {
  color: var(--color-primary-700) !important;
  font-family: var(--font-body) !important;
  font-size: 18px !important;
  font-weight: 500 !important;
  line-height: normal !important;
  text-decoration: none !important;
  padding-left: 0px !important;
}
body.psc-theme.client-side.faq-page #faq ol li a:hover {
  text-decoration: underline !important;
}

/* =========================================================
   KB – Chevron SVG (su/giù) per accordion
   ========================================================= */

/* freccia default (chiuso) = DOWN */
body.psc-theme.client-side.faq-page a.psc-kb-acc-trigger::after{
  content: "" !important;
  width: 16px;
  height: 10px;
  flex: 0 0 16px;

  background-repeat: no-repeat;
  background-position: center;
  background-size: 16px 10px;

  /* SVG DOWN */
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2216%22%20height%3D%2210%22%20viewBox%3D%220%200%2016%2010%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M14.1867%200.300359L8%206.48704L1.81332%200.300359C1.61152%200.105451%201.34124%20-0.00239744%201.06069%204.04484e-05C0.780144%200.00247833%200.511777%200.115008%200.313392%200.313392C0.115008%200.511777%200.00247833%200.780144%204.04484e-05%201.06069C-0.00239744%201.34124%200.105451%201.61152%200.300359%201.81332L7.24031%208.75327C7.33983%208.85321%207.45827%208.93231%207.58871%208.98596C7.71914%209.03961%207.85897%209.06672%208%209.06571C8.14099%209.06642%208.28073%209.03917%208.41112%208.98554C8.54152%208.93192%208.65999%208.85297%208.75969%208.75327L15.6996%201.81332C15.8946%201.61152%2016.0024%201.34124%2016%201.06069C15.9975%200.780144%2015.885%200.511777%2015.6866%200.313392C15.4882%200.115008%2015.2199%200.00247833%2014.9393%204.04484e-05C14.6588%20-0.00239744%2014.3885%200.105451%2014.1867%200.300359Z%22%20fill%3D%22%23595959%22/%3E%3C/svg%3E");
}

/* freccia aperto = UP */
body.psc-theme.client-side.faq-page a.psc-kb-acc-trigger.is-open::after{
  /* SVG UP */
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2216%22%20height%3D%2210%22%20viewBox%3D%220%200%2016%2010%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M1.81332%208.76538L8%202.5787L14.1867%208.76538C14.3885%208.96028%2014.6588%209.06813%2014.9393%209.06569C15.2199%209.06326%2015.4882%208.95073%2015.6866%208.75234C15.885%208.55396%2015.9975%208.28559%2016%208.00504C16.0024%207.7245%2015.8945%207.45421%2015.6996%207.25241L8.75969%200.312462C8.66017%200.212523%208.54173%200.133421%208.41129%200.0797754C8.28086%200.0261303%208.14104%20-0.00098079%208%202.53359e-05C7.85901%20-0.000684198%207.71927%200.0265632%207.58888%200.0801921C7.45848%200.13382%207.34001%200.212764%207.24031%200.312462L0.300358%207.25241C0.105451%207.45421%20-0.00239849%207.7245%204.00543e-05%208.00504C0.00247765%208.28559%200.115006%208.55396%200.313391%208.75234C0.511776%208.95073%200.780143%209.06326%201.06069%209.06569C1.34124%209.06813%201.61152%208.96028%201.81332%208.76538Z%22%20fill%3D%22%23595959%22/%3E%3C/svg%3E");
}


/* =========================================================
   KB – Chevron SVG sempre visibile + toggle con .is-open
   ========================================================= */

/* Target “sempre” i link sottocategoria nella pagina faq.php?cid=... */
body.psc-theme.client-side.faq-page .psc-kb-subcats > div > a[href*="faq.php?cid="]::after{
  content: "" !important;

  display: inline-block;
  width: 16px;
  height: 10px;

  margin-left: 12px;
  vertical-align: middle;

  background-repeat: no-repeat;
  background-position: center;
  background-size: 16px 10px;

  /* DEFAULT = DOWN (chiuso) */
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2216%22%20height%3D%2210%22%20viewBox%3D%220%200%2016%2010%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M14.1867%200.300359L8%206.48704L1.81332%200.300359C1.61152%200.105451%201.34124%20-0.00239744%201.06069%204.04484e-05C0.780144%200.00247833%200.511777%200.115008%200.313392%200.313392C0.115008%200.511777%200.00247833%200.780144%204.04484e-05%201.06069C-0.00239744%201.34124%200.105451%201.61152%200.300359%201.81332L7.24031%208.75327C7.33983%208.85321%207.45827%208.93231%207.58871%208.98596C7.71914%209.03961%207.85897%209.06672%208%209.06571C8.14099%209.06642%208.28073%209.03917%208.41112%208.98554C8.54152%208.93192%208.65999%208.85297%208.75969%208.75327L15.6996%201.81332C15.8946%201.61152%2016.0024%201.34124%2016%201.06069C15.9975%200.780144%2015.885%200.511777%2015.6866%200.313392C15.4882%200.115008%2015.2199%200.00247833%2014.9393%204.04484e-05C14.6588%20-0.00239744%2014.3885%200.105451%2014.1867%200.300359Z%22%20fill%3D%22%23595959%22/%3E%3C/svg%3E") !important;
}

/* OPEN = UP */
body.psc-theme.client-side.faq-page .psc-kb-subcats > div > a[href*="faq.php?cid="].is-open::after{
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2216%22%20height%3D%2210%22%20viewBox%3D%220%200%2016%2010%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M1.81332%208.76538L8%202.5787L14.1867%208.76538C14.3885%208.96028%2014.6588%209.06813%2014.9393%209.06569C15.2199%209.06326%2015.4882%208.95073%2015.6866%208.75234C15.885%208.55396%2015.9975%208.28559%2016%208.00504C16.0024%207.7245%2015.8945%207.45421%2015.6996%207.25241L8.75969%200.312462C8.66017%200.212523%208.54173%200.133421%208.41129%200.0797754C8.28086%200.0261303%208.14104%20-0.00098079%208%202.53359e-05C7.85901%20-0.000684198%207.71927%200.0265632%207.58888%200.0801921C7.45848%200.13382%207.34001%200.212764%207.24031%200.312462L0.300358%207.25241C0.105451%207.45421%20-0.00239849%207.7245%204.00543e-05%208.00504C0.00247765%208.28559%200.115006%208.55396%200.313391%208.75234C0.511776%208.95073%200.780143%209.06326%201.06069%209.06569C1.34124%209.06813%201.61152%208.96028%201.81332%208.76538Z%22%20fill%3D%22%23595959%22/%3E%3C/svg%3E") !important;
}



/* Mobile */
@media (max-width: 860px){
  body.psc-theme.client-side.faq-page #content{
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  body.psc-theme.client-side.faq-page #content .row .span8{
    padding: 28px 0 18px !important;
  }

  body.psc-theme.client-side.faq-page #content .row .span8 > h1{
    font-size: 26px;
    line-height: 1.25;
    text-align: left;
  }

  body.psc-theme.client-side.faq-page #breadcrumbs{
    text-align: left;
  }

  body.psc-theme.client-side.faq-page #content .row .span8::before{
    top: 70px;
    height: 150px;
  }
}

/* Mobile spacing */
@media (max-width: 860px){
  body.psc-theme.client-side.faq-page .psc-kb-subcats{
    max-width: 100%;
    margin-top: 12px !important;
  }

  body.psc-theme.client-side.faq-page .psc-kb-subcats > div{
    padding: 12px 14px !important;
  }

  body.psc-theme.client-side.faq-page .psc-kb-subcats > div a[href*="faq.php?cid="]{
    font-size: 16px;
  }

  body.psc-theme.client-side.faq-page .psc-kb-acc-title,
  body.psc-theme.client-side.faq-page .psc-kb-acc-list li{
    padding-left: 14px !important;
    padding-right: 14px !important;
  }
}

/* =========================================================
Fine FAQ Page
========================================================= */



/* =========================================================
Article Page
========================================================= */



/* Applica la banda SOLO se dentro c’è .faq-content */
body.psc-theme.client-side.faq-page #content:has(.faq-content)::before{
    content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100vw;
  height: 200px;
  background: #fff;
}

/* Pagina articolo: gradiente bianco→grigio sul body stesso (immune a overflow:hidden dei parent).
   --psc-body-thread-top = posizione assoluta di .thread-body dalla cima del documento (impostata da JS).
   Specificità (1,4,1) batte la regola grey (0,3,1) anche con !important. */
body.psc-theme.client-side.faq-page:has(#content .faq-content) {
  background: linear-gradient(
    to bottom,
    #fff var(--psc-body-thread-top, 200px),
    var(--color-bg-surface-highlight, #F5F7FA) var(--psc-body-thread-top, 200px)
  ) !important;
}
/* Nascondi le pseudo-bande che verrebbero clippate dall'overflow:hidden del tema base */
body.psc-theme.client-side.faq-page:has(#content .faq-content) #content::before,
body.psc-theme.client-side.faq-page:has(#content .faq-content) #content > .row::after {
  display: none !important;
}

body.psc-theme.client-side.faq-page .faq-content {
  margin-top:60px;
}

body.psc-theme.client-side.faq-page:has(#content .faq-content) .faq-content {
  margin-top: 0 !important;
}
body.psc-theme.client-side.faq-page:has(#content .faq-content) .thread-body {
  padding-top: 45px !important;
}

body.psc-theme.client-side.faq-page #content:has(.faq-content) > .row::before,
body.psc-theme.client-side.faq-page #content:has(.faq-content)::after{
  display: none !important;
}



/* ── Meta-bar: data (sx) + bottone Stampa (dx) ── */
body.psc-theme.client-side.faq-page .psc-article-meta-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 0;
}
body.psc-theme.client-side.faq-page .psc-article-meta-bar .faded {
  margin: 0 !important;
}

/* ── Sidebar allegati ── */
body.psc-has-sidebar.psc-theme.client-side.faq-page #content > .row {
  display: flex !important;
  align-items: flex-start !important;
  gap: 32px !important;
}
body.psc-has-sidebar.psc-theme.client-side.faq-page #content > .row > .span8 {
  flex: 1 1 0% !important;
  float: none !important;
  width: auto !important;
  margin: 0 !important;
}
body.psc-has-sidebar.psc-theme.client-side.faq-page #content > .row > .span4 {
  display: block !important;
  flex: 0 0 260px !important;
  width: 260px !important;
  padding-top: var(--psc-thread-top, 120px) !important;
}
body.psc-has-sidebar.psc-theme.client-side.faq-page .sidebar {
  display: block !important;
}
body.psc-has-sidebar.psc-theme.client-side.faq-page .sidebar .searchbar {
  display: none !important;
}
/* Azzera tutti i background/bordi del tema base su .sidebar e .content */
body.psc-has-sidebar.psc-theme.client-side.faq-page .sidebar,
body.psc-has-sidebar.psc-theme.client-side.faq-page .sidebar .content {
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  box-shadow: none !important;
}

body.psc-has-sidebar.psc-theme.client-side.faq-page .sidebar
{
  padding: 30px 0 0 0 !important;
}

/* Label "Allegati" */
body.psc-has-sidebar.psc-theme.client-side.faq-page .sidebar .content section > strong {
  display: block !important;
  font-family: var(--font-body) !important;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px; /* 125% */
  color: var(--color-text-secondary, #6b7280) !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  margin-bottom: 6px !important;
  padding-bottom: 0 !important;
  border-bottom: none !important;
}
/* Ogni riga file: direttamente sul grigio con linea separatrice */
body.psc-has-sidebar.psc-theme.client-side.faq-page .sidebar .content section > div {
  background: transparent;
  border: none;
  border-bottom: 1px solid rgba(17,24,39,0.10);
  border-radius: 0;
  margin-bottom: 0;
}
/* Link: icona sinistra | nome | icona download destra */
body.psc-has-sidebar.psc-theme.client-side.faq-page .sidebar .content section > div a {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 10px 0 12px 0 !important;
  color: var(--color-primary-700, #1d4ed8) !important;
  font-size: 13px !important;
  text-decoration: none !important;
}

body.psc-has-sidebar.psc-theme.client-side.faq-page .sidebar .content section > div a i {
  display: none !important;
}
body.psc-has-sidebar.psc-theme.client-side.faq-page .sidebar .content section > div a .psc-att-icon,
body.psc-has-sidebar.psc-theme.client-side.faq-page .sidebar .content section > div a .psc-dl-icon {
  display: flex !important;
  align-items: center !important;
  flex-shrink: 0 !important;
  margin-right: 10px !important;
}
/* Icona download iniettata da JS */
body.psc-has-sidebar.psc-theme.client-side.faq-page .sidebar .content section > div a .psc-dl-icon {
  margin-left: auto;
  flex-shrink: 0;
  display: flex;
  align-items: center;
}

/* Titolo pagina articolo (ma SOLO se esiste la row con faq-content) */
body.psc-theme.client-side.faq-page #content > h1{
  margin: 0 !important;
  padding: 45px 0 10px !important;
}

/* Titolo */
body.psc-theme.client-side.faq-page #kb > li h4 a, .faq-page h2, .faq-content .article-title {
  color: var(--color-neutri-900) !important;
  font-family: var(--font-body) !important;
  font-size: 28px !important;
  font-style: normal !important;
  font-weight: 600 !important;
  line-height: 125% !important;
}

body.psc-theme.client-side.faq-page .faded {
    color: var(--color-text-secondary);
    font-family: var(--font-body) !important;
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
}

body.psc-theme.client-side.faq-page .thread-body div, .thread-body p, .thread-body ul, .thread-body ol, .thread-body table, .thread-body dl, .thread-body blockquote, .thread-body pre {
    color: var(--color-neutri-900, #1B1B1B);
    font-family: var(--font-body) !important;
    font-size: 16px !important;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 125% */
}

body.psc-theme.client-side.faq-page :where(a):hover {
  color: var(--color-text-brand);
  text-decoration: underline !important;
}



/* Layout row solo articolo: aggancio su .faq-content */
body.psc-theme.client-side.faq-page #content > .row{
  display: flow-root !important;
  position: relative;
  z-index: 1;
  margin: 0 auto !important;
  padding: 0 0 80px !important;
}

/* Sidebar dx solo articolo (presente come span4 pull-right) — nascosta solo senza allegati, né sulla search page */
body.psc-theme.client-side.faq-page:not(.psc-has-sidebar):not(:has(#faq)) #content > .row > .span4.pull-right,
body.psc-theme.client-side.faq-page:not(.psc-has-sidebar):not(:has(#faq)) #content > .row > .span4{
  display: none !important;
}

/* Colonna principale */
body.psc-theme.client-side.faq-page #content > .row > .span8{
  float: none !important;
  width: 100% !important;
  margin: 0 !important;
}

body.psc-theme.client-side.faq-page h2
{
  display: none;
}



/* Mobile solo articolo */
@media (max-width: 860px){
  body.psc-theme.client-side.faq-page #content::before{ height: 190px; }
  body.psc-theme.client-side.faq-page #content::after{
    top: 190px;
    height: calc(100% - 190px);
  }

  body.psc-theme.client-side.faq-page #content > h1{
    padding: 46px 16px 8px !important;
    text-align: left;
  }

  body.psc-theme.client-side.faq-page #breadcrumbs{
    text-align: left;
    padding: 6px 16px 18px !important;
  }

  body.psc-theme.client-side.faq-page #content > .row{
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  body.psc-theme.client-side.faq-page #content > .row .faq-content{
    padding: 18px 16px 20px !important;
  }
}




/* =========================================================
   KB Search Bar – #psc-kb-searchbar
   ========================================================= */

body.psc-theme.client-side #psc-kb-searchbar {
  width: 100%;
  margin: 0 0 45px;
  box-sizing: border-box;
}

body.psc-theme.client-side #psc-kb-searchbar > form {
  display: flex;
  align-items: center;
  gap: 20px;
  width: 100%;
}

/* Input container */
body.psc-theme.client-side #psc-kb-search-input-wrap {
  display: flex;
  align-items: center;
  flex: 1;
  height: 40px;
  padding: 0 8px;
  border-radius: 10px;
  background: #fff;
  border: 1px solid #d1d5db;
  box-shadow: none !important;
  gap: 4px;
}

body.psc-theme.client-side #psc-kb-search-input-wrap:focus-within {
  outline: none;
}

/* Input testo */
body.psc-theme.client-side #psc-kb-q {
  flex: 1;
  height: 100%;
  border: none !important;
  background: transparent;
  outline: none;
  font-family: var(--font-body);
  font-size: 16px;
  font-weight: 400;
  color: var(--color-text, #111827);
  min-width: 0;
  -webkit-appearance: none;
  appearance: none;
  height: 100% !important;
}

body.psc-theme.client-side #psc-kb-q::placeholder {
  color: var(--color-text-placeholder, #9ca3af);
  font-weight: 400;
}

body.psc-theme.client-side #psc-kb-q:focus {
  outline: none !important;
  box-shadow: none !important;
}

/* Bottone lente (mask-image SVG) */
body.psc-theme.client-side .psc-kb-search-btn {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  border: none;
  background-color: var(--color-icon-primary, #595959);
  padding: 0;
  cursor: pointer;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='13' viewBox='0 0 13 13' fill='none'%3E%3Cpath d='M12.0815 11.23L9.85683 9.02332C10.7204 7.94661 11.1386 6.57996 11.0254 5.20437C10.9123 3.82879 10.2764 2.54884 9.2485 1.62771C8.22062 0.706573 6.87888 0.214268 5.49917 0.252021C4.11946 0.289775 2.80665 0.854718 1.83069 1.83069C0.854718 2.80665 0.289775 4.11946 0.252021 5.49917C0.214268 6.87888 0.706573 8.22062 1.62771 9.2485C2.54884 10.2764 3.82879 10.9123 5.20437 11.0254C6.57996 11.1386 7.94661 10.7204 9.02332 9.85683L11.23 12.0635C11.2858 12.1197 11.3521 12.1643 11.4251 12.1948C11.4982 12.2252 11.5766 12.2409 11.6558 12.2409C11.7349 12.2409 11.8133 12.2252 11.8864 12.1948C11.9594 12.1643 12.0258 12.1197 12.0815 12.0635C12.1896 11.9517 12.25 11.8023 12.25 11.6468C12.25 11.4913 12.1896 11.3418 12.0815 11.23ZM5.65932 9.85683C4.82914 9.85683 4.01759 9.61065 3.32732 9.14942C2.63704 8.6882 2.09903 8.03263 1.78134 7.26564C1.46364 6.49865 1.38051 5.65467 1.54247 4.84043C1.70444 4.0262 2.10421 3.27827 2.69124 2.69124C3.27827 2.10421 4.0262 1.70444 4.84043 1.54247C5.65467 1.38051 6.49865 1.46364 7.26564 1.78134C8.03263 2.09904 8.68819 2.63704 9.14942 3.32732C9.61065 4.01759 9.85683 4.82914 9.85683 5.65932C9.85683 6.77257 9.41459 7.84022 8.62741 8.62741C7.84022 9.41459 6.77257 9.85683 5.65932 9.85683Z' fill='black' stroke='black' stroke-width='0.5'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='13' viewBox='0 0 13 13' fill='none'%3E%3Cpath d='M12.0815 11.23L9.85683 9.02332C10.7204 7.94661 11.1386 6.57996 11.0254 5.20437C10.9123 3.82879 10.2764 2.54884 9.2485 1.62771C8.22062 0.706573 6.87888 0.214268 5.49917 0.252021C4.11946 0.289775 2.80665 0.854718 1.83069 1.83069C0.854718 2.80665 0.289775 4.11946 0.252021 5.49917C0.214268 6.87888 0.706573 8.22062 1.62771 9.2485C2.54884 10.2764 3.82879 10.9123 5.20437 11.0254C6.57996 11.1386 7.94661 10.7204 9.02332 9.85683L11.23 12.0635C11.2858 12.1197 11.3521 12.1643 11.4251 12.1948C11.4982 12.2252 11.5766 12.2409 11.6558 12.2409C11.7349 12.2409 11.8133 12.2252 11.8864 12.1948C11.9594 12.1643 12.0258 12.1197 12.0815 12.0635C12.1896 11.9517 12.25 11.8023 12.25 11.6468C12.25 11.4913 12.1896 11.3418 12.0815 11.23ZM5.65932 9.85683C4.82914 9.85683 4.01759 9.61065 3.32732 9.14942C2.63704 8.6882 2.09903 8.03263 1.78134 7.26564C1.46364 6.49865 1.38051 5.65467 1.54247 4.84043C1.70444 4.0262 2.10421 3.27827 2.69124 2.69124C3.27827 2.10421 4.0262 1.70444 4.84043 1.54247C5.65467 1.38051 6.49865 1.46364 7.26564 1.78134C8.03263 2.09904 8.68819 2.63704 9.14942 3.32732C9.61065 4.01759 9.85683 4.82914 9.85683 5.65932C9.85683 6.77257 9.41459 7.84022 8.62741 8.62741C7.84022 9.41459 6.77257 9.85683 5.65932 9.85683Z' fill='black' stroke='black' stroke-width='0.5'/%3E%3C/svg%3E");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-position: center;
  mask-position: center;
  background-image: none;
}

/* Dropdown argomento */
body.psc-theme.client-side #psc-kb-topic-wrap {
  flex-shrink: 0;
}

body.psc-theme.client-side #psc-kb-topicSelect {
  height: 40px;
  min-width: 200px;
  border-radius: 10px;
  border: 1px solid #d1d5db;
  box-shadow: 0 2px 8px rgba(0,0,0,0.10);
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='10' viewBox='0 0 16 10' fill='none'%3E%3Cpath d='M14.1867 0.300359L8 6.48704L1.81332 0.300359C1.61152 0.105451 1.34124 -0.00239744 1.06069 4.04484e-05C0.780144 0.00247833 0.511777 0.115008 0.313392 0.313392C0.115008 0.511777 0.00247833 0.780144 4.04484e-05 1.06069C-0.00239744 1.34124 0.105451 1.61152 0.300359 1.81332L7.24031 8.75327C7.33983 8.85321 7.45827 8.93231 7.58871 8.98596C7.71914 9.03961 7.85897 9.06672 8 9.06571C8.14099 9.06642 8.28073 9.03917 8.41112 8.98554C8.54152 8.93192 8.65999 8.85297 8.75969 8.75327L15.6996 1.81332C15.8946 1.61152 16.0024 1.34124 16 1.06069C15.9975 0.780144 15.885 0.511777 15.6866 0.313392C15.4882 0.115008 15.2199 0.00247833 14.9393 4.04484e-05C14.6588 -0.00239744 14.3885 0.105451 14.1867 0.300359Z' fill='%23595959'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 12px center;
  background-size: 12px 8px;
  padding: 0 36px 0 14px;
  font-family: var(--font-body);
  font-size: 16px;
  font-weight: 400;
  color: var(--color-text, #111827);
  -webkit-appearance: none;
  appearance: none;
  cursor: pointer;
  outline: none;
}

body.psc-theme.client-side #psc-kb-topicSelect:focus {
  outline: none !important;
  box-shadow: none !important;
}

/* Index page: search bar prima della lista categorie */
body.psc-theme.client-side.index-page #psc-kb-searchbar {
  margin-top: 0;
  padding-bottom: 0px;
}

/* Faq-category page: search bar dopo h1 */
body.psc-theme.client-side.faq-page #psc-kb-searchbar {
  margin-top: 16px;
  margin-bottom: 45px;
}

/* Faq-category: barra "Esplora gli articoli" + contatore */
body.psc-theme.client-side.faq-page .psc-kb-articles-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 30px 0 14px;
  border-bottom: 1px solid rgba(17, 24, 39, 0.10);
  margin-bottom: 8px;
}

body.psc-theme.client-side.faq-page .psc-kb-articles-label {
  font-family: var(--font-body);
  font-size: 14px;
  font-weight: 700;
  color: var(--color-neutri-900, #1B1B1B);
}

body.psc-theme.client-side.faq-page .psc-kb-articles-count {
  font-family: var(--font-body);
  font-size: 14px;
  font-weight: 400;
  color: var(--color-text-secondary, #6b7280);
}

body.psc-theme.client-side.index-page .span8 {
  width: 100% !important;
}

/* Mobile */
@media (max-width: 860px) {
  body.psc-theme.client-side #psc-kb-searchbar > form {
    flex-direction: column;
    align-items: stretch;
    gap: 10px;
  }

  body.psc-theme.client-side #psc-kb-search-input-wrap,
  body.psc-theme.client-side #psc-kb-topic-wrap,
  body.psc-theme.client-side #psc-kb-topicSelect {
    width: 100% !important;
    min-width: unset !important;
    box-sizing: border-box;
  }
}

/* =========================================================
   Search Results Page  (/kb/faq.php?a=search)
   Hook: #faq esiste solo in kb-search.inc.php
   ========================================================= */

/* Gradiente bianco → grigio sul body (immune a overflow:hidden di #content) */
body.psc-theme.client-side.faq-page.psc-search-page {
  background: linear-gradient(
    to bottom,
    #fff var(--psc-body-search-split, 300px),
    var(--color-bg-surface-highlight, #F5F7FA) var(--psc-body-search-split, 300px)
  ) !important;
}
/* Disabilita eventuali pseudo-elementi del tema base che interferirebbero */
body.psc-theme.client-side.faq-page.psc-search-page #content::before,
body.psc-theme.client-side.faq-page.psc-search-page #content > .row::after {
  display: none !important;
}

/* 2-column flex layout */
body.psc-theme.client-side.faq-page:has(#faq) #content > .row {
  display: flex !important;
  align-items: flex-start !important;
  gap: 48px !important;
}
body.psc-theme.client-side.faq-page:has(#faq) #content > .row > .span8 {
  flex: 1 1 0% !important;
  float: none !important;
  width: auto !important;
  margin: 0 !important;
}
body.psc-theme.client-side.faq-page:has(#faq) #content > .row > .span4 {
  flex: 0 0 280px !important;
  width: 280px !important;
  float: none !important;
  margin: 0 !important;
  padding-top: var(--psc-search-sidebar-top, 0px) !important;
}

/* Nascondi h1 e h2 originali: li gestiamo via JS */
body.psc-theme.client-side.faq-page:has(#faq) #content > .row > .span8 > h1,
body.psc-theme.client-side.faq-page:has(#faq) #content > .row > .span8 > div > h2 {
  display: none !important;
}

/* Header area inserita da JS */
body.psc-theme.client-side.faq-page .psc-search-header {
  margin-bottom: 0;
}
body.psc-theme.client-side.faq-page .psc-search-header h1 {

  margin: 45px 0 30px !important;
}
body.psc-theme.client-side.faq-page .psc-search-header .psc-search-count {
  font-size: 16px;
  color: var(--color-text-secondary, #6b7280);
  margin: 0 0 30px !important;
  font-weight: 400;
  font-family: var(--font-body);
}

/* Barra "Esplora gli articoli" inserita da JS sopra la <ol> */
body.psc-theme.client-side.faq-page .psc-explore-bar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 2px solid var(--color-border, #e5e7eb);
  padding: 30px 0 10px !important;
  margin-bottom: 0;
}
body.psc-theme.client-side.faq-page .psc-explore-bar .psc-explore-label {
  font-size: 18px;
  font-weight: 600;
  color: var(--color-text-primary, #1b1b1b);
  font-family: var(--font-body);
}

/* Testo contatore "#faq" (il testo nodo diretto dentro #faq, prima di <ol>) */
body.psc-theme.client-side.faq-page #faq {
  font-size: 0; /* nasconde il testo del contatore, viene mostrato sopra via JS */
}

/* List → cards */
body.psc-theme.client-side.faq-page #faq ol {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 16px; /* ripristina dopo font-size:0 sul parent */
}
body.psc-theme.client-side.faq-page #faq ol li {
  display: flex !important;
  flex-direction: column !important;
  padding: 18px 0 !important;
  border-bottom: 1px solid var(--color-border, #e5e7eb) !important;
  margin: 0 !important;
  font-size: 16px;
}
/* Nasconde l'icona <i class="icon-file-alt"> originale */
body.psc-theme.client-side.faq-page #faq ol li > i {
  display: none !important;
}
/* Link titolo */
body.psc-theme.client-side.faq-page #faq ol li > a {
  font-size: 18px !important;
  font-weight: 500 !important;
  color: var(--color-primary-700, #1d4ed8) !important;
  text-decoration: none !important;
  margin-bottom: 5px !important;
  font-family: var(--font-body);
}
body.psc-theme.client-side.faq-page #faq ol li > a:hover {
  text-decoration: underline !important;
}

/* Meta riga: data · visibilità · allegato */
body.psc-theme.client-side.faq-page .psc-search-meta {
  display: flex !important;
  align-items: center !important;
  gap: 5px !important;
  font-size: 14px !important;
  color: var(--color-text-secondary, #6b7280) !important;
  margin-bottom: 7px !important;
  font-weight: 300;
  font-family: var(--font-body) !important;
}
body.psc-theme.client-side.faq-page .psc-dot {
  color: var(--color-border, #d1d5db);
}
body.psc-theme.client-side.faq-page .psc-search-att {
  display: inline-flex;
  align-items: center;
  gap: 3px;
}

/* Excerpt */
body.psc-theme.client-side.faq-page .psc-search-excerpt {
  display: block !important;
  font-size: 16px !important;
  color: var(--color-text-primary, #374151) !important;
  line-height: 1.55 !important;
  font-weight: 400 !important;
  font-family: var(--font-body);
}

/* ---- Sidebar ---- */
body.psc-theme.client-side.faq-page:has(#faq) .sidebar {
  background: var(--color-bg-surface-accent) !important;
  border-radius: 10px !important;
  border: none !important;
  box-shadow: none !important;
  font-family: var(--font-body);
}
body.psc-theme.client-side.faq-page:has(#faq) .sidebar .content {
  background: transparent !important;
  border: none !important;
  padding: 16px !important;
}
/* Nasconde la searchbar nella sidebar della search page */
body.psc-theme.client-side.faq-page:has(#faq) .sidebar .searchbar {
  display: none !important;
}
/* Nasconde la sezione Help Topics (lascia solo Categorie) */
body.psc-theme.client-side.faq-page:has(#faq) .sidebar .content section:first-child {
  display: none !important;
}
/* Header sezione "Categorie" → stile "Potrebbe interessarti anche" */
body.psc-theme.client-side.faq-page:has(#faq) .sidebar .content section .header {
  font-size: 18px !important;
  font-weight: 600 !important;
  color: var(--color-text-primary, #1b1b1b) !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  border-bottom: 1px solid rgba(17,24,39,0.10) !important;
  padding-bottom: 10px !important;
  margin-bottom: 4px !important;
}
/* Link categorie */
body.psc-theme.client-side.faq-page:has(#faq) .sidebar .content section div {
  border-bottom: 1px solid rgba(17,24,39,0.07) !important;
}
body.psc-theme.client-side.faq-page:has(#faq) .sidebar .content section div:last-child {
  border-bottom: none !important;
}
body.psc-theme.client-side.faq-page:has(#faq) .sidebar .content section div a {
  display: flex !important;
  justify-content: space-between !important;
  align-items: baseline !important;
  gap: 6px !important;
  padding: 7px 0 !important;
  font-size: 18px !important;
  font-weight: 500;
  color: var(--color-primary-700, #1d4ed8) !important;
  text-decoration: none !important;
  font-family: var(--font-body);
}
body.psc-theme.client-side.faq-page:has(#faq) .sidebar .content section div a:hover {
  color: var(--color-primary-900, #1e3a8a) !important;
}
body.psc-theme.client-side.faq-page:has(#faq) .sidebar .content section div a .psc-cat-count {
  color: var(--color-text-secondary, #6b7280);
  font-size: 12px;
  white-space: nowrap;
  flex-shrink: 0;
}

@media (max-width: 860px) {
  /* Layout: colonne in verticale */
  body.psc-theme.client-side.faq-page:has(#faq) #content > .row {
    flex-direction: column !important;
    gap: 32px !important;
  }
  body.psc-theme.client-side.faq-page:has(#faq) #content > .row > .span8,
  body.psc-theme.client-side.faq-page:has(#faq) #content > .row > .span4 {
    width: 100% !important;
    flex: 0 0 auto !important;
  }

  /* H1 e spaziature ridotte */
  body.psc-theme.client-side.faq-page .psc-search-header h1 {
    font-size: 22px !important;
    margin: 24px 0 16px !important;
  }
  body.psc-theme.client-side.faq-page .psc-search-header .psc-search-count {
    margin-bottom: 24px !important;
  }
  body.psc-theme.client-side.faq-page .psc-explore-bar {
    padding: 20px 0 10px !important;
  }

  /* Cards */
  body.psc-theme.client-side.faq-page #faq ol li {
    padding: 14px 0 !important;
  }
  body.psc-theme.client-side.faq-page #faq ol li > a {
    font-size: 15px !important;
  }
  body.psc-theme.client-side.faq-page .psc-search-excerpt {
    font-size: 13px !important;
  }

  /* Sidebar a larghezza piena */
  body.psc-theme.client-side.faq-page:has(#faq) .sidebar .content {
    padding: 14px !important;
  }
}