/* ==========================================================================
   Bursa pe Scurt — prima pagină (v4.77.0)
   Doar pe prima pagină, după style.css și mobil.css.
   ========================================================================== */

/* --- Hero pe două coloane ------------------------------------------------ */
.hero--doua { text-align: left; }
.hero--doua::after {
  /* lumina stă în spatele textului, nu în mijlocul paginii */
  background: radial-gradient(ellipse 55% 60% at 22% 42%,
    color-mix(in srgb, var(--bvb-turcoaz) 15%, transparent), transparent 70%);
}

.ac-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 2rem;
  align-items: center;
}
@media (min-width: 960px) {
  .ac-hero {
    grid-template-columns: minmax(0, 1.15fr) minmax(0, 400px);
    gap: 3.5rem;
  }
}

.hero--doua .hero-titlu {
  max-width: 18ch;
  margin: 0 0 .9rem;
  line-height: 1.08;
  text-wrap: balance;
}
.hero--doua .hero-tagline {
  max-width: 36rem;
  margin: 0 0 1.6rem;
  line-height: 1.6;
}
.hero--doua .hero-actiuni { justify-content: flex-start; }
.hero--doua .hero-nota { margin-top: .85rem; }

@media (min-width: 768px) {
  .hero--doua { padding: 4rem 0 3.5rem; }
  .hero--doua .hero-titlu { font-size: 3.1rem; }
}
@media (min-width: 1100px) {
  .hero--doua .hero-titlu { font-size: 3.5rem; }
}

.ac-hero-retele {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: .5rem .7rem;
  margin-top: 1.4rem;
  font-size: .85rem;
  color: var(--bvb-text-secundar);
}
.ac-hero-retele .retele-hero { margin: 0; justify-content: flex-start; }

/* --- Panoul „Ultima ședință" --------------------------------------------- */
.ac-panou {
  display: grid;
  gap: .15rem;
  padding: 1.1rem 1.2rem 1rem;
  background: color-mix(in srgb, var(--bvb-card) 88%, transparent);
  border: 1px solid var(--bvb-bordura);
  border-radius: 16px;
  box-shadow: 0 18px 50px rgba(0, 0, 0, .35);
  backdrop-filter: blur(6px);
  text-align: left;
}

.ac-panou-cap {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: .5rem 1rem;
  flex-wrap: wrap;
  padding-bottom: .7rem;
}
.ac-panou-cap h2 {
  margin: 0;
  font-family: var(--bvb-font-text);
  font-size: 1rem;
  font-weight: 700;
}
.ac-panou-cap time { font-size: .8rem; color: var(--bvb-text-secundar); }

.ac-eticheta {
  display: block;
  font-size: .76rem;
  color: var(--bvb-text-secundar);
}
.ac-nota-mica { font-size: .74rem; color: var(--bvb-text-secundar); }

.ac-pozitiv { color: var(--bvb-pozitiv); }
.ac-negativ { color: var(--bvb-negativ); }
.ac-neutru  { color: var(--bvb-text-secundar); }

/* Blocurile au aceeași structură: etichetă sus, conținut, linie între ele. */
.ac-etf,
.ac-bloc {
  display: block;
  padding: .75rem .6rem;
  margin: 0 -.6rem;
  border-top: 1px solid color-mix(in srgb, var(--bvb-bordura) 80%, transparent);
  border-radius: 10px;
  color: inherit;
  text-decoration: none;
}
a.ac-etf:hover,
a.ac-bloc:hover,
a.ac-etf:focus-visible,
a.ac-bloc:focus-visible {
  background: rgba(45, 212, 191, .06);
  text-decoration: none;
  outline: none;
}
a.ac-etf:focus-visible,
a.ac-bloc:focus-visible { box-shadow: inset 0 0 0 2px var(--bvb-focus); }

/* ETF: cifra mare + grafic */
.ac-etf { border-top: 0; padding-top: .2rem; }
.ac-etf-cifre {
  display: flex;
  align-items: baseline;
  gap: .7rem;
  margin: .15rem 0 .4rem;
}
.ac-var {
  font-family: var(--bvb-font-brand);
  font-size: 2.1rem;
  line-height: 1.05;
  font-variant-numeric: tabular-nums;
}
.ac-pret { font-size: .9rem; color: var(--bvb-text-secundar); font-variant-numeric: tabular-nums; }

