/* Ts-Immo Comparateur — bouton, barre flottante et tableau comparatif.
   Tout est scopé sous .tsc-* pour ne pas déborder sur le thème. La couleur
   d'accent vient de la variable --tsc-accent (injectée par le plugin). */

.tsc-toggle{
    --tsc-accent:var(--tsv-color-accent,#0ea5e9);
    -webkit-appearance:none;appearance:none;cursor:pointer;
    display:inline-flex;align-items:center;gap:.5rem;
    padding:.5rem .85rem;font:inherit;font-weight:600;font-size:.9rem;line-height:1.2;
    color:var(--tsv-color-fg,#1f2933);background:var(--tsv-color-bg,#fff);border:1px solid var(--tsv-color-border,#dce1e8);border-radius:999px;
    transition:border-color .15s,background .15s,color .15s,transform .05s;
}
.tsc-toggle:hover{border-color:var(--tsc-accent)}
.tsc-toggle:active{transform:translateY(1px)}
.tsc-toggle:focus-visible{outline:0;box-shadow:0 0 0 3px color-mix(in srgb,var(--tsc-accent) 25%,transparent)}
.tsc-toggle .tsc-icon{width:1.15em;height:1.15em;flex:0 0 auto}
.tsc-toggle[aria-pressed="true"]{border-color:var(--tsc-accent);color:var(--tsc-accent);background:color-mix(in srgb,var(--tsc-accent) 8%,var(--tsv-color-bg,#fff))}
.tsc-toggle--full{opacity:.55;cursor:not-allowed}
.tsc-inline{margin:0 0 1rem}

/* ---- Barre flottante ---- */
.tsc-bar{
    --tsc-accent:var(--tsv-color-accent,#0ea5e9);
    position:fixed;left:50%;bottom:18px;transform:translateX(-50%);z-index:9990;
    display:flex;align-items:center;gap:.9rem;max-width:calc(100vw - 28px);
    padding:.6rem .8rem;background:var(--tsv-color-bg,#fff);border:1px solid var(--tsv-color-border,#e5e7eb);border-radius:999px;
    box-shadow:0 8px 28px rgba(16,24,40,.18);
}
.tsc-bar-count{font-size:.85rem;font-weight:600;color:var(--tsv-color-fg,#1f2933);white-space:nowrap}
.tsc-bar-n{color:var(--tsc-accent)}
.tsc-bar-thumbs{display:inline-flex;gap:.3rem}
.tsc-bar-thumb{width:34px;height:26px;border-radius:5px;background:var(--tsv-color-bg-alt,#f1f5f9) center/cover no-repeat;border:1px solid var(--tsv-color-border,#e5e7eb)}
.tsc-bar-go{
    -webkit-appearance:none;appearance:none;cursor:pointer;text-decoration:none;
    padding:.45rem .9rem;font:inherit;font-size:.85rem;font-weight:700;
    color:#fff;background:var(--tsc-accent);border:0;border-radius:999px;white-space:nowrap;
}
.tsc-bar-go[disabled]{opacity:.5;cursor:not-allowed}
.tsc-bar-clear{
    -webkit-appearance:none;appearance:none;cursor:pointer;
    width:28px;height:28px;font-size:1.2rem;line-height:1;color:var(--tsv-color-muted,#6b7280);
    background:var(--tsv-color-bg,#fff);border:1px solid var(--tsv-color-border,#e5e7eb);border-radius:50%;
}
.tsc-bar-clear:hover{color:#dc2626;border-color:#fca5a5}

/* ---- Tableau comparatif ---- */
.tsc-wrap{--tsc-accent:var(--tsv-color-accent,#0ea5e9);margin:1.5rem 0}
.tsc-table-title{margin:0 0 1rem;font-size:1.4rem;font-weight:700;font-family:var(--tsv-font-head,inherit);color:var(--tsv-color-dark,#0f172a)}
.tsc-actions{margin:0 0 .8rem}
.tsc-clear{
    -webkit-appearance:none;appearance:none;cursor:pointer;
    padding:.35rem .8rem;font:inherit;font-size:.82rem;font-weight:600;color:var(--tsv-color-muted,#6b7280);
    background:var(--tsv-color-bg,#fff);border:1px solid var(--tsv-color-border,#e5e7eb);border-radius:var(--tsv-radius-sm,8px);
}
.tsc-clear:hover{color:#dc2626;border-color:#fca5a5}
.tsc-table{overflow-x:auto}
.tsc-grid{border-collapse:collapse;width:100%;min-width:360px}
.tsc-grid th,.tsc-grid td{border:1px solid var(--tsv-color-border,#e5e7eb);padding:.7rem .8rem;text-align:left;vertical-align:middle}
.tsc-grid-corner{background:var(--tsv-color-bg-alt,#f8fafc);border-top-color:transparent;border-left-color:transparent}
.tsc-grid-head{position:relative;background:var(--tsv-color-bg,#fff);text-align:center;min-width:150px}
.tsc-grid-media{display:block;aspect-ratio:16/10;border-radius:var(--tsv-radius-sm,8px);background:var(--tsv-color-bg-alt,#f1f5f9) center/cover no-repeat;margin:0 auto .5rem}
.tsc-grid-title{display:block;font-size:.9rem;font-weight:600;color:var(--tsv-color-fg,#111827);text-decoration:none;line-height:1.3}
a.tsc-grid-title:hover{text-decoration:underline}
.tsc-grid-remove{
    -webkit-appearance:none;appearance:none;cursor:pointer;position:absolute;top:6px;right:6px;
    width:24px;height:24px;font-size:1rem;line-height:1;color:var(--tsv-color-muted,#6b7280);
    background:var(--tsv-color-bg,#fff);border:1px solid var(--tsv-color-border,#e5e7eb);border-radius:50%;
}
.tsc-grid-remove:hover{color:#dc2626;border-color:#fca5a5}
.tsc-grid-label{background:var(--tsv-color-bg-alt,#f8fafc);font-size:.82rem;font-weight:700;color:var(--tsv-color-fg,#374151);white-space:nowrap}
.tsc-grid-cell{font-size:.9rem;color:var(--tsv-color-fg,#1f2933)}
.tsc-grid tbody tr:nth-child(even) .tsc-grid-cell{background:#fbfdff}

/* pastille DPE dans le tableau (couleurs du barème) */
.tsc-dpe{display:inline-flex;align-items:center;justify-content:center;min-width:1.6em;height:1.6em;padding:0 .4em;
    font-weight:700;font-size:.82rem;color:#fff;border-radius:5px}
.tsc-dpe--a{background:#008e5b}
.tsc-dpe--b{background:#52b153}
.tsc-dpe--c{background:#a4c63a}
.tsc-dpe--d{background:#f7ec0f;color:#3a3a00}
.tsc-dpe--e{background:#f6af3a;color:#4a2c00}
.tsc-dpe--f{background:#ec6c33}
.tsc-dpe--g{background:#d7221f}

.tsc-empty{
    margin:1rem 0;padding:1.5rem;text-align:center;color:var(--tsv-color-muted,#6b7280);
    background:var(--tsv-color-bg-alt,#f8fafc);border:1px dashed #cbd5e1;border-radius:var(--tsv-radius,12px);
}

@media (max-width:600px){
    .tsc-bar{gap:.5rem;padding:.5rem .6rem}
    .tsc-bar-thumbs{display:none}
}