/* AZERBUSINESS components. Square or round, nothing between; red only as a detail. */

.azb-logo { display: block; flex: none; }
.azb-icon { display: inline-block; flex: none; vertical-align: middle; }

/* Button — square corners; buy and primary are Nar (courses, attention), solid is Neft. */
.azb-btn {
  display: inline-flex; align-items: center; gap: var(--space-2);
  font-family: var(--font-brand); font-weight: 500; font-size: 15px; line-height: 22px;
  padding: var(--space-3) var(--space-5); border-radius: var(--radius-0);
  border: 1px solid transparent; cursor: pointer; text-decoration: none;
  transition: background-color 160ms ease-out, color 160ms ease-out, border-color 160ms ease-out;
}
.azb-btn--sm { font-size: 13px; line-height: 18px; padding: var(--space-2) var(--space-4); }
.azb-btn--primary { background: var(--accent); color: var(--on-accent); }
.azb-btn--primary:hover { background: var(--accent-hover); }
.azb-btn--buy { background: var(--buy); color: var(--on-buy); }
.azb-btn--buy:hover { background: var(--buy-hover); }
.azb-btn--solid { background: var(--action); color: var(--on-action); }
.azb-btn--solid:hover { background: var(--action-hover); }
.azb-btn--secondary { background: transparent; color: var(--ink); border-color: var(--line-strong); }
.azb-btn--secondary:hover { border-color: var(--ink); }
.azb-btn--ghost { background: transparent; color: var(--ink); padding-left: 0; padding-right: 0; }
.azb-btn--ghost:hover { text-decoration: underline; text-underline-offset: 4px; text-decoration-thickness: 1px; }
.azb-btn:disabled { opacity: 0.45; cursor: not-allowed; }
.azb-btn:focus-visible, .azb-card__link:focus-visible {
  outline: 2px solid var(--focus); outline-offset: 2px;
}

/* Kicker — category label above a headline. */
.azb-kicker {
  display: inline-flex; align-items: center; gap: 6px;
  font-family: var(--font-brand); font-size: 12px; line-height: 16px; font-weight: 700;
  letter-spacing: 0.08em; text-transform: uppercase; color: var(--ink-muted);
}
.azb-kicker--live { color: var(--signal); }
.azb-kicker--data { color: var(--data); }
.azb-kicker__dot { width: 6px; height: 6px; border-radius: var(--radius-full); background: var(--signal); }
@media (prefers-reduced-motion: no-preference) {
  .azb-kicker__dot { animation: azb-pulse 1.6s ease-in-out infinite; }
}
@keyframes azb-pulse { 50% { opacity: 0.25; } }

/* ArticleCard — editorial, borderless; a hairline separates cards in a feed. */
.azb-card { display: grid; gap: var(--space-3); color: var(--ink); }
.azb-card__media { background: var(--surface-sunken); aspect-ratio: 16 / 9; overflow: hidden; }
.azb-card__media > * { width: 100%; height: 100%; display: block; object-fit: cover; }
.azb-card__body { display: grid; gap: var(--space-2); min-width: 0; }
.azb-card__title {
  margin: 0; font-family: var(--font-display); font-weight: 700; color: var(--ink);
  font-size: 26px; line-height: 30px; text-wrap: pretty;
}
.azb-card--lead .azb-card__title { font-weight: 800; font-size: 40px; line-height: 44px; letter-spacing: -0.005em; }
.azb-card--compact { padding-block: var(--space-4); border-top: 1px solid var(--line); }
.azb-card--compact .azb-card__title { font-family: var(--font-brand); font-weight: 500; font-size: 19px; line-height: 25px; }
.azb-card__link { color: inherit; text-decoration: none; }
.azb-card__link:hover { text-decoration: underline; text-underline-offset: 4px; text-decoration-thickness: 1px; }
.azb-card__dek { margin: 0; font-family: var(--font-serif); font-size: 18px; line-height: 29px; color: var(--ink); }
.azb-card__meta { margin: 0; font-family: var(--font-brand); font-size: 13px; line-height: 18px; color: var(--ink-muted); }

/* MarketTicker — figures in mono, rises in Xəzər, falls in Nar. */
.azb-ticker {
  display: flex; flex-wrap: wrap; align-items: baseline; gap: var(--space-2) var(--space-6);
  padding: var(--space-3) var(--space-4); background: var(--surface-sunken);
  font-family: var(--font-mono); font-size: 14px; line-height: 20px; font-variant-numeric: tabular-nums;
}
.azb-ticker__item { display: inline-flex; align-items: baseline; gap: var(--space-2); white-space: nowrap; }
.azb-ticker__label { color: var(--ink-muted); }
.azb-ticker__value { color: var(--ink); font-weight: 500; }
.azb-ticker__change { display: inline-flex; align-items: center; gap: 3px; }
.azb-ticker__item--up .azb-ticker__change { color: var(--data); }
.azb-ticker__item--down .azb-ticker__change { color: var(--signal); }
.azb-ticker__item--flat .azb-ticker__change { color: var(--ink-muted); }
.azb-ticker__note { margin-left: auto; font-family: var(--font-brand); font-size: 12px; color: var(--ink-muted); }

/* Marquee: one row on every width, scrolling right to left. */
.azb-ticker--marquee { flex-wrap: nowrap; overflow: hidden; padding-left: 0; padding-right: 0; gap: 0; }
.azb-ticker__track { display: flex; flex: none; gap: var(--space-8); padding-right: var(--space-8); width: max-content; animation: azb-marquee linear infinite; }
.azb-ticker--marquee .azb-ticker__note { flex: none; padding: 0 var(--space-4); background: var(--surface-sunken); position: relative; z-index: 1; }
.azb-ticker--marquee:hover .azb-ticker__track { animation-play-state: paused; }
@keyframes azb-marquee { from { transform: translateX(0); } to { transform: translateX(-50%); } }
@media (prefers-reduced-motion: reduce) {
  .azb-ticker--marquee { overflow-x: auto; }
  .azb-ticker__track { animation: none; }
}