/* CryptoLookout — HERO V2 (canonical)
   - Scope strict: .cl-hv2*
   - Compatible data-theme="light|dark"
*/

:root{
  --cl-primary:#2d5bff;
  --cl-primary2:#1c46db;
}

/* Tokens light/dark */
html[data-theme="light"]{
  --hv2-bg: rgba(255,255,255,.86);
  --hv2-card: #ffffff;
  --hv2-border: rgba(15,23,42,.12);
  --hv2-text: rgba(15,23,42,.92);
  --hv2-mut: rgba(15,23,42,.66);
  --hv2-shadow: 0 14px 30px rgba(15,23,42,.08);
  --hv2-chip-bg: rgba(15,23,42,.04);
  --hv2-chip-br: rgba(15,23,42,.10);
}

html[data-theme="dark"]{
  --hv2-bg: linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.02));
  --hv2-card: rgba(11,28,47,.85);
  --hv2-border: rgba(255,255,255,.10);
  --hv2-text: rgba(255,255,255,.92);
  --hv2-mut: rgba(255,255,255,.70);
  --hv2-shadow: 0 18px 45px rgba(0,0,0,.30);
  --hv2-chip-bg: rgba(255,255,255,.03);
  --hv2-chip-br: rgba(255,255,255,.10);
}

/* Hero spacing: évite le collage avec le requêteur */
#cl-hero-v2{
  margin-bottom: 26px;
}

#cl-hero-v2.cl-hv2{
  border-radius: 18px;
  border: 1px solid var(--hv2-border);
  background: var(--hv2-bg);
  box-shadow: var(--hv2-shadow);
  padding: 22px;
  overflow: hidden;
  color: var(--hv2-text);
}

.cl-hv2 h1{
  margin: 2px 0 10px;
  font-size: 42px;
  letter-spacing: .2px;
}

.cl-hv2-sub{
  margin: 0 0 14px;
  color: var(--hv2-mut);
  font-size: 16px;
  line-height: 1.45;
  max-width: 820px;
}

.cl-hv2-cta{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin-top: 6px;
}

.cl-hv2-chips{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  margin-top: 14px;
}

.cl-hv2-chip{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding: 6px 10px;
  border-radius: 999px;
  border: 1px solid var(--hv2-chip-br);
  background: var(--hv2-chip-bg);
  color: var(--hv2-mut);
  font-size: 13px;
}

.cl-hv2-chip::before{
  content:"";
  width:8px;height:8px;border-radius:999px;
  background: rgba(45,91,255,.85);
}

/* Cards grid */
.cl-hv2-grid{
  margin-top: 14px;
  display:grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
}

@media (max-width: 980px){
  .cl-hv2-grid{ grid-template-columns: 1fr; }
  .cl-hv2 h1{ font-size: 34px; }
}

.cl-hv2-card{
  border-radius: 16px;
  border: 1px solid var(--hv2-border);
  background: var(--hv2-card);
  padding: 16px;
  box-shadow: 0 10px 24px rgba(0,0,0,.08);
}

html[data-theme="dark"] .cl-hv2-card{
  box-shadow: 0 10px 24px rgba(0,0,0,.18);
}

.cl-hv2-card h3{
  margin: 0 0 10px;
  font-size: 16px;
}

.cl-hv2-card p{
  margin: 0 0 12px;
  color: var(--hv2-mut);
  font-size: 13px;
  line-height: 1.45;
}

.cl-hv2-hint{
  margin-top: 10px;
  font-size: 12px;
  color: color-mix(in oklab, var(--hv2-mut), transparent 22%);
}

/* Buttons */
.cl-hv2-btn{
  -webkit-tap-highlight-color: transparent;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding: 10px 14px;
  border-radius: 12px;
  border: 1px solid var(--hv2-border);
  background: color-mix(in oklab, var(--hv2-card), transparent 0%);
  color: var(--hv2-text);
  font-weight: 750;
  cursor: pointer;
  user-select:none;
  transition: transform .08s ease, box-shadow .18s ease, filter .18s ease, background .18s ease;
}

.cl-hv2-btn.primary{
  background: linear-gradient(180deg, rgba(45,91,255,1), rgba(28,70,219,1));
  border-color: rgba(45,91,255,.60);
  box-shadow: 0 10px 22px rgba(45,91,255,.18);
  color: #fff;
}

.cl-hv2-btn.full{ width: 100%; }

.cl-hv2-btn:hover{
  filter: brightness(1.03);
}

.cl-hv2-btn:active{
  transform: translateY(1px);
  filter: brightness(.98);
}

.cl-hv2-btn:focus-visible{
  outline: 2px solid rgba(45,91,255,.38);
  outline-offset: 2px;
}

/* Presets */
.cl-hv2-presets{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  margin-top: 8px;
}

