/* ============================================================
   TABELLA GUIDA PRATICA — Raffrescatore Evaporativo Portatile
   Da aggiungere al CSS del tema del sito
   ============================================================ */

.flow-guida { font-family:'Raleway','Helvetica Neue',Arial,sans-serif; max-width:860px; margin:40px auto 48px; }

/* Badge "GUIDA PRATICA" */
.flow-guida__badge { display:inline-block; font-family:'Montserrat','Helvetica Neue',Arial,sans-serif; font-size:10px; font-weight:700; letter-spacing:.16em; text-transform:uppercase; background:#d2010f; color:#fff; padding:4px 10px; border-radius:3px; margin-bottom:14px; }

/* Titolo e sottotitolo */
.flow-guida__title { font-family:'Montserrat','Helvetica Neue',Arial,sans-serif; font-size:22px; font-weight:600; color:#222; margin:0 0 6px !important; line-height:1.2; }
.flow-guida__sub { font-size:13.5px; color:#777; margin:0 0 20px; }

/* Tabella */
.flow-guida__table { width:100%; border-collapse:collapse; font-size:14px; }

/* Intestazione */
.flow-guida__table thead th { background:#222; color:#fff; font-family:'Montserrat','Helvetica Neue',Arial,sans-serif; font-size:10.5px; font-weight:700; letter-spacing:.12em; text-transform:uppercase; padding:12px 16px; text-align:left; border:none; }
.flow-guida__table thead th:first-child { width:150px; }
.flow-guida__table thead th:nth-child(2) { width:220px; }

/* Righe */
.flow-guida__table tbody tr { border-bottom:1px solid #e8e8e8; }
.flow-guida__table tbody tr:last-child { border-bottom:2px solid #e0e0e0; }
.flow-guida__table tbody td { padding:14px 16px; vertical-align:top; color:#333; line-height:1.55; }

/* Badge tipo: Consiglio Pro */
.flow-tipo--pro { display:inline-flex; align-items:center; gap:6px; background:#f0faf2; border:1px solid #b8e6c4; color:#256b35; font-family:'Montserrat','Helvetica Neue',Arial,sans-serif; font-size:11px; font-weight:700; padding:5px 10px; border-radius:20px; white-space:nowrap; }
.flow-tipo--pro .fa { color:#34a853; font-size:12px; }

/* Badge tipo: Errore da Evitare */
.flow-tipo--err { display:inline-flex; align-items:center; gap:6px; background:#fff4f0; border:1px solid #f5c4b0; color:#c0420a; font-family:'Montserrat','Helvetica Neue',Arial,sans-serif; font-size:11px; font-weight:700; padding:5px 10px; border-radius:20px; white-space:nowrap; }
.flow-tipo--err .fa { color:#e8622a; font-size:12px; }

/* Azione in grassetto */
.flow-guida__table .azione { font-weight:600; color:#222; }

/* Footer */
.flow-guida__footer { font-size:12px; color:#aaa; text-align:right; margin-top:10px; font-style:italic; }

/* Mobile */
@media(max-width:600px){
  .flow-guida__table thead th:nth-child(2),
  .flow-guida__table tbody td:nth-child(2) { display:none; }
  .flow-guida__table thead th:first-child { width:120px; }
  .flow-guida__table tbody td { padding:12px; font-size:13px; }
  .flow-guida__title { font-size:18px !important; }
}

/* Category FAQ accordions, limited to the four approved Italian categories. */
.flow-category-faq { margin:40px 0 48px; clear:both; text-align:left; }
.flow-category-faq__title { font-family:'Montserrat','Helvetica Neue',Arial,sans-serif; font-size:22px; font-weight:600; color:#222; line-height:1.35; margin:0 0 20px !important; }
.flow-category-faq__item { border:1px solid #e0e0e0; border-radius:3px; margin:0 0 10px; background:#fff; }
.flow-category-faq__question { position:relative; display:block; list-style:none; cursor:pointer; font-family:'Montserrat','Helvetica Neue',Arial,sans-serif; font-size:15px; font-weight:600; line-height:1.5; color:#222; padding:16px 48px 16px 18px; }
.flow-category-faq__question::-webkit-details-marker { display:none; }
.flow-category-faq__question::after { content:'+'; position:absolute; right:18px; top:16px; color:#d2010f; font-size:22px; line-height:1; }
.flow-category-faq__item[open] > .flow-category-faq__question { border-bottom:1px solid #eee; }
.flow-category-faq__item[open] > .flow-category-faq__question::after { content:'−'; }
.flow-category-faq__question:focus-visible { outline:2px solid #d2010f; outline-offset:2px; }
.flow-category-faq__answer { padding:16px 18px; font-size:14px; line-height:1.7; color:#333; }
.flow-category-faq__answer p { margin:0; }
@media(max-width:600px) {
  .flow-category-faq__title { font-size:18px; }
  .flow-category-faq__question { font-size:14px; padding:14px 42px 14px 14px; }
  .flow-category-faq__answer { padding:14px; }
}

/* The torrini table was saved by the CMS without the supplied CSS classes. */
#estrattori-aria-torrini .page-head table { font-family:'Raleway','Helvetica Neue',Arial,sans-serif; width:100%; max-width:860px; margin:40px auto 20px; border-collapse:collapse; font-size:14px; }
#estrattori-aria-torrini .page-head table thead th { background:#222; color:#fff; font-family:'Montserrat','Helvetica Neue',Arial,sans-serif; font-size:10.5px; font-weight:700; letter-spacing:.12em; text-transform:uppercase; padding:12px 16px; text-align:left; border:none; }
#estrattori-aria-torrini .page-head table thead th:first-child { width:150px; }
#estrattori-aria-torrini .page-head table thead th:nth-child(2) { width:220px; }
#estrattori-aria-torrini .page-head table tbody tr { border-bottom:1px solid #e8e8e8; }
#estrattori-aria-torrini .page-head table tbody tr:last-child { border-bottom:2px solid #e0e0e0; }
#estrattori-aria-torrini .page-head table tbody td { padding:14px 16px; vertical-align:top; color:#333; line-height:1.55; }
#estrattori-aria-torrini .page-head table tbody td:first-child { color:#256b35; font-family:'Montserrat','Helvetica Neue',Arial,sans-serif; font-size:11px; font-weight:700; }
#estrattori-aria-torrini .page-head table tbody tr:nth-child(n+4) td:first-child { color:#c0420a; }
#estrattori-aria-torrini .page-head table tbody td:nth-child(2) { font-weight:600; color:#222; }
/* Keep all three columns readable on narrow screens, as stacked rows. */
@media(max-width:600px) {
  .flow-guida__table, #estrattori-aria-torrini .page-head table { display:block; width:100%; }
  .flow-guida__table thead, #estrattori-aria-torrini .page-head table thead { display:none; }
  .flow-guida__table tbody, #estrattori-aria-torrini .page-head table tbody { display:block; }
  .flow-guida__table tbody tr, #estrattori-aria-torrini .page-head table tbody tr { display:block; border:1px solid #e0e0e0; border-radius:3px; margin-bottom:12px; padding:12px; }
  .flow-guida__table tbody td, #estrattori-aria-torrini .page-head table tbody td { display:block; padding:4px 0; width:auto; font-size:13px; }
  .flow-guida__table tbody td:nth-child(2) { display:block; }
  .flow-guida__table tbody td:first-child, #estrattori-aria-torrini .page-head table tbody td:first-child { margin-bottom:4px; }
}