/* === Radio Dux: boje i tipografija === */
:root {
  --rd-blue: #1f48a3;
  --rd-blue-dark: #142f6e;
  --rd-red: #e0281c;
  --rd-red-dark: #b81f15;
  --rd-ink: #1b1f2a;
  --rd-muted: #5f6675;
  --rd-soft: #f4f6fa;
  --rd-heading-font: "Barlow Condensed", "Arial Narrow", sans-serif;

  --bs-primary: var(--rd-blue);
  --bs-primary-rgb: 31, 72, 163;
  --bs-danger: var(--rd-red);
  --bs-danger-rgb: 224, 40, 28;
  --bs-link-color: var(--rd-blue);
  --bs-link-color-rgb: 31, 72, 163;
  --bs-link-hover-color: var(--rd-red);
  --bs-link-hover-color-rgb: 224, 40, 28;
  --bs-body-color: var(--rd-ink);
  --bs-body-font-family: "Source Sans 3", system-ui, sans-serif;
  --bs-body-font-size: 1.0625rem;
}

h1, h2, h3, h4, h5, .h1, .h2, .h3, .h4, .h5 {
  font-family: var(--rd-heading-font);
  font-weight: 700;
  letter-spacing: .01em;
  color: var(--rd-ink);
}

a { text-decoration: none; }
a:hover { text-decoration: underline; }

/* Dugmad */
.btn-primary {
  --bs-btn-bg: var(--rd-blue);
  --bs-btn-border-color: var(--rd-blue);
  --bs-btn-hover-bg: var(--rd-blue-dark);
  --bs-btn-hover-border-color: var(--rd-blue-dark);
  --bs-btn-active-bg: var(--rd-blue-dark);
  --bs-btn-active-border-color: var(--rd-blue-dark);
}
.btn-danger {
  --bs-btn-bg: var(--rd-red);
  --bs-btn-border-color: var(--rd-red);
  --bs-btn-hover-bg: var(--rd-red-dark);
  --bs-btn-hover-border-color: var(--rd-red-dark);
  --bs-btn-active-bg: var(--rd-red-dark);
  --bs-btn-active-border-color: var(--rd-red-dark);
}

/* Header i glavni meni */
header {
  background: #fff;
  border-bottom: 1px solid #e3e7ef;
  box-shadow: 0 2px 12px rgba(20, 47, 110, .06);
}
.navbar .nav-link {
  font-family: var(--rd-heading-font);
  font-size: 1.15rem;
  font-weight: 600;
  text-transform: uppercase;
  color: var(--rd-blue);
  border-bottom: 3px solid transparent;
  padding-bottom: .35rem;
}
.navbar .nav-link:hover,
.navbar .nav-link.active,
.navbar .nav-link.is-active {
  color: var(--rd-red);
  border-bottom-color: var(--rd-red);
  text-decoration: none;
}
.dropdown-menu {
  border: 0;
  border-top: 3px solid var(--rd-red);
  border-radius: 0 0 .375rem .375rem;
  box-shadow: 0 8px 24px rgba(20, 47, 110, .12);
}
.dropdown-item:hover,
.dropdown-item:focus {
  background: var(--rd-soft);
  color: var(--rd-red);
}

/* Teaseri članaka */
.node--view-mode-teaser h2 a,
.node--view-mode-teaser h3 a { color: var(--rd-ink); }
.node--view-mode-teaser h2 a:hover,
.node--view-mode-teaser h3 a:hover { color: var(--rd-red); text-decoration: none; }
.node img { border-radius: .375rem; height: auto; }

/* Oznaka rubrike (koristićemo u templateima) */
.rd-kategorija {
  display: inline-block;
  background: var(--rd-red);
  color: #fff;
  font-family: var(--rd-heading-font);
  font-weight: 600;
  font-size: .85rem;
  text-transform: uppercase;
  letter-spacing: .04em;
  padding: .15rem .5rem;
  border-radius: .2rem;
}
.rd-kategorija:hover { background: var(--rd-red-dark); color: #fff; text-decoration: none; }

/* Footer */
footer {
  background: var(--rd-blue-dark);
  color: rgba(255, 255, 255, .85);
}
footer a { color: #fff; }
footer a:hover { color: #fff; text-decoration: underline; }