.cl-hv2-preset{
  -webkit-tap-highlight-color: transparent;
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding: 8px 12px;
  border-radius: 999px;
  border: 1px solid var(--hv2-border);
  background: var(--hv2-chip-bg);
  color: var(--hv2-text);
  font-weight: 800;
  font-size: 13px;
  cursor: pointer;
  transition: transform .08s ease, background .18s ease, border-color .18s ease, filter .18s ease;
}

.cl-hv2-preset::before{
  content:"";
  width:8px;height:8px;border-radius:999px;
  background: color-mix(in oklab, var(--hv2-mut), transparent 65%);
}

.cl-hv2-preset.is-active{
  border-color: rgba(45,91,255,.55);
  background: rgba(45,91,255,.14);
}

.cl-hv2-preset.is-active::before{
  background: rgba(45,91,255,.85);
}

.cl-hv2-preset:active{
  transform: translateY(1px);
  filter: brightness(.99);
}
/* Share row */
/* CL_HERO_SHARE_UI_V11 */
.cl-hv2-share{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  align-items:center;
  margin-top:12px;
  padding-top:12px;
  border-top:1px solid rgba(148,163,184,0.18);
}
.cl-hv2-share .cl-hv2-btn{
  border:1px solid rgba(148,163,184,0.28);
  background: rgba(15,23,42,0.04);
}
html[data-theme="dark"] .cl-hv2-share .cl-hv2-btn{
  background: rgba(190,235,255,0.10);
  border-color: rgba(190,235,255,0.20);
}

/* iPad/touch + mobile: keep only Native + Copy */
@media (max-width: 820px), (hover: none) and (pointer: coarse){
  .cl-hv2-share{ gap: 8px; }
  .cl-hv2-share .cl-hv2-btn[data-platform="x"],
  .cl-hv2-share .cl-hv2-btn[data-platform="linkedin"],
  .cl-hv2-share .cl-hv2-btn[data-platform="facebook"],
  .cl-hv2-share .cl-hv2-btn[data-platform="reddit"]{
    display:none;
  }
  .cl-hv2-share .cl-hv2-btn{
    flex: 1 1 100%;
  }
}


/* After line */
.cl-hv2-after{
  margin-top: 18px;
  color: color-mix(in oklab, var(--hv2-mut), transparent 10%);
  font-size: 13px;
}
.cl-hv2-after strong{ color: var(--hv2-text); }

/* Toast */
.cl-hv2-toast{
  position: absolute;
  right: 16px;
  bottom: 14px;
  padding: 8px 10px;
  border-radius: 999px;
  border: 1px solid rgba(45,91,255,.35);
  background: color-mix(in oklab, var(--hv2-card), transparent 5%);
  color: var(--hv2-text);
  font-size: 12px;
  font-weight: 750;
  opacity: 0;
  transform: translateY(6px);
  pointer-events: none;
  transition: opacity .18s ease, transform .18s ease;
}
.cl-hv2-toast.show{
  opacity: 1;
  transform: translateY(0);
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce){
  .cl-hv2-btn, .cl-hv2-preset, .cl-hv2-toast{ transition: none !important; }
}

/* CL_PROD_SANITIZE_V1_START */
.cl-dev-hidden{display:none!important}
html[data-env="prod"] .cl-copy-reserve{display:none!important}
html[data-env="prod"] .cl-dev-note{display:none!important}
html[data-env="prod"] #cl-js-ok,
html[data-env="prod"] .cl-js-ok,
html[data-env="prod"] [data-js-ok]{display:none!important}
/* CL_PROD_SANITIZE_V1_END */

/* CL_PRICING_FAIRUSE_V2_START */
#pricing .cl-price-grid{display:grid;gap:16px;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:14px;}
@media (max-width: 900px){#pricing .cl-price-grid{grid-template-columns:1fr;}}
#pricing .cl-price-card{border-radius:16px;padding:18px;border:1px solid rgba(148,163,184,.20);background:rgba(255,255,255,.04);box-shadow:0 10px 30px rgba(0,0,0,.08);}
#pricing .cl-price-card--primary{border-color:rgba(59,130,246,.55);box-shadow:0 12px 34px rgba(37,99,235,.22);}
#pricing .cl-badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:800;background:rgba(37,99,235,.12);border:1px solid rgba(37,99,235,.25);}
#pricing .cl-price{font-size:34px;font-weight:900;margin:8px 0 8px;}
#pricing .cl-price small{font-size:14px;font-weight:700;opacity:.85;}
#pricing .cl-subprice{margin:-2px 0 10px;}
#pricing ul{margin:10px 0 0 18px;}
#pricing li{margin:6px 0;}
#pricing .cl-price-actions{margin-top:14px;display:flex;gap:10px;flex-wrap:wrap;}

#pricing .cl-btn{
  display:inline-flex;align-items:center;justify-content:center;
  padding:10px 14px;border-radius:12px;
  background:rgba(37,99,235,.95);color:#fff!important;
  border:1px solid rgba(37,99,235,.65);
  text-decoration:none!important;font-weight:800;
}
#pricing .cl-btn:hover{filter:brightness(1.02);}
#pricing .cl-btn-outline{
  background:transparent;color:inherit!important;
  border:1px solid rgba(148,163,184,.45);
}
html[data-theme="light"] #pricing .cl-btn-outline{border-color:rgba(15,23,42,.20);}

