/* Alanews Trends Bar — v2.3.0
   Layout: due container indipendenti — .alanews-tb-left (ULTIM'ORA, flush-left)
   e .alanews-tb-right (TREND + LIVE, flush-right), separati da justify-content:space-between.
   Nessun spacer flex, nessun hack ottico (translateY/padding asimmetrico). */

.alanews-trends-bar-wrap {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  background: #fff;
  display: block !important;
  box-sizing: border-box;
  border-bottom: 1px solid #e5e7eb;
}

.alanews-trends-bar {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  flex-wrap: wrap;
  row-gap: 6px;
  column-gap: 24px;
  padding: 8px 0 !important;
  width: 100%;
  /* v2.3.0 — Allineamento: stesso asse X di logo + "Primo Piano" (JNews .jeg_container = 1140px). */
  max-width: var(--alanews-tb-max-width, var(--wp--style--global--content-size, 1140px)) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  text-align: left !important;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  font-size: 13px;
  line-height: 1.3;
  min-height: 36px;
  box-sizing: border-box;
}

/* ─────────── Container indipendenti ─────────── */
.alanews-tb-left {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  min-width: 0;
  flex: 0 1 auto;
  margin-right: auto; /* spinge .alanews-tb-right a destra anche se vuoto */
}
.alanews-tb-right {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
  column-gap: 20px;
  row-gap: 6px;
  min-width: 0;
  flex: 0 1 auto;
}
.alanews-tb-left:empty,
.alanews-tb-right:empty { display: none; }

/* Gap per-sezione configurabile dal feed Mirror+ (style.gap_before_px). */
.alanews-trends-bar > [style*="--alanews-tb-gap-before"] {
  margin-left: var(--alanews-tb-gap-before, 0);
}

/* Pills per titoli AI con separatore "|" (sezione TREND). */
.alanews-tb-pill {
  display: inline-block;
  padding: 2px 6px;
  border-radius: 3px;
  background: rgba(29, 78, 216, 0.08);
}
.alanews-tb-pill-sep { margin: 0 4px; color: #9ca3af; }

/* Wrapper icona (override color/size dal feed). */
.alanews-tb-icon-wrap { display: inline-flex; align-items: center; }

/* ─────────── ULTIM'ORA ─────────── */
.alanews-tb-breaking {
  display: inline-flex;
  align-items: stretch;
  gap: 0;
  min-width: 0;
  flex: 0 1 auto;
  max-width: 100%;
}
.alanews-tb-breaking__badge {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px;
  background: #dc2626;
  color: #fff;
  padding: 6px 12px !important;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  font-size: 12px;
  line-height: 1 !important;
  min-height: 26px;
  height: auto !important;
  vertical-align: middle;
  box-sizing: border-box;
  white-space: nowrap;
  border-radius: 2px 0 0 2px;
}
.alanews-tb-breaking__icon {
  width: 14px;
  height: 14px;
  display: block;
}
.alanews-tb-breaking__label { display: inline-block; }
.alanews-tb-breaking__badge .alanews-tb-breaking__label {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important;
  margin: 0 !important;
  padding: 0 !important;
}
.alanews-tb-breaking__headline {
  display: inline-flex;
  align-items: center;
  padding: 4px 12px;
  color: #111827;
  font-weight: 600;
  text-decoration: none;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  min-width: 0;
}
.alanews-tb-breaking__headline:hover { text-decoration: underline; }

/* ─────────── Sezioni TREND / LIVE ─────────── */
.alanews-tb-section {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}
.alanews-tb-section__label {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  white-space: nowrap;
  font-size: 13px;
  line-height: 1;
}
.alanews-tb-section__label--trend { color: #1d4ed8; }
.alanews-tb-section__label--live  { color: #dc2626; }

/* Pallino LIVE pulsante */
.alanews-tb-live-dot {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #dc2626;
  box-shadow: 0 0 0 0 rgba(220, 38, 38, 0.6);
  animation: alanews-tb-pulse 1.6s ease-out infinite;
}
@keyframes alanews-tb-pulse {
  0%   { box-shadow: 0 0 0 0 rgba(220, 38, 38, 0.55); }
  70%  { box-shadow: 0 0 0 8px rgba(220, 38, 38, 0); }
  100% { box-shadow: 0 0 0 0 rgba(220, 38, 38, 0); }
}
@media (prefers-reduced-motion: reduce) {
  .alanews-tb-live-dot { animation: none; }
}

/* Items list */
.alanews-tb-items {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.alanews-tb-item {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  white-space: nowrap;
  text-transform: uppercase;
  letter-spacing: 0.02em;
  font-weight: 700;
  font-size: 13px;
  line-height: 1;
}
.alanews-tb-item a {
  color: #111827;
  text-decoration: none;
}
.alanews-tb-item a:hover { text-decoration: underline; }
.alanews-tb-sep {
  color: #9ca3af;
  font-weight: 300;
}

/* ─────────── Mobile ─────────── */
@media (max-width: 640px) {
  .alanews-trends-bar-wrap.is-desktop-only { display: none; }
  .alanews-trends-bar {
    flex-wrap: nowrap;
    justify-content: flex-start !important;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    column-gap: 12px;
    padding: 6px 12px !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    row-gap: 0;
  }
  .alanews-trends-bar::-webkit-scrollbar { display: none; }
  .alanews-tb-left, .alanews-tb-right {
    flex: 0 0 auto;
    flex-wrap: nowrap;
    column-gap: 12px;
  }
  .alanews-tb-left { margin-right: 12px; }
  .alanews-tb-breaking { flex: 0 0 auto; }
  .alanews-tb-breaking__headline {
    max-width: 60vw;
  }
}