/* editorial.css — layer '.ed-' recensioni (portato da Libreria B / lesbonussansdepot).
   Richiede Font Awesome 5 (gia caricato). Palette rosso #d81d04. */
/* componenti-editoriali-B.css — Libreria editoriale ".ed-" (Famiglia B: lesbonussansdepot)
   ---------------------------------------------------------------------------------------
   Layer per pagine RECENSIONE e ARTICOLI long-form su template B (Bootstrap + jQuery + Owl).
   Estratto e testato sul sito reale bonussemdeposito.com (pt-br, accento #d81d04).
   Prefisso .ed-  → nessun conflitto con lo styles.css del tema.
   Icone: "Font Awesome 5 Free" (FA5, già caricato dalle pagine B via ::before, weight 900).

   Rapporto con gli altri componenti B:
   - `nuovi-componenti-B.css` (prefisso `lbsd-`) = gap-fill storico (FAQ/pro-contro/callout).
   - QUESTO file (`ed-`) = layer editoriale completo: callout info/risk/safe/note, FAQ a
     fisarmonica, PIÙ ciò che serve a una pagina recensione: ficha técnica/sidebar
     "Fundamentos" ridisegnata con icone, snapshot SVG della valutazione, tipografia
     long-form, griglia criteri (metodologia), TOC, scheda archivio "Encerrado".
   I due set convivono (prefissi diversi); su una pagina recensione usa `ed-`.

   TOKENIZZAZIONE (sito B con accento diverso): sostituisci
     #d81d04 (accento) · #a21805 (accento scuro) · #005687 (info/focus) ·
     #1f7a3d / #0f5226 (safe) · #ff5b43 (icona head sidebar)
   con i token del sito (vedi tokens-B.css / _GLOSSARIO_TOKEN.md). Raggi, ombre e icone restano. */

/* ---- Pannello pagina: card bianca che si solleva sull'hero scuro ---- */
.ed-page{
  background:#fff;
  border-radius:10px;
  box-shadow:0 12px 30px rgba(0,0,0,.10);
  padding:48px;
  margin:-56px auto 0;
  position:relative;
  z-index:2;
}

