/* erfgoed.css — visueel overgenomen van legacy erfgoed (_header/_footer/custom.css)
   Self-hosted Lato (geen Google Fonts). Bootstrap 5 als basis. */

/* ====== Self-hosted Lato ====== */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/fonts/Lato-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url('/fonts/Lato-Italic.ttf') format('truetype');
}
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('/fonts/Lato-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url('/fonts/Lato-Black.ttf') format('truetype');
}

/* ====== Basis ====== */
:root {
  --erfgoed-gold: #b59753;
  --erfgoed-gold-dark: #B48B38;
  --erfgoed-dark: #3a3a3a;
  --erfgoed-bg: #F5F5F5;
}

body, button, input, select, textarea {
  font-family: 'Lato', sans-serif;
}

.erfgoed-body {
  background-color: var(--erfgoed-bg);
  margin-top: 70px;
}

a, .page-title {
  color: var(--erfgoed-gold);
}
a:hover, a:focus {
  color: var(--erfgoed-dark);
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Lato', sans-serif;
  font-weight: 700;
}
h1 {
  font-size: 1.875rem;
  text-transform: uppercase;
}

/* ====== Navbar (wit, gouden hover) ====== */
.erfgoed-navbar {
  background-color: #ffffff;
}
.erfgoed-brand {
  color: #000000;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.02em;
}
.erfgoed-brand:hover {
  color: var(--erfgoed-gold);
}
.erfgoed-navbar .nav-link {
  color: #000000;
}
.erfgoed-navbar .nav-link:hover,
.erfgoed-navbar .nav-link.active {
  color: var(--erfgoed-gold);
}

/* ====== Content-container (wit op grijze achtergrond) ====== */
.erfgoed-content {
  background-color: #ffffff;
  margin-top: 1rem;
  padding: 1.5rem;
}

/* ====== Footer ====== */
.erfgoed-footer {
  border-top: 4px solid #dedede;
  margin-top: 2rem;
  padding-top: 4px;
}
.erfgoed-footer p {
  color: #666;
}

/* ====== Knoppen (gouden accent, legacy) ====== */
.btn-primary,
.btn-erfgoed {
  background-color: var(--erfgoed-gold);
  border-color: var(--erfgoed-gold);
  border-radius: 0;
  color: #ffffff;
}
.btn-primary:hover,
.btn-erfgoed:hover,
.btn-primary:focus,
.btn-erfgoed:focus {
  background-color: var(--erfgoed-gold-dark);
  border-color: var(--erfgoed-gold-dark);
  color: #ffffff;
}

/* erfgoed.org: alles Josefin Sans (body,button,input,select,textarea + koppen) */
body, button, input, select, textarea { font-family: 'Josefin Sans', sans-serif; }
h1, h2, h3, h4, h5, h6, .erfgoed-brand, .navbar-brand { font-family: 'Josefin Sans', sans-serif; }

/* Secondary/terug-knop: wit met gouden border */
.btn-erfgoed-secondary { background:#fff; border:1px solid var(--erfgoed-gold); color:var(--erfgoed-gold); }
.btn-erfgoed-secondary:hover, .btn-erfgoed-secondary:focus { background:var(--erfgoed-gold); border-color:var(--erfgoed-gold); color:#fff; }