/* Unicom-WG — Colonne « Cours en direct » [unicom_cours] */
.u3c-cours{
  --u3c-violet:#6b3a9e; --u3c-violet-2:#8b4fc4; --u3c-magenta:#b23a72;
  --u3c-or:#d4af37; --u3c-or-clair:#f1d77a; --u3c-nuit:#1b0f2c;
  --u3c-btc:#f7931a; --u3c-up:#1e9e5a; --u3c-down:#d1344b;
  --u3c-ligne:#ebe3f4; --u3c-pad:10px; --u3c-texte:#2b2140; --u3c-gris:#7a6e8c;
  container-type:inline-size;
  width:100%; max-width:100%; box-sizing:border-box;
  background:#fff; border:1px solid var(--u3c-ligne); border-radius:8px; overflow:hidden;
  font-family:Roboto,Arial,sans-serif; color:var(--u3c-texte); line-height:1.25;
  box-shadow:0 4px 16px rgba(107,58,158,.08);
}
.u3c-cours *{box-sizing:border-box}

/* En-tête */
.u3c-head{
  display:flex; align-items:center; justify-content:space-between; gap:8px;
  padding:9px 14px; color:#fff;
  background:linear-gradient(120deg,var(--u3c-violet) 0%,var(--u3c-magenta) 100%);
}
.u3c-head b{font-family:Spectral,Georgia,serif; font-weight:700; font-size:15.5px}
.u3c-head small{font-size:11px; opacity:.9; white-space:nowrap}
.u3c-dot{display:inline-block; width:7px; height:7px; border-radius:50%; margin-right:7px; vertical-align:1px;
  background:#2ecc71; animation:u3cPulse 2s infinite}
@keyframes u3cPulse{0%{box-shadow:0 0 0 0 rgba(46,204,113,.7)}70%{box-shadow:0 0 0 6px rgba(46,204,113,0)}100%{box-shadow:0 0 0 0 rgba(46,204,113,0)}}

/* Carte Or — l'élément vedette */
.u3c-gold{
  position:relative; padding:14px 14px 12px; color:#fff;
  background:radial-gradient(120% 140% at 100% 0%,#3a2160 0%,var(--u3c-nuit) 60%);
  border-bottom:2px solid var(--u3c-or);
}
.u3c-gold-top{display:flex; align-items:center; gap:10px}
.u3c-gold .u3c-ico{background:linear-gradient(135deg,var(--u3c-or-clair),var(--u3c-or) 55%,#a8801f); color:var(--u3c-nuit)}
.u3c-gold .u3c-sym{color:var(--u3c-or-clair)}
.u3c-gold .u3c-name{color:rgba(255,255,255,.7)}
.u3c-gold-price{display:flex; align-items:baseline; justify-content:space-between; gap:8px; margin-top:10px; flex-wrap:wrap}
.u3c-gold-price .u3c-price{font-family:Spectral,Georgia,serif; font-size:25px; font-weight:700; color:#fff}
.u3c-gold-price .u3c-price span{font-size:13px; font-weight:500; color:var(--u3c-or-clair); margin-left:4px}
.u3c-gold .u3c-up{color:#46d38a} .u3c-gold .u3c-down{color:#ff7088}
.u3c-gold-sub{display:flex; justify-content:space-between; gap:8px; margin-top:6px; font-size:11.5px; color:rgba(255,255,255,.72)}
.u3c-gold-sub b{color:#fff; font-weight:500; font-variant-numeric:tabular-nums}
.u3c-gold .u3c-spark{position:absolute; right:14px; top:14px}

/* Lignes */
.u3c-row{
  display:grid; grid-template-columns:32px minmax(0,1fr) auto 58px; align-items:center; gap:10px;
  padding:var(--u3c-pad) 14px; border-top:1px solid var(--u3c-ligne); transition:background .15s;
}
.u3c-row:first-of-type{border-top:0}
.u3c-row:hover{background:#faf7fd}
.u3c-ico{width:32px; height:32px; border-radius:50%; display:grid; place-items:center;
  font-weight:700; font-size:14px; color:#fff; flex:0 0 32px}
.u3c-fx .u3c-ico{background:linear-gradient(135deg,var(--u3c-violet-2),var(--u3c-violet))}
.u3c-btc .u3c-ico{background:var(--u3c-btc)}
.u3c-id{min-width:0}
.u3c-sym{display:block; font-weight:500; font-size:14.5px; letter-spacing:.2px}
.u3c-name{display:block; font-size:11.5px; color:var(--u3c-gris); white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
.u3c-val{text-align:right; font-variant-numeric:tabular-nums}
.u3c-price{display:block; font-size:14.5px; font-weight:500; white-space:nowrap}
.u3c-price span{font-size:10.5px; color:var(--u3c-gris); margin-left:3px; font-weight:400}
.u3c-chg{display:block; font-size:11.5px; margin-top:2px; white-space:nowrap}
.u3c-up{color:var(--u3c-up)} .u3c-down{color:var(--u3c-down)}
.u3c-spark{width:58px; height:24px; display:block}
.u3c-off .u3c-price,.u3c-off .u3c-chg{color:var(--u3c-gris)}

/* Pied */
.u3c-foot{padding:7px 14px; font-size:10.5px; color:var(--u3c-gris); background:#faf7fd; border-top:1px solid var(--u3c-ligne)}

/* Bloc Matières premières — rappel bicolore de la carte Or du haut */
.u3c-mat{
  background:radial-gradient(120% 160% at 0% 100%,#3a2160 0%,var(--u3c-nuit) 65%);
  border-top:2px solid var(--u3c-or); color:#fff;
}
.u3c-mat-head{display:flex; justify-content:space-between; align-items:baseline; gap:8px; padding:9px 14px 0}
.u3c-mat-head b{font-family:Spectral,Georgia,serif; font-size:14.5px; color:var(--u3c-or-clair)}
.u3c-mat-head small{font-size:10.5px; color:rgba(255,255,255,.65); white-space:nowrap}
.u3c-mat-frame{height:76px; overflow:hidden; padding:0 4px}
.u3c-mat-frame iframe{display:block; width:100%; height:76px; border:0; background:transparent}

/* Ligne Or USD/kg dans le bloc foncé */
.u3c-mat .u3c-goldrow{border-top:0; margin-top:4px}
.u3c-mat .u3c-goldrow:hover{background:rgba(255,255,255,.04)}
.u3c-goldrow .u3c-ico{background:linear-gradient(135deg,var(--u3c-or-clair),var(--u3c-or) 55%,#a8801f); color:var(--u3c-nuit)}
.u3c-goldrow .u3c-sym{color:var(--u3c-or-clair)}
.u3c-goldrow .u3c-name,.u3c-goldrow .u3c-price span{color:rgba(255,255,255,.65)}
.u3c-goldrow .u3c-price{color:#fff}
.u3c-goldrow .u3c-up{color:#46d38a} .u3c-goldrow .u3c-down{color:#ff7088}
.u3c-mat-frame{border-top:1px solid rgba(212,175,55,.25)}

/* Colonnes étroites : on retire la mini-courbe */
@container (max-width:330px){
  .u3c-row{grid-template-columns:30px minmax(0,1fr) auto}
  .u3c-row .u3c-spark{display:none}
  .u3c-gold .u3c-spark{display:none}
}
@media (prefers-reduced-motion:reduce){.u3c-dot{animation:none}.u3c-row{transition:none}}