/* BD Tech Comparator — tema "Nuovo" (4.4.66). Tutto è sotto .bdtc-t-nuovo: il tema classico non cambia. */

/* ── Colori (valgono per il comparatore e per i blocchi correlati) ──────────── */
.bdtc-t-nuovo { --m-a:#6D5BF5; --m-a2:#12B5CB; --m-win:rgba(109,91,245,.13); --m-card:#F5F6FA; --m-line:#E7E9F0; }
.custom-dark .bdtc-t-nuovo { --m-card:#1B2029; --m-line:#2A313D; }
.bdtc-t-nuovo.bdtc-pal-tramonto { --m-a:#FF4D5A; --m-a2:#FF9F1C; --m-win:rgba(255,77,90,.12); }
.bdtc-t-nuovo.bdtc-pal-oceano   { --m-a:#0B6BCB; --m-a2:#14B8A6; --m-win:rgba(11,107,203,.12); }
.bdtc-t-nuovo.bdtc-pal-smeraldo { --m-a:#059669; --m-a2:#84CC16; --m-win:rgba(5,150,105,.12); }
.bdtc-t-nuovo.bdtc-pal-grafite  { --m-a:#1F2937; --m-a2:#EAB308; --m-win:rgba(234,179,8,.16); }
.bdtc-t-nuovo.bdtc-pal-sito     { --m-a:var(--theme-palette-color-1,var(--wp--preset--color--primary,#F28C1E)); --m-a2:var(--theme-palette-color-2,var(--wp--preset--color--secondary,#1E5BB8)); --m-win:color-mix(in srgb,var(--m-a) 14%,transparent); }
.bdtc-t-nuovo.bdtc-pal-custom   { --m-win:color-mix(in srgb,var(--m-a) 14%,transparent); }
.custom-dark .bdtc-t-nuovo.bdtc-pal-grafite { --m-a:#F3F4F6; }

.bdtc-wrap.bdtc-t-nuovo {
    --accent:var(--m-a); --accent-dim:var(--m-win);
    border:none; box-shadow:none; border-radius:24px; padding:24px 18px 32px;
}

/* ── Ricerca ──────────────────────────────────────────────────────────────── */
.bdtc-t-nuovo .bdtc-title { font-family:inherit; font-size:30px; font-weight:800; letter-spacing:-.02em; }
.bdtc-t-nuovo .bdtc-title span { color:var(--m-a); }
.bdtc-t-nuovo .bdtc-subtitle { font-size:14px; }
.bdtc-t-nuovo .bdtc-selector-group label { letter-spacing:.06em; }
.bdtc-t-nuovo .bdtc-search-input { background:var(--m-card); border:1.5px solid var(--m-line); border-radius:14px; padding:14px 16px; font-size:15px; }
.bdtc-t-nuovo .bdtc-search-input:focus { border-color:var(--m-a); box-shadow:0 0 0 4px var(--m-win); }
.bdtc-t-nuovo .bdtc-dropdown { border-radius:14px; border-color:var(--m-line); }
.bdtc-t-nuovo .bdtc-drop-item:hover { background:var(--m-win); }
.bdtc-t-nuovo .bdtc-vs span { font-family:inherit; width:46px; height:46px; border:none; background:var(--text); color:var(--bg); font-size:14px; }
.bdtc-t-nuovo .bdtc-btn { background:var(--m-a); border-radius:14px; font-family:inherit; font-weight:800; font-size:16px; padding:15px; letter-spacing:.01em; }
.bdtc-t-nuovo .bdtc-btn:hover { opacity:.92; }

/* ── Testata con i due prodotti ───────────────────────────────────────────── */
.bdtc-t-nuovo .bdtc-hero { display:grid; grid-template-columns:minmax(0,1fr) auto minmax(0,1fr); gap:14px; align-items:stretch; margin-bottom:10px; }
.bdtc-t-nuovo .bdtc-hcard { background:var(--m-card); border-radius:20px; padding:18px 14px; border-top:5px solid var(--m-a); text-align:center; }
.bdtc-t-nuovo .bdtc-hc2 { border-top-color:var(--m-a2); }
.bdtc-t-nuovo .bdtc-hcard .bdtc-th-inner { display:flex; flex-direction:column; align-items:center; gap:10px; }
.bdtc-t-nuovo .bdtc-hcard .bdtc-th-img { width:auto; max-width:100%; height:190px; object-fit:contain; }
.bdtc-t-nuovo .bdtc-hcard .bdtc-th-brand { letter-spacing:.1em; }
.bdtc-t-nuovo .bdtc-hcard .bdtc-th-name { font-family:inherit; font-size:19px; font-weight:800; line-height:1.25; }
.bdtc-t-nuovo .bdtc-hcard .bdtc-quick-specs,
.bdtc-t-nuovo .bdtc-hcard .bdtc-shop-btns { justify-content:center; }
.bdtc-t-nuovo .bdtc-hvs { align-self:center; }
.bdtc-t-nuovo .bdtc-hvs span { display:flex; align-items:center; justify-content:center; width:50px; height:50px; border-radius:50%; background:var(--text); color:var(--bg); font-weight:800; font-size:15px; }
.bdtc-t-nuovo .bdtc-table thead { display:none; }

/* ── "Solo differenze" e barra fissa ──────────────────────────────────────── */
.bdtc-t-nuovo .bdtc-mtools { display:flex; justify-content:flex-end; margin:6px 0 4px; }
.bdtc-t-nuovo .bdtc-diff { display:inline-flex; align-items:center; gap:8px; background:var(--m-card); border-radius:99px; padding:8px 16px; font-size:13px; font-weight:700; cursor:pointer; user-select:none; }
.bdtc-t-nuovo .bdtc-diff input { accent-color:var(--m-a); width:16px; height:16px; }
.bdtc-t-nuovo .bdtc-only-diff .bdtc-row-eq { display:none; }
.bdtc-t-nuovo .bdtc-sticky { display:block; position:sticky; top:var(--wp-admin--admin-bar--height,0px); height:0; z-index:6; }
.bdtc-t-nuovo .bdtc-sticky-in { position:absolute; left:0; right:0; top:0; display:flex; align-items:center; justify-content:space-between; gap:10px; padding:8px 10px; background:var(--bg); border-bottom:2px solid var(--m-line); font-size:13px; opacity:0; pointer-events:none; transform:translateY(-6px); transition:opacity .2s,transform .2s; }
.bdtc-t-nuovo .bdtc-st-on .bdtc-sticky-in { opacity:1; pointer-events:auto; transform:none; }
.bdtc-t-nuovo .bdtc-sticky-in > span { display:flex; align-items:center; gap:8px; min-width:0; }
.bdtc-t-nuovo .bdtc-sticky-in b { font-weight:800; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.bdtc-t-nuovo .bdtc-sticky-in img { width:44px; height:44px; object-fit:contain; flex-shrink:0; box-sizing:border-box; border-radius:7px; }
.bdtc-t-nuovo .bdtc-sticky-in { font-size:14px; padding:8px 10px; }
@media (max-width:620px) { .bdtc-t-nuovo .bdtc-sticky-in img { width:36px; height:36px; } .bdtc-t-nuovo .bdtc-sticky-in { font-size:12px; padding:6px 8px; } }
.bdtc-t-nuovo .bdtc-st1 b { color:var(--m-a); }
.bdtc-t-nuovo .bdtc-st2 { flex-direction:row-reverse; text-align:right; }
.bdtc-t-nuovo .bdtc-st2 b { color:var(--m-a2); }
.bdtc-t-nuovo .bdtc-stvs { color:var(--muted); font-weight:700; flex-shrink:0; }

/* ── Tabella ──────────────────────────────────────────────────────────────── */
.bdtc-t-nuovo .bdtc-table { min-width:0; border-collapse:separate; border-spacing:0; }
.bdtc-t-nuovo .bdtc-section { background:transparent; color:var(--text); font-family:inherit; font-size:16px; font-weight:800; text-transform:none; letter-spacing:0; padding:24px 8px 8px; border-bottom:2px solid var(--m-a); cursor:pointer; position:relative; }
.bdtc-t-nuovo .bdtc-section::after { content:""; position:absolute; right:10px; bottom:14px; width:8px; height:8px; border-right:2px solid var(--muted); border-bottom:2px solid var(--muted); transform:rotate(45deg); transition:transform .2s; }
.bdtc-t-nuovo .bdtc-sec-closed .bdtc-section::after { transform:rotate(-45deg); }
.bdtc-t-nuovo .bdtc-row-hid { display:none !important; }
.bdtc-t-nuovo .bdtc-label-cell { background:transparent; position:static; color:var(--muted); font-size:13px; font-weight:500; text-transform:none; letter-spacing:0; border-bottom:1px solid var(--m-line); padding:11px 8px; }
.bdtc-t-nuovo .bdtc-val-cell { border-bottom:1px solid var(--m-line); font-size:14px; font-weight:500; padding:11px 12px; }
.bdtc-t-nuovo .bdtc-table tbody tr:not(.bdtc-sec-row):hover td { background:var(--m-win); }
.bdtc-t-nuovo .bdtc-hero ~ .bdtc-table-scroll .bdtc-val-cell:nth-child(2) { box-shadow:inset 3px 0 0 var(--m-a); }
.bdtc-t-nuovo .bdtc-hero ~ .bdtc-table-scroll .bdtc-val-cell:nth-child(3) { box-shadow:inset 3px 0 0 var(--m-a2); }

/* ── Scheda singola ───────────────────────────────────────────────────────── */
.bdtc-t-nuovo .bdtc-single-wrap { border:none; border-radius:0; overflow:visible; }
.bdtc-t-nuovo .bdtc-single-header { background:var(--m-card); border:none; border-top:5px solid var(--m-a); border-radius:20px; padding:22px 18px; gap:22px; align-items:center; margin-bottom:6px; }
.bdtc-t-nuovo .bdtc-single-img { width:auto; height:230px; max-width:45%; }
.bdtc-t-nuovo .bdtc-single-brand { letter-spacing:.1em; }
.bdtc-t-nuovo .bdtc-single-name { font-family:inherit; font-size:26px; font-weight:800; line-height:1.2; letter-spacing:-.01em; }

/* ── Verdetto, barre, caroselli ───────────────────────────────────────────── */
.bdtc-t-nuovo .bdtc-ai-box,
.bdtc-t-nuovo .bdtc-scores,
.bdtc-t-nuovo .bdtc-brand-carousel { background:var(--m-card); border:none; border-radius:20px; padding:18px; }
.bdtc-t-nuovo .bdtc-ai-box h4,
.bdtc-t-nuovo .bdtc-scores h4 { font-family:inherit; font-size:19px; font-weight:800; }
.bdtc-t-nuovo .bdtc-ai-text strong { color:var(--m-a); }
.bdtc-t-nuovo .bdtc-p1 { background:var(--m-a); }
.bdtc-t-nuovo .bdtc-p2 { background:var(--m-a2); }
.bdtc-t-nuovo .bdtc-brand-carousel h5 { font-family:inherit; font-size:15px; font-weight:800; text-transform:none; letter-spacing:0; }
.bdtc-t-nuovo .bdtc-brand-card { border:none; border-radius:18px; background:var(--bg); }
.bdtc-t-nuovo .bdtc-bc-name { font-weight:700; }
.bdtc-t-nuovo .bdtc-brand-card:hover { box-shadow:0 0 0 2px var(--m-a); }
.bdtc-t-nuovo .bdtc-brand-scroll::-webkit-scrollbar-thumb { background:var(--m-a); }

/* ── Telefono: niente scroll laterale ─────────────────────────────────────── */
@media (max-width:620px) {
    .bdtc-wrap.bdtc-t-nuovo { padding:16px 10px 24px; border-radius:18px; }
    .bdtc-t-nuovo .bdtc-title { font-size:24px; }
    .bdtc-t-nuovo .bdtc-hero { grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:8px; }
    .bdtc-t-nuovo .bdtc-hvs { display:none; }
    .bdtc-t-nuovo .bdtc-hcard { padding:12px 8px; border-radius:16px; }
    .bdtc-t-nuovo .bdtc-hcard .bdtc-th-img { height:130px; }
    .bdtc-t-nuovo .bdtc-hcard .bdtc-th-name { font-size:15px; }
    .bdtc-t-nuovo .bdtc-mtools { justify-content:center; }
    .bdtc-t-nuovo .bdtc-table-scroll { overflow:visible; }
    .bdtc-t-nuovo .bdtc-table, .bdtc-t-nuovo .bdtc-table tbody { display:block; width:100%; }
    .bdtc-t-nuovo .bdtc-table tbody tr { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); column-gap:10px; border-bottom:1px solid var(--m-line); }
    .bdtc-t-nuovo .bdtc-table tbody tr.bdtc-sec-row { display:block; border-bottom:none; }
    .bdtc-t-nuovo .bdtc-section { display:block; padding:20px 4px 8px; }
    .bdtc-t-nuovo .bdtc-label-cell { grid-column:1 / -1; width:auto; min-width:0; max-width:none; border:none; padding:10px 4px 2px; font-size:12px; }
    .bdtc-t-nuovo .bdtc-val-cell { border:none; padding:2px 8px 10px; font-size:14px; word-break:break-word; }
    .bdtc-t-nuovo .bdtc-single-wrap .bdtc-table tbody tr { grid-template-columns:42% minmax(0,1fr); }
    .bdtc-t-nuovo .bdtc-single-wrap .bdtc-label-cell { grid-column:auto; padding:10px 4px; }
    .bdtc-t-nuovo .bdtc-single-wrap .bdtc-val-cell { padding:10px 4px; }
    .bdtc-t-nuovo .bdtc-single-header { flex-direction:column; text-align:center; }
    .bdtc-t-nuovo .bdtc-single-img { height:200px; max-width:80%; }
    .bdtc-t-nuovo .bdtc-single-name { font-size:21px; }
}

/* ── 4.4.67: "Qual è il migliore?" con i due prodotti al posto del logo ─────── */
.bdtc-t-nuovo .bdtc-ai-logo { display:none !important; }
.bdtc-t-nuovo .bdtc-ai-box h4 { flex-wrap:wrap; align-items:center; gap:14px; }
.bdtc-t-nuovo .bdtc-ai-duo { display:inline-flex; align-items:center; gap:10px; }
.bdtc-t-nuovo .bdtc-ai-duo:empty { display:none; }
.bdtc-t-nuovo .bdtc-ai-duo > span { display:flex; align-items:center; justify-content:center; width:64px; height:76px; border-radius:14px; background:var(--bg); box-shadow:inset 0 0 0 2px var(--m-a); overflow:hidden; }
.bdtc-t-nuovo .bdtc-ai-duo > .bdtc-duo2 { box-shadow:inset 0 0 0 2px var(--m-a2); }
.bdtc-t-nuovo .bdtc-ai-duo img { width:48px; height:64px; object-fit:contain; }
.bdtc-t-nuovo .bdtc-ai-duo i { font-style:normal; font-weight:800; color:var(--muted); }
.bdtc-t-nuovo .bdtc-ai-duo b { font-size:14px; font-weight:800; color:var(--muted); }

/* ── 4.4.67: nome e marca sono già in testata ─────────────────────────────── */
.bdtc-t-nuovo tr[data-k="name"], .bdtc-t-nuovo tr[data-k="brand"], .bdtc-t-nuovo tr.bdtc-sec-base { display:none !important; }

/* ── 4.4.67: foto con lo sfondo bianco ──────────────────────────────────────
   In chiaro il bianco della foto si fonde con il fondo della scheda; in scuro la foto sta in una
   cornice bianca arrotondata, così il bianco sembra voluto. I PNG (spesso trasparenti) restano come sono.
   4.4.71: miniature piccole (barra fissa, ricerca) con un bordo bianco sottile a parte: con quello da 10 px
   della foto grande diventavano un puntino. */
.bdtc-t-nuovo .bdtc-hcard .bdtc-th-img:not([src*=".png"]),
.bdtc-t-nuovo .bdtc-single-img:not([src*=".png"]),
.bdtc-t-nuovo .bdtc-drop-img:not([src*=".png"]) { mix-blend-mode:multiply; }
.custom-dark .bdtc-t-nuovo .bdtc-hcard .bdtc-th-img:not([src*=".png"]),
.custom-dark .bdtc-t-nuovo .bdtc-single-img:not([src*=".png"]),
.bdtc-v-gaming .bdtc-hcard .bdtc-th-img:not([src*=".png"]),
.bdtc-v-gaming .bdtc-single-img:not([src*=".png"]) { mix-blend-mode:normal; background:#fff; border-radius:14px; padding:10px; box-sizing:border-box; }
.custom-dark .bdtc-t-nuovo .bdtc-sticky-in img, .bdtc-v-gaming .bdtc-sticky-in img { background:#fff; padding:3px; border-radius:7px; mix-blend-mode:normal; }
.custom-dark .bdtc-t-nuovo .bdtc-drop-img, .bdtc-v-gaming .bdtc-drop-img { background:#fff; padding:3px; border-radius:6px; mix-blend-mode:normal; }
.custom-dark .bdtc-t-nuovo .bdtc-ai-duo > span, .bdtc-v-gaming .bdtc-ai-duo > span { background:#fff; }

/* ── 4.4.68: blocchi correlati (confronti e schede) ───────────────────────── */
.bdtc-correlati-wrap.bdtc-t-nuovo { --c-acc:var(--m-a); --c-line:var(--m-line); }
.bdtc-correlati-wrap.bdtc-t-nuovo .bdtc-correlati-title { font-size:22px; font-weight:800; letter-spacing:-.01em; }
.bdtc-correlati-wrap.bdtc-t-nuovo .bdtc-correlati-card { background:var(--m-card); border:none; border-radius:18px; box-shadow:inset 0 3px 0 var(--m-a); }
.bdtc-correlati-wrap.bdtc-t-nuovo .bdtc-correlati-card:hover { box-shadow:inset 0 3px 0 var(--m-a), 0 0 0 2px var(--m-a); }
.bdtc-correlati-wrap.bdtc-t-nuovo .bdtc-correlati-name { font-weight:700; }
.bdtc-correlati-wrap.bdtc-t-nuovo .bdtc-correlati-img,
.bdtc-correlati-wrap.bdtc-t-nuovo .bdtc-vs-outer { border-radius:0; margin:0; }
.bdtc-correlati-wrap.bdtc-t-nuovo .bdtc-vs-badge-wrap b { width:32px; height:32px; background:var(--text,#111318); color:#fff; }
.custom-dark .bdtc-correlati-wrap.bdtc-t-nuovo .bdtc-vs-badge-wrap b { background:var(--m-a); }

/* ── Barra di prova (solo amministratori) ─────────────────────────────────── */
.bdtc-lookbar { position:fixed; right:14px; bottom:14px; z-index:99990; display:flex; align-items:center; gap:6px; flex-wrap:nowrap; width:auto; max-width:calc(100vw - 28px); background:#111318; color:#fff; border-radius:14px; padding:8px 10px; font:600 12px/1.2 -apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif; box-shadow:0 8px 30px rgba(0,0,0,.25); }
.bdtc-lookbar span { opacity:.7; font-weight:500; }
.bdtc-lookbar select { width:auto !important; min-width:0 !important; max-width:170px; height:auto !important; margin:0 !important; }
.bdtc-lookbar button, .bdtc-lookbar select { font:inherit; color:#fff; background:#2a2d36; border:1px solid #3a3e4a; border-radius:8px; padding:6px 10px; cursor:pointer; }
.bdtc-lookbar button.on { background:#6D5BF5; border-color:#6D5BF5; }
.bdtc-lookbar .bdtc-lb-x { background:transparent; border:none; padding:4px 6px; opacity:.7; }
.bdtc-lookbar.min > :not(.bdtc-lb-open) { display:none; }
.bdtc-lookbar:not(.min) .bdtc-lb-open { display:none; }