/* Founder — rendu premium */
#pricing .cl-founder-card{
  margin-top:14px;padding:18px 18px;border-radius:18px;
  border:1px solid rgba(59,130,246,.28);
  position:relative;overflow:hidden;
  box-shadow:0 16px 44px rgba(37,99,235,.14);
  background:
    radial-gradient(900px 280px at 12% 0%, rgba(37,99,235,.20), transparent 55%),
    radial-gradient(700px 260px at 92% 0%, rgba(16,185,129,.14), transparent 55%),
    rgba(255,255,255,.03);
}
#pricing .cl-founder-card::after{
  content:""; position:absolute; inset:0;
  background:linear-gradient(90deg, rgba(59,130,246,.35), rgba(16,185,129,.20), rgba(59,130,246,.28));
  opacity:.35; pointer-events:none;
}
#pricing .cl-founder-card > *{position:relative; z-index:1;}

#pricing .cl-founder-badge{display:flex;align-items:center;gap:10px;margin-bottom:8px;}
#pricing .cl-founder-badge-pill{
  display:inline-flex;align-items:center;
  padding:6px 10px;border-radius:999px;
  font-size:12px;font-weight:900;letter-spacing:.2px;
  background:rgba(37,99,235,.16);
  border:1px solid rgba(37,99,235,.28);
}
#pricing .cl-founder-badge-sep{opacity:.65;}
#pricing .cl-founder-title{margin:4px 0 4px;font-size:22px;}
#pricing .cl-founder-sub{margin:0 0 12px;}
#pricing .cl-founder-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:10px;}
@media (max-width: 900px){#pricing .cl-founder-grid{grid-template-columns:1fr;}}
#pricing .cl-founder-plan{
  border-radius:16px;padding:12px 12px;
  border:1px solid rgba(148,163,184,.26);
  background:rgba(255,255,255,.04);
}
#pricing .cl-founder-plan--primary{
  border-color:rgba(59,130,246,.40);
  box-shadow:0 12px 30px rgba(37,99,235,.14);
}
#pricing .cl-founder-plan-name{font-weight:900;margin-bottom:6px;}
#pricing .cl-founder-plan-price{font-size:26px;font-weight:950;line-height:1.1;}
#pricing .cl-founder-plan-price small{font-size:12px;font-weight:800;opacity:.85;}
#pricing .cl-founder-plan-after{margin-top:4px;}
#pricing .cl-founder-perks{margin:12px 0 0 18px;}
#pricing .cl-founder-cta{margin-top:12px;display:flex;align-items:center;gap:12px;flex-wrap:wrap;}
#pricing .cl-btn-founder{
  background:linear-gradient(90deg, rgba(37,99,235,.95), rgba(16,185,129,.85));
  border-color:rgba(59,130,246,.45);
}

#pricing .cl-keepupdated{margin-top:14px;display:flex;flex-direction:column;gap:8px;}
#pricing .cl-keepupdated .row{display:flex;gap:10px;flex-wrap:wrap;}
#pricing .cl-keepupdated input[type="email"]{flex:1 1 220px;padding:10px 12px;border-radius:12px;border:1px solid rgba(148,163,184,.35);background:rgba(255,255,255,.06);color:inherit;}

html[data-theme="light"] #pricing{color:#0b1220;}
html[data-theme="light"] #pricing h2,
html[data-theme="light"] #pricing h3,
html[data-theme="light"] #pricing p,
html[data-theme="light"] #pricing li,
html[data-theme="light"] #pricing label,
html[data-theme="light"] #pricing .cl-keepupdated-msg{color:#0b1220;}
html[data-theme="light"] #pricing .muted{color:rgba(15,23,42,.70)!important;}
html[data-theme="light"] #pricing .cl-price-card{background:#fff;border-color:rgba(15,23,42,.12);}
html[data-theme="light"] #pricing .cl-founder-card{background:#fff;border-color:rgba(15,23,42,.14);box-shadow:0 18px 46px rgba(2,6,23,.10);}
html[data-theme="light"] #pricing .cl-founder-plan{background:#fff;border-color:rgba(15,23,42,.12);}
html[data-theme="light"] #pricing .cl-keepupdated input[type="email"]{background:#fff;border-color:rgba(15,23,42,.15);}
/* CL_PRICING_FAIRUSE_V2_END */




/* CL_ACCOUNT_POLISH_V4 */

