/* CEF custom components (cef-* classes): readmore/match, toc, timeline, app, note, pertipo, confronto. Ported from the CEF casino component library so /scommesse/ pages can reuse the same styled blocks. Loaded via wp_enqueue_style in functions.php (cef_components_styles). Added 2026-06-16. */
.cef-readmore{flex:1 1 100%;width:100%;border:1px solid #e2e6ec;border-radius:8px;margin:16px 0;background:#f6f8f8;box-sizing:border-box}.cef-readmore>summary{cursor:pointer;list-style:none;padding:13px 18px;font-weight:700;color:#1d2025;display:flex;align-items:center;gap:8px}.cef-readmore>summary::-webkit-details-marker{display:none}.cef-readmore>summary::after{content:"▾";margin-left:auto;transition:transform .2s}.cef-readmore[open]>summary::after{transform:rotate(180deg)}.cef-readmore-body{padding:2px 18px 18px;background:#fff;border-radius:0 0 8px 8px}.cef-match{width:100%;border-collapse:collapse;margin:.6em 0 .2em;font-size:.95rem}.cef-match th,.cef-match td{text-align:left;padding:9px 10px;border-bottom:1px solid #e2e6ec;vertical-align:top}.cef-match th{background:#f4f5f6;font-size:.8rem;text-transform:uppercase;letter-spacing:.4px;color:#72737f}.cef-criteri{list-style:none;padding:0;margin:.4em 0}.cef-criteri li{padding:8px 0;border-bottom:1px dashed #e2e6ec}.cef-criteri li:last-child{border-bottom:none}.cef-toc-title{font-weight:700;margin:18px 0 6px}.cef-toc{margin:0 0 24px;padding-left:20px}.cef-toc li{margin:4px 0}.cef-toc a{text-decoration:underline}.cef-pertipo{width:100%;border-collapse:collapse;font-size:.95rem;line-height:1.5;margin:0 0 18px}.cef-pertipo thead th{background:#1d2025;color:#fff;text-align:left;padding:.7rem .8rem;font-size:.9rem}.cef-pertipo tbody th{background:#f4f5f6;text-align:left;padding:.7rem .8rem;width:32%;vertical-align:top;font-size:.93rem}.cef-pertipo td{padding:.7rem .8rem;border-bottom:1px solid #e3e5e8;vertical-align:top}.cef-pertipo tbody tr:nth-child(even) td{background:#fafbfc}@media(max-width:640px){.cef-pertipo thead{display:none}.cef-pertipo tr{display:block;margin-bottom:12px;border:1px solid #e3e5e8}.cef-pertipo th,.cef-pertipo td{display:block;width:auto}.cef-pertipo th{font-weight:700;padding:.6rem .8rem .2rem}.cef-pertipo td{padding:0 .8rem .8rem;border-bottom:none}}.cef-app{width:100%;border-collapse:collapse;font-size:.95rem;margin:0 0 18px}.cef-app thead th{background:#1d2025;color:#fff;text-align:left;padding:.6rem .8rem;font-size:.9rem}.cef-app td{padding:.55rem .8rem;border-bottom:1px solid #e3e5e8}.cef-app tbody tr:nth-child(even) td{background:#f7f8f9}.cef-infographic{max-width:480px;margin:24px auto}.cef-infographic img{width:100%;height:auto}.cef-confronto{width:100%;border-collapse:collapse;font-size:.95rem;line-height:1.45;margin:0 0 18px}.cef-confronto thead th{background:#1d2025;color:#fff;text-align:left;padding:.7rem .8rem;font-size:.9rem}.cef-confronto thead th.col-adm{border-top:3px solid #d8ec0f}.cef-confronto tbody th{background:#f4f5f6;text-align:left;padding:.7rem .8rem;width:17%;vertical-align:top;font-size:.92rem}.cef-confronto td{padding:.7rem .8rem;border-bottom:1px solid #e3e5e8;vertical-align:top}.cef-confronto td.col-adm{background:#fbfde9}.cef-confronto td::before{display:none}@media(max-width:640px){.cef-confronto thead{display:none}.cef-confronto tr{display:block;margin:0 0 16px;border:1px solid #e3e5e8}.cef-confronto tbody th{display:block;width:auto;background:#1d2025;color:#fff;padding:.6rem .8rem}.cef-confronto td{display:block;border-bottom:1px solid #eef0f2}.cef-confronto td::before{content:attr(data-label);display:block;font-weight:700;font-size:.8rem;color:#5a5f66;margin-bottom:2px}.cef-confronto td.col-adm{border-left:3px solid #d8ec0f}.cef-confronto td.col-adm::before{color:#1d2025}}.cef-timeline{background:#1d2025;border-radius:8px;padding:20px 0 6px;margin:24px 0}.cef-timeline-title{color:#fff;font-weight:700;font-size:1.05rem;margin:0 20px 14px}.cef-timeline-track{overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding:0 20px 16px}.cef-timeline-track::-webkit-scrollbar{height:6px}.cef-timeline-track::-webkit-scrollbar-track{background:#33373d;border-radius:3px}.cef-timeline-track::-webkit-scrollbar-thumb{background:#d8ec0f;border-radius:3px}.cef-timeline-track ol{list-style:none;display:flex;gap:14px;margin:0;padding:0}.cef-timeline-track ol::after{content:"";flex:0 0 6px}.cef-timeline-track li{scroll-snap-align:start;flex:0 0 270px;background:#fff;border-radius:6px;padding:14px 16px;margin:0}.cef-timeline-year{display:inline-block;font-weight:700;color:#1d2025;background:#d8ec0f;padding:2px 10px;border-radius:3px;font-size:1.05rem}.cef-timeline-head{font-weight:700;margin:10px 0 6px;font-size:.97rem;color:#1d2025}.cef-timeline-track li p{font-size:.9rem;line-height:1.5;color:#3a3f46;margin:0}@media(max-width:640px){.cef-timeline-track li{flex:0 0 78%}}.cef-note{color:#72737f;font-size:.82rem;font-style:italic;margin:6px 0 14px}.intro .cef-readmore{margin:16px 0 0}.intro .table-main{margin:14px 0 6px}.intro .table-main .title{margin:10px 0 18px}
/* Match the site body font (Open Sans) on content list items so the operator-review bullets align with the paragraphs. Scoped to .content so nav/footer lists are untouched. Added 2026-06-16. */
.content ul li, .content ol li { font-family: 'Open Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; }