/* Unicom-WG — Double bandeau des marchés */
.u3i-mkt{
  --u3i-violet:#6b3a9e;      /* bouton « Accueil » du site */
  --u3i-violet-2:#8b4fc4;    /* liens violets */
  --u3i-magenta:#b23a72;     /* pyramide du logo */
  --u3i-nuit:#1b0f2c;        /* fond aubergine profond */
  --u3i-nuit-2:#120a1f;
  --u3i-or:#d4af37;          /* Or */
  --u3i-btc:#f7931a;         /* Bitcoin */
  position:relative;
  width:100vw;               /* pleine largeur, même dans un conteneur centré */
  margin-left:calc(50% - 50vw);
  margin-top:0;margin-bottom:0;
  font-family:Roboto,Arial,sans-serif;
  box-shadow:0 10px 28px rgba(27,15,44,.35);
  overflow:hidden;
  line-height:1.2;
}
.u3i-mkt *{box-sizing:border-box}

/* Liseré dégradé haut / bas aux couleurs du logo */
.u3i-mkt::before,.u3i-mkt::after{
  content:"";display:block;height:3px;
  background:linear-gradient(90deg,var(--u3i-magenta),var(--u3i-violet-2) 45%,var(--u3i-or));
}

.u3i-row{
  display:flex;align-items:stretch;min-height:52px;position:relative;
}
.u3i-row--us{background:linear-gradient(90deg,var(--u3i-nuit) 0%,#24123b 60%,var(--u3i-nuit) 100%)}
.u3i-row--cx{background:var(--u3i-nuit-2);border-top:1px solid rgba(139,79,196,.35)}

/* Étiquette en facette, rappel de la pyramide du logo */
.u3i-tag{
  flex:0 0 auto;display:flex;align-items:center;gap:12px;
  padding:0 34px 0 18px;min-width:250px;color:#fff;position:relative;z-index:2;
  clip-path:polygon(0 0,100% 0,calc(100% - 22px) 100%,0 100%);
}
.u3i-row--us .u3i-tag{background:linear-gradient(135deg,var(--u3i-violet) 0%,var(--u3i-magenta) 100%)}
.u3i-row--cx .u3i-tag{background:linear-gradient(135deg,#3a1d5c 0%,var(--u3i-violet) 100%)}

.u3i-ico{
  width:30px;height:30px;border-radius:50%;flex:0 0 30px;
  display:grid;place-items:center;font-weight:700;font-size:15px;
}
.u3i-row--us .u3i-ico{background:var(--u3i-or);color:var(--u3i-nuit)}
.u3i-row--cx .u3i-ico{background:var(--u3i-btc);color:#fff}

.u3i-txt b{
  display:block;font-family:Spectral,Georgia,serif;font-weight:700;font-size:16px;letter-spacing:.2px;
}
.u3i-txt small{display:block;font-size:11.5px;opacity:.82;margin-top:2px}

/* Pastille « en direct » */
.u3i-live{
  display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:6px;vertical-align:1px;
  background:#2ecc71;box-shadow:0 0 0 0 rgba(46,204,113,.7);animation:u3iPulse 2s infinite;
}
@keyframes u3iPulse{
  0%{box-shadow:0 0 0 0 rgba(46,204,113,.7)}
  70%{box-shadow:0 0 0 7px rgba(46,204,113,0)}
  100%{box-shadow:0 0 0 0 rgba(46,204,113,0)}
}

/* Zone du ticker TradingView */
.u3i-tape{flex:1 1 auto;min-width:0;display:flex;align-items:center;margin-left:-10px}
.u3i-frame{display:block;width:100%;height:46px;border:0;background:transparent}

/* Horloge Paris (rangée US) */
.u3i-clock{
  flex:0 0 auto;display:flex;flex-direction:column;justify-content:center;align-items:flex-end;
  padding:0 18px;border-left:1px solid rgba(212,175,55,.35);color:#fff;
}
.u3i-clock b{font-family:Spectral,Georgia,serif;font-size:16px;color:var(--u3i-or);font-variant-numeric:tabular-nums}
.u3i-clock small{font-size:11px;opacity:.75}
.u3i-row--cx .u3i-clock{border-left-color:rgba(247,147,26,.35)}
.u3i-row--cx .u3i-clock b{color:var(--u3i-btc)}

/* Mobile : étiquette réduite à l'icône */
@media (max-width:760px){
  .u3i-tag{min-width:0;padding:0 26px 0 12px}
  .u3i-txt{display:none}
  .u3i-clock{display:none}
}
/* Mobiles tactiles (iPhone, Android) : défilement automatique assuré par le plugin */
.u3i-tape.u3i-touch{overflow:hidden;position:relative;display:block;align-self:center;height:46px;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 18px,#000 calc(100% - 18px),transparent 100%);
          mask-image:linear-gradient(90deg,transparent 0,#000 18px,#000 calc(100% - 18px),transparent 100%)}
.u3i-track{display:flex;width:max-content;height:46px;will-change:transform;
  animation:u3iDefil var(--u3i-duree,120s) linear infinite}
.u3i-track .u3i-frame{flex:0 0 auto;height:46px;pointer-events:none}
@keyframes u3iDefil{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}}

@media (prefers-reduced-motion:reduce){.u3i-live{animation:none}}