#account{ position: relative; overflow: hidden; }
#account::before{
  content:"";
  position:absolute;
  inset:-40px;
  background: radial-gradient(closest-side, rgba(59,130,246,0.14), rgba(59,130,246,0.00) 70%);
  pointer-events:none;
}
#account > *{ position: relative; }

#account .cl-account-kicker{
  margin: 8px 0 18px 0;
  font-size: 0.98rem;
  line-height: 1.35;
  opacity: 0.92;
}
html[data-theme="light"] #account .cl-account-kicker,
body[data-theme="light"] #account .cl-account-kicker{
  color: rgba(15, 23, 42, 0.72);
}
html[data-theme="dark"] #account .cl-account-kicker,
body[data-theme="dark"] #account .cl-account-kicker{
  color: rgba(226, 232, 240, 0.78);
}

/* Hard safety net */


/* CL_ACCOUNT_POLISH_V5 */
#account .cl-account-split{
  display: grid;
  grid-template-columns: 1.25fr 0.75fr;
  gap: 18px;
  margin-top: 14px;
  align-items: start;
}
@media (max-width: 860px){
  #account .cl-account-split{ grid-template-columns: 1fr; }
}

#account .cl-account-panel{
  border: 1px solid rgba(2, 6, 23, 0.08);
  border-radius: 16px;
  padding: 16px 16px 18px;
  background: rgba(255,255,255,0.55);
  box-shadow: 0 12px 30px rgba(2, 6, 23, 0.08);
}
html[data-theme="dark"] #account .cl-account-panel{
  border-color: rgba(148,163,184,0.18);
  background: rgba(2, 6, 23, 0.22);
  box-shadow: 0 16px 42px rgba(0,0,0,0.35);
}

#account h2{
  position: relative;
}
#account h2:before{
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 999px;
  margin-right: 10px;
  transform: translateY(-1px);
  background: linear-gradient(135deg, rgba(37,99,235,0.95), rgba(16,185,129,0.9));
  box-shadow: 0 0 0 4px rgba(37,99,235,0.10);
}

#account .cl-or-divider{
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 12px 0 14px;
  color: var(--muted, #6b7280);
  text-transform: lowercase;
  letter-spacing: .02em;
}
#account .cl-or-divider:before,
#account .cl-or-divider:after{
  content: "";
  flex: 1;
  height: 1px;
  background: rgba(2, 6, 23, 0.10);
}
html[data-theme="dark"] #account .cl-or-divider:before,
html[data-theme="dark"] #account .cl-or-divider:after{
  background: rgba(148,163,184,0.22);
}

#account .cl-account-telegram{
  position: relative;
  overflow: hidden;
}
#account .cl-account-telegram:before{
  content:"";
  position:absolute;
  inset:-2px;
  background: radial-gradient(900px 320px at 10% 0%, rgba(37,99,235,0.16), transparent 55%),
              radial-gradient(900px 320px at 90% 20%, rgba(16,185,129,0.14), transparent 55%);
  pointer-events:none;
}

#account .cl-account-telegram h3{
  margin-top: 2px;
}

#account .cl-account-telegram a,
#account .cl-account-telegram button{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border-radius: 12px;
  padding: 10px 14px;
  font-weight: 700;
}
#account .cl-account-telegram a{
  background: linear-gradient(135deg, rgba(37,99,235,0.98), rgba(16,185,129,0.92));
  color: #fff;
  border: 0;
  text-decoration: none;
}
#account .cl-account-telegram a:hover{
  filter: brightness(1.03);
}
#account .cl-account-telegram a:after{
  content: "↗";
  font-weight: 800;
  opacity: .9;
}

/* make form controls align nicer inside the account card */
#account input, #account select, #account textarea{
  width: 100%;
  box-sizing: border-box;
}