.ac-grafic {
  display: block;
  width: 100%;
  height: 56px;
  --ac-c: var(--bvb-text-secundar);
}
.ac-grafic.ac-pozitiv { --ac-c: var(--bvb-pozitiv); }
.ac-grafic.ac-negativ { --ac-c: var(--bvb-negativ); }
.ac-grafic-arie  { fill: color-mix(in srgb, var(--ac-c) 14%, transparent); stroke: none; }
.ac-grafic-linie { fill: none; stroke: var(--ac-c); stroke-width: 2; stroke-linejoin: round; stroke-linecap: round; }
.ac-grafic-punct { fill: var(--ac-c); stroke: var(--bvb-card); stroke-width: 2; }
.ac-etf .ac-nota-mica { display: block; margin-top: .2rem; text-align: right; }

/* Urcări / scăderi */
.ac-br-bara {
  display: flex;
  gap: 3px;
  height: 10px;
  margin: .5rem 0 .4rem;
}
.ac-br-bara span { min-width: 0; border-radius: 3px; }
.ac-br-bara span[style*="flex-grow: 0"] { display: none; }
.ac-br-sus { background: var(--bvb-pozitiv); }
.ac-br-eg  { background: rgba(139, 148, 158, .45); }
.ac-br-jos { background: var(--bvb-negativ); }
.ac-br-leg {
  display: flex;
  justify-content: space-between;
  gap: .6rem;
  font-size: .8rem;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
}

