/**
 * Shared UI tokens and components (homepage + inner pages).
 *
 * @package KohaJone
 */

/* ---------- Section accent map ---------- */
.kj-section--lajme,
.kj-sec--lajme {
  --kj-sec-color: var(--text-primary);
}

.kj-section--editorial,
.kj-sec--editorial {
  --kj-sec-color: var(--caption);
}

.kj-section--webtv,
.kj-sec--webtv {
  --kj-sec-color: var(--color-gray);
}

.kj-section--sporti,
.kj-sec--sporti {
  --kj-sec-color: var(--green);
}

.kj-section--aktualitet,
.kj-sec--aktualitet {
  --kj-sec-color: var(--caption);
}

.kj-section--historiku,
.kj-sec--historiku {
  --kj-sec-color: var(--color-gray);
}

.kj-section--most-read,
.kj-sec--most-read {
  --kj-sec-color: var(--text-primary);
}

.kj-section--rajoni,
.kj-sec--rajoni {
  --kj-sec-color: var(--green);
}

.kj-section--bota,
.kj-sec--bota {
  --kj-sec-color: var(--color-amber);
}

.kj-section--ekonomi,
.kj-sec--ekonomi {
  --kj-sec-color: var(--color-amber);
}

.kj-section--kosova,
.kj-sec--kosova {
  --kj-sec-color: var(--green);
}

.kj-section--intervista,
.kj-sec--intervista {
  --kj-sec-color: var(--caption);
}

.kj-section--kultura,
.kj-sec--kultura {
  --kj-sec-color: var(--color-purple);
}

.kj-section--showbiz,
.kj-sec--showbiz {
  --kj-sec-color: #c026d3;
}

.kj-section--sociale,
.kj-sec--sociale {
  --kj-sec-color: #c026d3;
}

.kj-section--turizem,
.kj-sec--turizem {
  --kj-sec-color: #059669;
}

.kj-section--teknologji,
.kj-sec--teknologji {
  --kj-sec-color: var(--color-purple);
}

.kj-section--shendeti,
.kj-sec--shendeti {
  --kj-sec-color: var(--color-red);
}

.kj-section--kuriozitete,
.kj-sec--kuriozitete {
  --kj-sec-color: #ea580c;
}

/* ---------- F24 heading + chip (site-wide) ---------- */
.kj-section-head {
  margin-bottom: var(--kj-section-head-gap, 16px);
  padding-bottom: 0;
  border-bottom: 1px solid var(--color-blue);
}

.kj-section-head--strip {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}

.kj-section-head--strip .kj-section-head__title {
  min-width: 0;
}

.kj-section-head__nav {
  display: flex;
  flex-shrink: 0;
  gap: 8px;
}

/* Outlined label: "FOR SUBSCRIBERS"-style box, chevron after the text. */
.kj-section-head__title {
  display: inline-flex;
  align-items: center;
  margin: 0;
  padding: 4px 8px;
  background: var(--color-blue);
  border: 1px solid var(--color-blue);
  color: #fff;
  font-family: var(--primaryFont);

  font-weight: 500;
  line-height: 1.2;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.kj-section-head__title a {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  color: inherit;
  text-decoration: none;
}

[data-theme="dark"] .kj-section-head__title {
  color: #000;
}

.kj-section-head__chev,
.kj-section-head__chev.kj-icon--sm {
  order: 1;
  width: 14px;
  height: auto;
  color: currentColor;
}

@media (hover: hover) and (pointer: fine) {
  .kj-section-head__title a:hover {
    opacity: 0.72;
  }
}