/* CL_ALERTS_POLISH_V3 */
#alerts .cl-alerts-toolbar{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  align-items:center;
  justify-content:space-between;
  margin: 10px 0 14px;
  padding: 10px 12px;
  border-radius: 14px;
  border: 1px solid rgba(2,6,23,0.08);
  background: rgba(255,255,255,0.55);
  box-shadow: 0 10px 26px rgba(2,6,23,0.06);
}
html[data-theme="dark"] #alerts .cl-alerts-toolbar{
  border-color: rgba(148,163,184,0.18);
  background: rgba(2, 6, 23, 0.22);
  box-shadow: 0 16px 42px rgba(0,0,0,0.35);
}
#alerts .cl-alerts-toolbar .cl-alerts-title{
  font-weight: 900;
  display:flex;
  align-items:center;
  gap:10px;
}
#alerts .cl-alerts-toolbar .cl-alerts-title .dot{
  width:10px;height:10px;border-radius:999px;
  background: linear-gradient(135deg, rgba(37,99,235,0.98), rgba(16,185,129,0.92));
  box-shadow: 0 0 0 4px rgba(37,99,235,0.10);
}
#alerts .cl-alerts-toolbar .cl-alerts-actions{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  align-items:center;
}
#alerts .cl-share-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  border-radius: 12px;
  padding: 10px 14px;
  font-weight: 900;
  border: 0;
  color: #fff;
  cursor:pointer;
  background: linear-gradient(135deg, rgba(37,99,235,0.98), rgba(16,185,129,0.92));
}
#alerts .cl-share-links{
  display:inline-flex;
  gap:8px;
  align-items:center;
}
#alerts .cl-icon-btn{
  width:40px;
  height:40px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius: 12px;
  border: 1px solid rgba(2,6,23,0.10);
  text-decoration:none;
  cursor:pointer;
  background: rgba(255,255,255,0.40);
}
html[data-theme="dark"] #alerts .cl-icon-btn{
  border-color: rgba(148,163,184,0.22);
  background: rgba(2,6,23,0.18);
}
#alerts .cl-icon-btn svg{ width:18px; height:18px; display:block; }
#alerts .cl-alerts-hint{
  font-size: .92rem;
  opacity: .82;
  margin-top: 6px;
}
#alerts .cl-hidden-soft{ display:none !important; }

/* CL_ALERTS_SHARE_ICONS_FIX_V1 */
/* Force small icons + neutral color (no electric blue) */
#alerts .cl-alerts-toolbar a,
#alerts .cl-alerts-toolbar button{
  color: var(--fg) !important;
}
#alerts .cl-alerts-toolbar .cl-share-links{
  display:inline-flex !important;
  gap:8px !important;
  align-items:center !important;
  line-height: 0 !important;
}
#alerts .cl-alerts-toolbar .cl-icon-btn{
  width:40px !important;
  height:40px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  border-radius: 12px !important;
  text-decoration:none !important;
  cursor:pointer !important;
  border: 1px solid rgba(2,6,23,0.10) !important;
  background: rgba(255,255,255,0.40) !important;
}
html[data-theme="dark"] #alerts .cl-alerts-toolbar .cl-icon-btn{
  border-color: rgba(148,163,184,0.22) !important;
  background: rgba(2,6,23,0.18) !important;
}
/* IMPORTANT: beat any global svg rules */
#alerts .cl-alerts-toolbar svg,
#alerts .cl-alerts-toolbar .cl-share-links svg{
  width:18px !important;
  height:18px !important;
  max-width:18px !important;
  max-height:18px !important;
  display:block !important;
}

/* CL_ALERTS_SHAREBAR_V3 */
/* Compact sharebar + hard cap SVG sizing (beats global rules) */
.cl-alerts-sharebar{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:14px !important;
  margin: 6px 0 10px 0 !important;
  padding: 10px 12px !important;
  border-radius: 14px !important;
  border: 1px solid rgba(2,6,23,0.10) !important;
  background: rgba(255,255,255,0.55) !important;
}
html[data-theme="dark"] .cl-alerts-sharebar{
  border-color: rgba(148,163,184,0.22) !important;
  background: rgba(2,6,23,0.18) !important;
}

.cl-alerts-sharebar .cl-share-left{
  display:flex !important;
  flex-direction:column !important;
  gap:2px !important;
  min-width: 180px !important;
}
.cl-alerts-sharebar .cl-share-title{
  font-weight: 700 !important;
}
.cl-alerts-sharebar .cl-share-sub{
  opacity: .78 !important;
  font-size: .92em !important;
}

.cl-alerts-sharebar .cl-share-right{
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
  flex-wrap:wrap !important;
  justify-content:flex-end !important;
}

.cl-alerts-sharebar .cl-icon-btn{
  width:36px !important;
  height:36px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  border-radius: 12px !important;
  border: 1px solid rgba(2,6,23,0.10) !important;
  background: rgba(255,255,255,0.40) !important;
  text-decoration:none !important;
  padding:0 !important;
  color: var(--fg) !important;         /* kill electric blue */
  line-height:0 !important;
}
html[data-theme="dark"] .cl-alerts-sharebar .cl-icon-btn{
  border-color: rgba(148,163,184,0.22) !important;
  background: rgba(2,6,23,0.18) !important;
}

/* HARD CAP SVG size (the real fix) */
.cl-alerts-sharebar svg{
  width:18px !important;
  height:18px !important;
  max-width:18px !important;
  max-height:18px !important;
  min-width:18px !important;
  min-height:18px !important;
  display:block !important;
}

/* If any old huge icons remain, cap them too */
*[data-cl*="alerts" i] svg,
.cl-alerts-toolbar svg{
  max-width:18px !important;
  max-height:18px !important;
}