/* ---- Riga meta (autore / aggiornamento) per freschezza E-E-A-T ---- */
.ed-meta{
  font-size:13px;
  color:#6b6f7a;
  margin:0 0 28px;
  padding-bottom:16px;
  border-bottom:1px solid #e6e8ef;
}
.ed-meta strong{color:#1d1d1d;font-weight:700;}

/* ---- Paragrafo introduttivo ---- */
.ed-lead{font-size:18px;line-height:1.7;color:#2a2d35;margin-bottom:28px;}

/* ---- Tipografia long-form (ritmo più leggibile del default) ---- */
.ed-article h2{font-size:1.85em;font-weight:700;margin:42px 0 16px;}
.ed-article > :first-child{margin-top:0;}
.ed-article h3{font-size:1.35em;font-weight:700;margin:30px 0 12px;}
.ed-article p{margin-bottom:18px;}
.ed-article ul,.ed-article ol{margin:0 0 18px 22px;}
.ed-article li{margin-bottom:8px;}
.ed-article a{color:#d81d04;font-weight:600;}
.ed-article a:hover{color:#a21805;}
.ed-article a:focus-visible{outline:2px solid #005687;outline-offset:2px;}

/* ---- Callout (box informativi) ---- */
.ed-callout{
  position:relative;
  background:#f7f7f7;
  border-radius:8px;
  border-left:6px solid #d81d04;
  padding:20px 24px;
  margin:0 0 28px;
}
.ed-callout-title{
  display:flex;align-items:center;gap:10px;
  font-weight:800;font-size:14px;text-transform:uppercase;letter-spacing:.04em;
  margin:0 0 10px;color:#1d1d1d;
}
.ed-callout-title::before{font-family:"Font Awesome 5 Free";font-weight:900;font-size:18px;line-height:1;}
.ed-callout > :last-child{margin-bottom:0;}
.ed-callout--info{background:#eef4f9;border-left-color:#005687;}
.ed-callout--info .ed-callout-title{color:#0a3252;}
.ed-callout--info .ed-callout-title::before{content:"\f05a";color:#005687;}      /* info */
.ed-callout--risk{background:#fdecea;border-left-color:#d81d04;}
.ed-callout--risk .ed-callout-title{color:#a21805;}
.ed-callout--risk .ed-callout-title::before{content:"\f071";color:#d81d04;}      /* attenzione */
.ed-callout--safe{background:#eaf5ee;border-left-color:#1f7a3d;}
.ed-callout--safe .ed-callout-title{color:#0f5226;}
.ed-callout--safe .ed-callout-title::before{content:"\f058";color:#1f7a3d;}      /* ok */
.ed-callout--note{background:#f1f2f5;border-left-color:#8a8f9a;}
.ed-callout--note .ed-callout-title{color:#3a3d44;}
.ed-callout--note .ed-callout-title::before{content:"\f0c1";color:#6b6f7a;}      /* disclosure (link) */

/* ---- Griglia criteri (metodologia "como avaliamos") ---- */
.ed-criteria{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px;
  margin:0 0 28px;padding:0;list-style:none;
}
.ed-criteria li{margin:0;background:#fff;border:1px solid #e6e8ef;border-radius:8px;padding:18px 20px;}
.ed-crit-name{display:flex;align-items:center;gap:10px;font-weight:700;font-size:15px;margin-bottom:8px;color:#1d1d1d;}
.ed-crit-name::before{font-family:"Font Awesome 5 Free";font-weight:900;color:#d81d04;font-size:17px;width:22px;text-align:center;flex:none;}
.ed-crit-desc{font-size:13px;color:#4a4d57;line-height:1.6;margin:0;}
.ic-license::before{content:"\f3ed";}   /* shield */
.ic-terms::before{content:"\f15c";}     /* documento */
.ic-payout::before{content:"\f51e";}    /* moedas */
.ic-games::before{content:"\f522";}     /* dado */
.ic-support::before{content:"\f590";}   /* headset */
.ic-mobile::before{content:"\f3cd";}    /* celular */
.ic-rep::before{content:"\f005";}       /* estrela */

/* ---- Indice (TOC) per articoli lunghi ---- */
.ed-toc{background:#fff;border:1px solid #e6e8ef;border-left:6px solid #1d1d1d;border-radius:8px;padding:18px 24px;margin:0 0 28px;}
.ed-toc-title{font-weight:800;text-transform:uppercase;font-size:12px;letter-spacing:.06em;margin-bottom:10px;}
.ed-toc ul{margin:0 0 0 18px;padding:0;}
.ed-toc li{margin-bottom:6px;}

/* ---- Archivio: scheda "Encerrado" (programma chiuso) ---- */
.ed-encerrado{background:#f1f2f5;border:1px solid #d9dbe3;border-radius:8px;padding:20px 24px;margin:0 0 22px;}
.ed-badge{display:inline-block;background:#6b6f7a;color:#fff;font-weight:800;font-size:11px;text-transform:uppercase;letter-spacing:.06em;padding:4px 11px;border-radius:4px;margin-bottom:10px;}
.ed-encerrado h3{margin:6px 0 8px;font-size:1.3em;}
.ed-encerrado > :last-child{margin-bottom:0;}

/* ---- Responsive ---- */
@media(max-width:767px){
  .ed-page{padding:26px;margin-top:-28px;}
  .ed-lead{font-size:16px;}
  .ed-article h2{font-size:1.55em;}
}

/* ====================================================================
   Sidebar "Fundamentos do cassino" (ficha técnica) — redesign + fix
   --------------------------------------------------------------------
   Bug corretto: il contenuto usava float dentro un contenitore sticky
   che NON lo conteneva; quando la colonna di testo era più bassa della
   barra laterale, questa traboccava sulla sezione seguente. Soluzione:
   niente float, flusso normale, contenitore in flow-root (a prova di overlap).
   Le righe usano un'icona FA a sinistra dell'etichetta (mappa label→icona
   nello snippet HTML / README).
   ==================================================================== */
.cont-review-sidebar{position:static;display:flow-root;float:none;top:auto;margin-bottom:35px;}
.review-sidebar{
  float:none;width:100%;color:#2a2d35;
  background:#fff;border:1px solid #e6e8ef;border-radius:12px;overflow:hidden;
  box-shadow:0 12px 30px rgba(0,0,0,.10);margin-bottom:25px;
}
.review-sidebar-head{
  float:none;width:100%;border-radius:0;
  background:linear-gradient(180deg,#2b2e36 0,#1a1a1a 100%);
  color:#fff;font-weight:800;text-transform:uppercase;letter-spacing:.05em;font-size:13.5px;
  padding:15px 18px;text-align:center;
  display:flex;align-items:center;justify-content:center;gap:9px;
}
.review-sidebar-head::before{
  font-family:"Font Awesome 5 Free";font-weight:900;content:"\f46d";color:#ff5b43;font-size:15px;line-height:1;
}
.rewiew-sidebar-content{float:none;width:100%;background:#fff;}
.review-row{display:flex;align-items:stretch;border-top:1px solid #eef0f5;font-size:13px;line-height:1.5;}
.review-row:first-child{border-top:none;}
.review-row:nth-child(even){background:#fafbfc;}
.review-row>span{padding:11px 14px;}
.review-row>span:first-child{
  width:43%;border-right:1px solid #eef0f5;font-weight:700;color:#1d1d1d;
  display:flex;align-items:flex-start;gap:9px;
}
.review-row>span:last-child{width:57%;color:#4a4d57;}
.review-row>span:first-child i{color:#d81d04;font-size:13px;width:17px;text-align:center;flex:none;margin-top:2px;}
.review-row span a{color:#d81d04;font-weight:600;}
.review-row span a:hover{color:#a21805;}
@media(max-width:767px){
  .review-row>span:first-child{width:46%;}
  .review-row>span:last-child{width:54%;}
}

/* ===== FAQ collassabili (accordion <details>) + figure/snapshot ===== */
.ed-faq-list{margin:14px 0 6px}
.ed-faq{border:1px solid #e6e8ef;border-radius:10px;margin:10px 0;overflow:hidden;background:#fff}
.ed-faq summary{cursor:pointer;list-style:none;padding:14px 46px 14px 18px;font-weight:700;color:#1d1d1d;position:relative;font-size:1.02em;transition:background .15s}
.ed-faq summary::-webkit-details-marker{display:none}
.ed-faq summary::after{content:"+";position:absolute;right:16px;top:50%;transform:translateY(-50%);font-size:1.5em;line-height:1;color:#d81d04;font-weight:700}
.ed-faq[open] summary::after{content:"\2212"}
.ed-faq[open] summary{border-bottom:1px solid #eef0f5}
.ed-faq summary:hover{background:#fafbfc}
.ed-faq-a{padding:14px 18px 4px}
.ed-faq-a p{margin:0 0 12px}
.ed-figure{margin:22px 0;text-align:center}
.ed-figure svg{max-width:100%;height:auto;border:1px solid #eef0f5;border-radius:12px;background:#fff}
.ed-figure figcaption{margin-top:8px;font-size:.9em;color:#6b6f7a}

/* ---- hero recensione + card casinò + stelle (bonossindeposito) ---- */
.ed-hero{background:linear-gradient(120deg,#e8290f 0,#9e1503 100%);border-radius:16px;padding:22px 26px;color:#fff;display:flex;flex-wrap:wrap;align-items:center;gap:22px;margin:22px 0 14px;box-shadow:0 10px 26px rgba(216,29,4,.28);}
.ed-hero__logo{flex:none;width:150px;background:#fff;border-radius:12px;padding:10px;}
.ed-hero__logo img{width:100%;height:auto;display:block;border-radius:6px;}
.ed-hero__name{flex:none;width:150px;background:rgba(0,0,0,.18);border-radius:12px;padding:16px 12px;text-align:center;font-weight:800;font-size:18px;line-height:1.2;}
.ed-hero__score{flex:none;text-align:center;padding:0 24px;border-right:1px solid rgba(255,255,255,.22);}
.ed-hero__score .lbl{display:block;font-size:11px;letter-spacing:2px;opacity:.85;margin-bottom:4px;}
.ed-hero__score .num{font-size:54px;font-weight:800;line-height:1;}
.ed-hero__score .out{font-size:14px;opacity:.85;}
.ed-hero__facts{flex:1;min-width:180px;display:flex;flex-wrap:wrap;gap:8px 26px;font-size:14px;}
.ed-hero__facts .k{opacity:.82;font-size:11px;letter-spacing:1px;text-transform:uppercase;}
.ed-hero-cta{text-align:center;margin:0 0 26px;}
.ed-hero-cta a{display:inline-block;background:#fff;color:#c11a04;font-weight:800;text-transform:uppercase;font-size:16px;letter-spacing:.03em;padding:16px 42px;border-radius:10px;box-shadow:0 6px 16px rgba(0,0,0,.18);text-decoration:none;}
.ed-hero-cta a:hover{background:#1d1d1d;color:#fff;}
.ed-hero-cta small{display:block;margin-top:8px;color:#6b6f7a;font-weight:400;font-size:12px;text-transform:none;letter-spacing:0;}
.review-sidebar-head{background:linear-gradient(180deg,#e8290f,#b41504)!important;}
.review-sidebar-head::before{color:#ffd9d2!important;}
.bsd-casino-card{display:flex;align-items:center;gap:16px;background:#fff;border:1px solid #e6e8ef;border-left:5px solid #d81d04;border-radius:12px;padding:14px 18px;margin:14px 0;box-shadow:0 6px 18px rgba(0,0,0,.07);}
.bsd-casino-card__logo{width:110px;flex:none;}.bsd-casino-card__logo img{max-width:100%;border-radius:8px;display:block;}
.bsd-casino-card__info{flex:1;min-width:150px;}.bsd-casino-card__name{font-weight:800;font-size:1.1em;color:#1d1d1d;}
.bsd-casino-card__offer{color:#4a4d57;font-size:.93em;margin:2px 0;}
.bsd-casino-card__btn{display:inline-block;background:linear-gradient(180deg,#e8290f,#c11a04);color:#fff;font-weight:800;text-transform:uppercase;font-size:14px;padding:13px 26px;border-radius:8px;box-shadow:0 4px 12px rgba(216,29,4,.35);text-decoration:none;}
.bsd-casino-card__btn:hover{background:#a21805;color:#fff;}
.cont-stars{width:120px;height:24px;background-repeat:no-repeat;background-position:left center;background-size:auto 24px;margin:6px 0;}
.stars-4-5{background-image:url("../assets/stars-4-5.png");}.stars-4-0{background-image:url("../assets/stars-4-0.png");}
.ed-figure img{max-width:100%;height:auto;border:1px solid #eef0f5;border-radius:12px;}
@media(max-width:575px){.ed-hero{flex-direction:column;text-align:center;}.ed-hero__score{border-right:none;border-top:1px solid rgba(255,255,255,.22);padding-top:14px;}.bsd-casino-card{flex-wrap:wrap;}.bsd-casino-card__btn{display:block;text-align:center;}}