/*
 * ORDPUF
 * Joomla 6.2 / Cassiopeia
 * Luftpostdesign
 */

:root {
  --ordpuf-blue: #285b91;
  --ordpuf-white: #fffdf8;
  --ordpuf-red: #c84a45;
  --ordpuf-green: #42856a;
  --ordpuf-yellow: #e8b74d;
  --ordpuf-ink: #273c4b;
  --ordpuf-paper: #fffdf8;

  --ordpuf-stripes: repeating-linear-gradient(
    45deg,
    var(--ordpuf-blue) 0 16px,
    var(--ordpuf-white) 16px 32px,
    var(--ordpuf-red) 32px 48px,
    var(--ordpuf-green) 48px 64px,
    var(--ordpuf-yellow) 64px 80px
  );
}

/* Grundlayout */

html {
  margin: 0;
  padding: 0;
  background: var(--ordpuf-paper);
}

body.site {
  margin: 0;
  padding: 12px;
  min-height: 100vh;
  color: var(--ordpuf-ink);

  background:
    var(--ordpuf-stripes) top / 100% 12px no-repeat,
    var(--ordpuf-stripes) bottom / 100% 12px no-repeat,
    var(--ordpuf-stripes) left / 12px 100% no-repeat,
    var(--ordpuf-stripes) right / 12px 100% no-repeat,
    var(--ordpuf-paper);
}

/* Cassiopeia grid */

body.site .site-grid {
  min-height: calc(100vh - 24px);
  background: var(--ordpuf-paper);
  gap: 0;
  grid-template-rows: auto 1fr auto;
  align-content: start;
}

/* Header */

body.site .container-header {
  background: transparent;
  background-image: none;
  box-shadow: none;
  color: var(--ordpuf-ink);
  padding: 12px 0;
}

body.site .container-header .navbar-brand {
  margin: 0;
  padding: 0;
}

body.site .container-header .brand-logo {
  display: block;
  margin-bottom: 0;
  padding-bottom: 0;
}

/* Tagline – rykket 25 px mod højre */

body.site .container-header .site-description {
  display: block;
  margin-top: -3px;
  margin-bottom: 0;
  margin-left: 25px;

  color: #174b73;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 1.35rem;
  font-style: italic;
  font-weight: 400;
  line-height: 1.35;
  letter-spacing: 0.2px;
}

/* Hovedindhold */

body.site .site-grid > .container-component {
  margin-top: 0;
  padding-top: 12px;
  align-self: start;
  background: transparent;
}

body.site .container-top-a,
body.site .container-top-b {
  margin-top: 0;
  padding-top: 0;
}

/* Breadcrumbs */

body.site .breadcrumb {
  margin-top: 0;
  margin-bottom: 12px;
}

/* Overskrifter */

body.site h1,
body.site h2,
body.site h3 {
  color: var(--ordpuf-ink);
}

/* Footer */

body.site .container-footer {
  background: transparent;
  background-image: none;
  color: var(--ordpuf-ink);
}

/* Links */

body.site a {
  color: var(--ordpuf-blue);
}

body.site a:hover {
  color: var(--ordpuf-red);
}

/* Mobil */

@media (max-width: 768px) {
  body.site {
    padding: 7px;
  }

  body.site .site-grid {
    min-height: calc(100vh - 14px);
  }

  body.site .container-header {
    padding: 8px 0;
  }

  body.site .container-header .site-description {
    font-size: 1.05rem;
    margin-top: 0;
    margin-left: 12px;
  }

  body.site .site-grid > .container-component {
    padding-top: 8px;
  }
}