/*

/* CL_ALERTS_ACTIONS_FIX_V4 */
/* Share icons: compacts + neutres (pas bleu électrique) */
.cl-alerts-share, .cl-alerts-share-icons, .cl-share-icons, .cl-sharebar {
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}
.cl-alerts-share a, .cl-alerts-share-icons a, .cl-share-icons a, .cl-sharebar a,
.cl-alerts-share button, .cl-alerts-share-icons button, .cl-share-icons button, .cl-sharebar button {
  width:32px;
  height:32px;
  border-radius:10px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color: var(--muted, #666);
}
html[data-theme="dark"] .cl-alerts-share a,
html[data-theme="dark"] .cl-alerts-share-icons a,
html[data-theme="dark"] .cl-share-icons a,
html[data-theme="dark"] .cl-sharebar a {
  color: rgba(255,255,255,.85);
}
.cl-alerts-share svg, .cl-alerts-share-icons svg, .cl-share-icons svg, .cl-sharebar svg {
  width:16px !important;
  height:16px !important;
}
.cl-alerts-share svg *, .cl-alerts-share-icons svg *, .cl-share-icons svg *, .cl-sharebar svg * {
  fill: currentColor !important;
  stroke: currentColor !important;
}


/* CL_ALERTS_CSS_OVERRIDES_V1_BEGIN */
/* Scope: only inside alerts panel */
#cl-alerts-panel-v2 .cl-alerts-sharebar { display: none !important; }

/* Hide "Copier JSON" permanently (even after refresh re-render) */
#cl-alerts-panel-v2 button.cl-hidden-soft { display: none !important; }

/* Visual rename "Archiver" -> "Supprimer" WITHOUT changing DOM text */
#cl-alerts-panel-v2 button[title*="Archive"]{
  position: relative;
  color: transparent !important; /* keep DOM text for JS handlers */
}
#cl-alerts-panel-v2 button[title*="Archive"]::after{
  content: var(--cl-delete-alert-label);
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--text, #111);
  pointer-events: none;
}
/* CL_ALERTS_CSS_OVERRIDES_V1_END */


/* CL_ALERTS_CSS_OVERRIDES_V1_DARKFIX_BEGIN */
/* Make pseudo-label "Supprimer" readable in dark mode */
@media (prefers-color-scheme: dark) {
  #cl-alerts-panel-v2 button[title*="Archive"]::after{
    color: rgba(255,255,255,0.92) !important;
  }
}
/* Also cover manual theme toggles (best-effort) */
[data-theme="dark"] #cl-alerts-panel-v2 button[title*="Archive"]::after,
body.dark #cl-alerts-panel-v2 button[title*="Archive"]::after,
.dark #cl-alerts-panel-v2 button[title*="Archive"]::after{
  color: rgba(255,255,255,0.92) !important;
}
/* CL_ALERTS_CSS_OVERRIDES_V1_DARKFIX_END */

/* CL_I18N_DELETE_LABEL_VAR_V1_BEGIN */
/* Delete label is rendered via CSS pseudo-element (not DOM text).
   We use a CSS custom property so adding languages is trivial:
   - FR default
   - EN override
*/
html {
  --cl-delete-alert-label: "Supprimer";
}
html[lang="en"], html[lang^="en-"] {
  --cl-delete-alert-label: "Delete";
}
/* CL_I18N_DELETE_LABEL_VAR_V1_END */

/* CL_HERO_SHARE_FORCE_VISIBLE_V12
   Force share row visible (overrides legacy opacity/hidden rules). */
