/* TrendTrack screenshot zoom layer v2 (curseur inline) - 2026-07-15
   Couche globale : a charger site-wide (theme ou plugin WP), aucun changement dans le HTML des articles.
   Pas de lightbox : le zoom se fait dans le cadre de la figure, pilote par un petit curseur.
   Palette = design system v2 "Editorial Ink & Emerald" (ink #0C1F17, ink-soft #33463C, muted #55645A,
   hairline #D8D5C8, emerald #175D43, paper #FFFFFF). Radius 2px, zero ombre. */

/* ---------- cadre ---------- */
.ttz-frame{position:relative;overflow:hidden;width:100%;}
.ttz-frame>img{position:absolute;left:0;top:0;max-width:none;display:block;transform-origin:0 0;will-change:transform;user-select:none;-webkit-user-select:none;-webkit-user-drag:none;}

/* ---------- barre de zoom sous l'image ---------- */
.ttz-bar{display:flex;align-items:center;gap:10px;margin-top:9px;line-height:1;}
.ttz-bar>svg{flex:none;color:#33463C;display:block;}
.ttz-x{flex:none;min-width:36px;text-align:right;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-size:11px;font-weight:700;letter-spacing:.04em;color:#33463C;font-variant-numeric:tabular-nums;}
.ttz-reset{flex:none;width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center;background:#FFFFFF;border:1px solid #D8D5C8;border-radius:2px;color:#0C1F17;cursor:pointer;padding:0;visibility:hidden;}
.ttz-reset:hover{border-color:#0C1F17;}
.ttz-reset svg{display:block;}

/* ---------- le curseur (input range natif) ---------- */
.ttz-range{-webkit-appearance:none;appearance:none;flex:1;min-width:0;height:26px;margin:0;padding:0;background:transparent;cursor:pointer;--p:0%;}
.ttz-range:focus{outline:none;}
.ttz-range:focus-visible{outline:2px solid #175D43;outline-offset:3px;border-radius:2px;}
/* WebKit */
.ttz-range::-webkit-slider-runnable-track{height:2px;border-radius:2px;background:linear-gradient(to right,#175D43 var(--p),#D8D5C8 var(--p));}
.ttz-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;margin-top:-6px;background:#FFFFFF;border:1.5px solid #0C1F17;border-radius:2px;}
/* Firefox */
.ttz-range::-moz-range-track{height:2px;border-radius:2px;background:#D8D5C8;}
.ttz-range::-moz-range-progress{height:2px;border-radius:2px;background:#175D43;}
.ttz-range::-moz-range-thumb{width:14px;height:14px;background:#FFFFFF;border:1.5px solid #0C1F17;border-radius:2px;}