/* Barometrul */
.ac-fg-rand {
  display: flex;
  align-items: center;
  gap: .75rem;
  margin: .25rem 0 .5rem;
}
.ac-fg-scor {
  display: grid;
  place-items: center;
  min-width: 3rem;
  height: 3rem;
  padding: 0 .4rem;
  border-radius: 12px;
  background: color-mix(in srgb, var(--fg-c) 16%, transparent);
  border: 1px solid color-mix(in srgb, var(--fg-c) 50%, transparent);
  color: var(--fg-c);
  font-family: var(--bvb-font-brand);
  font-size: 1.5rem;
  font-variant-numeric: tabular-nums;
}
.ac-fg-text { display: grid; gap: .1rem; }
.ac-fg-et { font-weight: 700; color: var(--bvb-text); }
.ac-fg-bara {
  position: relative;
  display: block;
  height: 6px;
  border-radius: 6px;
  background: linear-gradient(90deg, #f85149 0%, #f0883e 30%, #8a8f98 50%, #2dd4bf 70%, #0d9488 100%);
  opacity: .9;
}
.ac-fg-bara span {
  position: absolute;
  top: 50%;
  width: 12px;
  height: 12px;
  margin-left: -6px;
  border-radius: 50%;
  background: var(--bvb-text);
  border: 2px solid var(--bvb-card);
  transform: translateY(-50%);
}

/* Următoarea ex-dată */
.ac-exdata-rand {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: .3rem .6rem;
  margin-top: .2rem;
}
.ac-exdata-rand strong { color: var(--bvb-turcoaz); font-size: 1.05rem; }
.ac-exdata-rand > span:not(.ac-pastila) { color: var(--bvb-text-secundar); font-size: .88rem; }
.ac-pastila {
  margin-left: auto;
  padding: .1rem .55rem;
  border-radius: 999px;
  background: rgba(45, 212, 191, .13);
  color: var(--bvb-turcoaz);
  font-size: .76rem;
  font-weight: 600;
  white-space: nowrap;
}

.ac-panou-nota {
  margin: .4rem 0 0;
  font-size: .7rem;
  color: var(--bvb-text-secundar);
  opacity: .85;
}

@media (max-width: 640px) {
  .ac-hero { gap: 1.5rem; }
  .ac-panou { padding: .95rem 1rem .85rem; border-radius: 14px; }
  .ac-var { font-size: 1.8rem; }
  .ac-hero-retele { margin-top: 1.1rem; }
}

/* --- Ediția zilnică ------------------------------------------------------ */
.ac-editii {
  --ed-raport:   var(--bvb-turcoaz);
  --ed-dividend: var(--bvb-pozitiv);
  --ed-calendar: #d29922;
  --ed-mix:      #a371f7;
}
.ac-editii .ed-t-raport   { --ed-c: var(--ed-raport); }
.ac-editii .ed-t-dividend { --ed-c: var(--ed-dividend); }
.ac-editii .ed-t-calendar { --ed-c: var(--ed-calendar); }
.ac-editii .ed-t-mix      { --ed-c: var(--ed-mix); }

.ac-patrat {
  display: inline-block;
  width: .62rem;
  height: .62rem;
  margin-right: .4rem;
  border-radius: 3px;
  background: var(--ed-c, var(--bvb-turcoaz));
  vertical-align: baseline;
}

.ac-ed-grila {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 1rem;
}
@media (min-width: 960px) {
  .ac-ed-grila { grid-template-columns: minmax(0, 1.45fr) minmax(0, 1fr); align-items: stretch; }
}

/* Ediția mare */
.ac-ed-mare {
  position: relative;
  display: grid;
  grid-template-columns: 5.2rem minmax(0, 1fr);
  gap: 1.25rem;
  padding: 1.4rem 1.5rem 1.4rem 1.1rem;
  background:
    radial-gradient(90% 120% at 0% 0%, color-mix(in srgb, var(--ed-c) 10%, transparent), transparent 60%),
    var(--bvb-card);
  border: 1px solid var(--bvb-bordura);
  border-left: 4px solid var(--ed-c);
  border-radius: 14px;
}

.ac-ed-data {
  display: grid;
  justify-items: center;
  align-content: start;
  gap: .25rem;
  padding-top: .15rem;
  line-height: 1;
}
.ac-ed-zi {
  font-family: var(--bvb-font-brand);
  font-size: 3rem;
  font-weight: 700;
  color: var(--bvb-text);
}
.ac-ed-luna {
  font-size: .82rem;
  font-weight: 600;
  letter-spacing: .03em;
  color: var(--ed-c);
}
.ac-ed-sapt { font-size: .74rem; color: var(--bvb-text-secundar); }

.ac-ed-corp { display: grid; gap: .8rem; align-content: start; min-width: 0; }
.ac-ed-meta { display: flex; align-items: center; flex-wrap: wrap; gap: .4rem .6rem; }
.ac-ed-cand {
  padding: .12rem .6rem;
  border-radius: 999px;
  background: color-mix(in srgb, var(--ed-c) 18%, transparent);
  color: var(--bvb-text);
  font-size: .76rem;
  font-weight: 700;
}
.ac-ed-tip { font-size: .82rem; color: var(--bvb-text-secundar); }

.ac-ed-rezumat {
  margin: 0;
  font-family: var(--bvb-font-text);
  font-size: 1.12rem;
  font-weight: 500;
  line-height: 1.6;
}
.ac-ed-rezumat a { color: var(--bvb-text); }
.ac-ed-rezumat a:hover { color: var(--bvb-turcoaz); text-decoration: none; }

.ac-ed-companii { display: flex; align-items: center; flex-wrap: wrap; gap: .35rem; }
.ac-ed-companii .ac-nota-mica { margin-right: .15rem; }
.ac-simbol {
  padding: .14rem .55rem;
  border: 1px solid var(--bvb-turcoaz-inchis);
  border-radius: 999px;
  color: var(--bvb-turcoaz);
  font-size: .76rem;
  font-weight: 700;
  line-height: 1.5;
}
a.ac-simbol:hover { background: rgba(45, 212, 191, .12); text-decoration: none; }
.ac-simbol-mai { border-style: dashed; color: var(--bvb-text-secundar); }

.ac-ed-citeste { justify-self: start; margin-top: .2rem; }

/* Lista „Mai devreme" */
.ac-ed-lista {
  display: flex;
  flex-direction: column;
  padding: 1rem 1.1rem .6rem;
  background: var(--bvb-card);
  border: 1px solid var(--bvb-bordura);
  border-radius: 14px;
}
.ac-ed-lista-titlu {
  margin: 0 0 .4rem;
  font-family: var(--bvb-font-text);
  font-size: .85rem;
  font-weight: 600;
  color: var(--bvb-text-secundar);
}
.ac-ed-lista ol {
  list-style: none;
  display: flex;
  flex-direction: column;
  flex: 1;
  margin: 0;
  padding: 0;
}
.ac-ed-lista li {
  flex: 1;
  border-top: 1px solid color-mix(in srgb, var(--bvb-bordura) 75%, transparent);
}
.ac-ed-lista li:first-child { border-top: 0; }
.ac-ed-lista a {
  display: grid;
  grid-template-columns: 3.6rem minmax(0, 1fr);
  gap: .8rem;
  align-items: start;
  height: 100%;
  padding: .7rem .5rem;
  margin: 0 -.5rem;
  border-radius: 10px;
  color: inherit;
  text-decoration: none;
  transition: background .15s ease;
}
.ac-ed-lista a:hover,
.ac-ed-lista a:focus-visible { background: rgba(45, 212, 191, .05); outline: none; }
.ac-ed-lista a:focus-visible { box-shadow: inset 0 0 0 2px var(--bvb-focus); }

.ac-ed-mic-data { display: grid; gap: .1rem; line-height: 1.2; }
.ac-ed-mic-data strong { font-size: .92rem; color: var(--bvb-text); white-space: nowrap; }
.ac-ed-mic-data span { font-size: .72rem; color: var(--bvb-text-secundar); }

.ac-ed-mic-corp { display: grid; gap: .15rem; min-width: 0; }
.ac-ed-mic-tip { font-size: .72rem; color: var(--bvb-text-secundar); }
.ac-ed-mic-tip .ac-patrat { width: .5rem; height: .5rem; margin-right: .3rem; }
.ac-ed-mic-rez {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-size: .9rem;
  line-height: 1.45;
  color: var(--bvb-text);
}
.ac-ed-lista a:hover .ac-ed-mic-rez { color: var(--bvb-turcoaz); }

@media (max-width: 640px) {
  .ac-ed-mare {
    grid-template-columns: 3.6rem minmax(0, 1fr);
    gap: .9rem;
    padding: 1.1rem 1rem 1.1rem .7rem;
  }
  .ac-ed-zi { font-size: 2.2rem; }
  .ac-ed-rezumat { font-size: 1rem; }
  .ac-ed-rezumat a {
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  .ac-ed-citeste { justify-self: stretch; text-align: center; }
}

/* --- Banda pe segmente (v4.78.0) ---------------------------------------- */
.banda-piata--seg .banda-pista { animation-duration: var(--banda-durata, 48s); }
@media (max-width: 640px) {
  .banda-piata--seg .banda-pista { animation-duration: calc(var(--banda-durata, 48s) * .8); }
}

/* Titlul segmentului: o pastilă între elemente, nu o etichetă de coloană. */
.banda-seg {
  display: flex;
  align-items: center;
  padding: 0 .35rem 0 1rem;
}
.banda-seg span {
  display: inline-flex;
  align-items: center;
  gap: .35rem;
  padding: .18rem .6rem;
  border-radius: 999px;
  font-size: .72rem;
  font-weight: 700;
  white-space: nowrap;
  color: var(--bvb-text);
  background: rgba(139, 148, 158, .14);
}
.banda-seg--sus span   { background: color-mix(in srgb, var(--bvb-pozitiv) 16%, transparent); color: var(--bvb-pozitiv); }
.banda-seg--jos span   { background: color-mix(in srgb, var(--bvb-negativ) 16%, transparent); color: var(--bvb-negativ); }
.banda-seg--rulaj span { background: rgba(45, 212, 191, .14); color: var(--bvb-turcoaz); }
.banda-seg--sus span::before   { content: "▲"; font-size: .8em; }
.banda-seg--jos span::before   { content: "▼"; font-size: .8em; }
.banda-seg--rulaj span::before { content: "≋"; font-size: 1em; line-height: 1; }

/* Elementul dinaintea unui titlu de segment nu mai are linie la dreapta:
   segmentele se despart prin pastilă, nu prin două linii. */
.banda-piata--seg .banda-link { align-items: center; }

.banda-spark {
  flex: 0 0 auto;
  width: 36px;
  height: 14px;
  overflow: visible;
}
.banda-spark polyline {
  fill: none;
  stroke: var(--bvb-text-secundar);
  stroke-width: 1.4;
  stroke-linejoin: round;
  stroke-linecap: round;
}
.banda-spark--sus polyline { stroke: var(--bvb-pozitiv); opacity: .8; }
.banda-spark--jos polyline { stroke: var(--bvb-negativ); opacity: .8; }

.banda-rulaj {
  color: var(--bvb-turcoaz);
  font-size: .76rem;
  font-weight: 600;
  white-space: nowrap;
}

@media (max-width: 640px) {
  .banda-seg { padding-left: .7rem; }
  .banda-seg span { font-size: .66rem; padding: .15rem .5rem; }
  .banda-spark { width: 28px; }
}

/* --- Abonare: mostra ediției + canalele (v4.78.0) ------------------------ */
.ac-abonare--cu-mostra {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 1rem;
  max-width: 64rem;
  margin-inline: auto;
}
@media (min-width: 900px) {
  .ac-abonare--cu-mostra {
    grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr);
    gap: 1.5rem;
    align-items: stretch;
  }
}
/* Canalele, unul sub altul, în coloana din dreapta. */
.ac-abonare--cu-mostra .grila-abonare {
  grid-template-columns: minmax(0, 1fr) !important;
  max-width: none;
  margin: 0;
  gap: 1rem;
}
.ac-abonare--cu-mostra .card-abonare { padding: 1.2rem 1.3rem; }
.ac-abonare--cu-mostra .card-abonare-telegram { justify-content: flex-start; }
.ac-abonare--cu-mostra .card-abonare p { margin-bottom: .9rem; }

.ac-mostra {
  display: flex;
  flex-direction: column;
  margin: 0;
  padding: 1.2rem 1.3rem;
  background: color-mix(in srgb, var(--bvb-card) 70%, transparent);
  border: 1px solid var(--bvb-bordura);
  border-radius: var(--bvb-radius);
}
.ac-mostra figcaption { display: grid; gap: .15rem; margin-bottom: .9rem; }
.ac-mostra figcaption strong { font-size: 1.1rem; color: var(--bvb-text); }
.ac-mostra figcaption span { font-size: .85rem; color: var(--bvb-text-secundar); }

/* Bula de mesaj, în stilul unui canal Telegram întunecat. */
.ac-mostra-mesaj {
  position: relative;
  display: grid;
  gap: .5rem;
  margin-left: .5rem;
  padding: .9rem 1.05rem .8rem;
  background: #1c2733;
  border: 1px solid var(--bvb-bordura);
  border-radius: 4px 16px 16px 16px;
  font-size: .95rem;
  line-height: 1.55;
  box-shadow: 0 10px 28px rgba(0, 0, 0, .25);
}
.ac-mostra-mesaj::before {        /* codița bulei */
  content: "";
  position: absolute;
  top: -1px;
  left: -9px;
  width: 10px;
  height: 14px;
  background: #1c2733;
  border-top: 1px solid var(--bvb-bordura);
  clip-path: polygon(0 0, 100% 0, 100% 100%);
}
.ac-mostra-cap {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: .2rem .6rem;
  font-size: .82rem;
}
.ac-mostra-cap strong { color: var(--bvb-turcoaz); }
.ac-mostra-cap span { color: var(--bvb-text-secundar); font-size: .76rem; }
.ac-mostra-text { color: var(--bvb-text); }
.ac-mostra-linii { display: grid; gap: .3rem; color: var(--bvb-text); font-size: .9rem; }
.ac-mostra-linii span:first-child { font-weight: 700; }
.ac-mostra-comp {
  color: var(--bvb-turcoaz);
  font-size: .82rem;
  font-weight: 600;
  letter-spacing: .02em;
}
.ac-mostra-link {
  justify-self: start;
  font-size: .82rem;
  color: var(--bvb-text-secundar);
  text-decoration: underline;
  text-underline-offset: 2px;
}
.ac-mostra-link:hover { color: var(--bvb-turcoaz); }
@media (max-width: 640px) {
  /* Pe telefon mostra rămâne scurtă, ca butoanele să nu coboare prea mult. */
  .ac-mostra-linii span:nth-child(n+6) { display: none; }
  .ac-mostra { padding: 1rem; }
  .ac-mostra-mesaj { margin-left: .4rem; }
}