html body .cl-hv2 .cl-hv2-share {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  height: auto !important;
  max-height: none !important;
  transform: none !important;
  pointer-events: auto !important;
}
html body .cl-hv2 .cl-hv2-share .cl-hv2-btn {
  display: inline-flex !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* CL_HERO_SHARE_UI_V13_GRID_COMPACT
   Make share buttons look good: grid on desktop, minimal on touch/iPad. */
html body .cl-hv2 .cl-hv2-share{
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px !important;
  align-items: stretch;
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px solid rgba(148,163,184,0.18);
  opacity: 1 !important;
  visibility: visible !important;
  height: auto !important;
}

html body .cl-hv2 .cl-hv2-share .cl-hv2-btn{
  width: 100% !important;
  justify-content: center;
  white-space: nowrap;
  border: 1px solid rgba(148,163,184,0.28);
  background: rgba(15,23,42,0.04);
}

html[data-theme="dark"] body .cl-hv2 .cl-hv2-share .cl-hv2-btn{
  background: rgba(190,235,255,0.10);
  border-color: rgba(190,235,255,0.20);
}

@media (max-width: 900px){
  html body .cl-hv2 .cl-hv2-share{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 520px){
  html body .cl-hv2 .cl-hv2-share{ grid-template-columns: 1fr; }
}

/* iPad/touch: keep only Native + Copy */
@media (max-width: 820px), (hover: none) and (pointer: coarse){
  html body .cl-hv2 .cl-hv2-share{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
  html body .cl-hv2 .cl-hv2-share .cl-hv2-btn[data-platform="x"]{ display:none !important; }
  html body .cl-hv2 .cl-hv2-share .cl-hv2-btn[data-platform="linkedin"]{ display:none !important; }
  html body .cl-hv2 .cl-hv2-share .cl-hv2-btn[data-platform="facebook"]{ display:none !important; }
  html body .cl-hv2 .cl-hv2-share .cl-hv2-btn[data-platform="reddit"]{ display:none !important; }
}


/* CL_HERO_SHARE_ICONS_V14C_CSS: icon share buttons (FB/X/IG/LI/RD + copy + native) */
.cl-hv2-share{ display:flex !important; flex-wrap:wrap !important; gap:10px !important; align-items:center !important; }
.cl-hv2-share .cl-hv2-icon-btn{
  width:44px !important; height:44px !important;
  padding:0 !important;
  display:inline-flex !important; align-items:center !important; justify-content:center !important;
  border-radius:12px !important;
  flex: 0 0 auto !important;
}
.cl-hv2-share .cl-hv2-icon-btn svg{ width:20px !important; height:20px !important; }

/* Beat older "display:none !important" rules */
html body .cl-hv2 .cl-hv2-share .cl-hv2-btn.cl-hv2-icon-btn[data-platform="x"],
html body .cl-hv2 .cl-hv2-share .cl-hv2-btn.cl-hv2-icon-btn[data-platform="linkedin"],
html body .cl-hv2 .cl-hv2-share .cl-hv2-btn.cl-hv2-icon-btn[data-platform="facebook"],
html body .cl-hv2 .cl-hv2-share .cl-hv2-btn.cl-hv2-icon-btn[data-platform="reddit"],
html body .cl-hv2 .cl-hv2-share .cl-hv2-btn.cl-hv2-icon-btn[data-platform="instagram"]{
  display:inline-flex !important;
}

@media (max-width: 520px){
  .cl-hv2-share{ gap:8px !important; }
  .cl-hv2-share .cl-hv2-icon-btn{ width:42px !important; height:42px !important; }
}


/* CL_HERO_SHARE_ICONS_V14D_TIGHT: force small square icon buttons (no stretch / no grid leftovers) */
html body .cl-hv2 .cl-hv2-share{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:10px !important;
  align-items:center !important;
  justify-content:flex-start !important;
  grid-template-columns: none !important;
}

html body .cl-hv2 .cl-hv2-share .cl-hv2-btn.cl-hv2-icon-btn{
  width:42px !important;
  min-width:42px !important;
  max-width:42px !important;
  height:42px !important;
  min-height:42px !important;
  max-height:42px !important;
  padding:0 !important;
  flex: 0 0 42px !important;
}

html body .cl-hv2 .cl-hv2-share .cl-hv2-btn.cl-hv2-icon-btn svg{
  width:20px !important;
  height:20px !important;
}

@media (max-width: 820px), (hover:none) and (pointer:coarse){
  html body .cl-hv2 .cl-hv2-share{ gap:8px !important; }
  html body .cl-hv2 .cl-hv2-share .cl-hv2-btn.cl-hv2-icon-btn{
    width:40px !important; min-width:40px !important; max-width:40px !important;
    height:40px !important; min-height:40px !important; max-height:40px !important;
    flex: 0 0 40px !important;
  }
}


/* CL_HERO_SHARE_ICONS_V14E_POLISH: make share icons look premium (small circular chips) */
html body .cl-hv2 .cl-hv2-share{
  display:flex !important;
  flex-wrap:wrap !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:8px !important;
  margin-top:10px !important;
  padding-top:10px !important;
  border-top:1px solid rgba(148,163,184,0.14) !important;
}

html body .cl-hv2 .cl-hv2-share .cl-hv2-btn.cl-hv2-icon-btn{
  width:36px !important; height:36px !important;
  min-width:36px !important; max-width:36px !important;
  min-height:36px !important; max-height:36px !important;
  padding:0 !important;
  border-radius:999px !important;
  flex:0 0 36px !important;

  border:1px solid rgba(148,163,184,0.22) !important;
  background: rgba(15,23,42,0.06) !important;
}

html[data-theme="dark"] body .cl-hv2 .cl-hv2-share .cl-hv2-btn.cl-hv2-icon-btn{
  background: rgba(190,235,255,0.08) !important;
  border-color: rgba(190,235,255,0.16) !important;
}

html body .cl-hv2 .cl-hv2-share .cl-hv2-btn.cl-hv2-icon-btn svg{
  width:18px !important;
  height:18px !important;
}

html body .cl-hv2 .cl-hv2-share .cl-hv2-btn.cl-hv2-icon-btn:hover{
  filter: brightness(1.03);
  transform: translateY(-1px);
}

html body .cl-hv2 .cl-hv2-share .cl-hv2-btn.cl-hv2-icon-btn:active{
  transform: translateY(0px);
}

@media (max-width: 820px), (hover:none) and (pointer:coarse){
  html body .cl-hv2 .cl-hv2-share{ gap:8px !important; }
  html body .cl-hv2 .cl-hv2-share .cl-hv2-btn.cl-hv2-icon-btn{
    width:34px !important; height:34px !important;
    min-width:34px !important; max-width:34px !important;
    min-height:34px !important; max-height:34px !important;
    flex:0 0 34px !important;
  }
  html body .cl-hv2 .cl-hv2-share .cl-hv2-btn.cl-hv2-icon-btn svg{
    width:17px !important; height:17px !important;
  }
}


/* CL_HERO_SHARE_ICONS_V15_BRAND_POLISH: smaller, cleaner, brand-tinted icons */
html body .cl-hv2 .cl-hv2-share{
  display:flex !important;
  flex-wrap:wrap !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:8px !important;
  margin-top:8px !important;
  padding-top:0 !important;
  border-top:0 !important;
}

html body .cl-hv2 .cl-hv2-share .cl-hv2-btn.cl-hv2-icon-btn{
  width:32px !important; height:32px !important;
  min-width:32px !important; max-width:32px !important;
  min-height:32px !important; max-height:32px !important;
  padding:0 !important;
  border-radius:999px !important;
  flex:0 0 32px !important;

  border:1px solid rgba(148,163,184,0.18) !important;
  background: rgba(15,23,42,0.04) !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body .cl-hv2 .cl-hv2-share .cl-hv2-btn.cl-hv2-icon-btn{
  background: rgba(190,235,255,0.06) !important;
  border-color: rgba(190,235,255,0.12) !important;
}

html body .cl-hv2 .cl-hv2-share .cl-hv2-btn.cl-hv2-icon-btn svg{
  width:16px !important;
  height:16px !important;
}

html body .cl-hv2 .cl-hv2-share .cl-hv2-btn.cl-hv2-icon-btn:hover{
  filter: brightness(1.04);
  transform: translateY(-1px);
}
html body .cl-hv2 .cl-hv2-share .cl-hv2-btn.cl-hv2-icon-btn:active{
  transform: translateY(0px);
}

/* brand tint (subtle but recognizable) */
html body .cl-hv2 .cl-hv2-share .cl-hv2-icon-btn[data-platform="facebook"]{ color:#1877F2 !important; }
html body .cl-hv2 .cl-hv2-share .cl-hv2-icon-btn[data-platform="linkedin"]{ color:#0A66C2 !important; }
html body .cl-hv2 .cl-hv2-share .cl-hv2-icon-btn[data-platform="instagram"]{ color:#E1306C !important; }
html body .cl-hv2 .cl-hv2-share .cl-hv2-icon-btn[data-platform="reddit"]{ color:#FF4500 !important; }
html body .cl-hv2 .cl-hv2-share .cl-hv2-icon-btn[data-platform="x"]{ color: rgba(255,255,255,0.92) !important; }

/* neutral icons */
html body .cl-hv2 .cl-hv2-share .cl-hv2-icon-btn[data-platform="copy"],
html body .cl-hv2 .cl-hv2-share .cl-hv2-icon-btn[data-platform="native"]{
  color: rgba(148,163,184,0.95) !important;
}

@media (max-width: 820px), (hover:none) and (pointer:coarse){
  html body .cl-hv2 .cl-hv2-share{ gap:8px !important; }
  html body .cl-hv2 .cl-hv2-share .cl-hv2-btn.cl-hv2-icon-btn{
    width:30px !important; height:30px !important;
    min-width:30px !important; max-width:30px !important;
    min-height:30px !important; max-height:30px !important;
    flex:0 0 30px !important;
  }
  html body .cl-hv2 .cl-hv2-share .cl-hv2-btn.cl-hv2-icon-btn svg{
    width:15px !important; height:15px !important;
  }
}


/* CL_HERO_SHARE_POS_V17_AFTER: share icons live in .cl-hv2-after */
html body .cl-hv2 .cl-hv2-after {
  margin-top: 10px !important;
  display: block !important;
}
html body .cl-hv2 .cl-hv2-after .cl-hv2-share {
  margin-top: 0 !important;
  padding-top: 0 !important;
  border-top: 0 !important;
}


/* CL_HERO_SHARE_POS_V18_IN_3RD_CARD: move share icons into 3rd hero card (under its paragraph) */
html body .cl-hv2 .cl-hv2-after{ margin-top:0 !important; padding-top:0 !important; border-top:0 !important; }
html body .cl-hv2 .cl-hv2-card .cl-hv2-share{
  margin-top:10px !important;
  padding-top:0 !important;
  border-top:0 !important;
  justify-content:flex-start !important;
}