/* ===== Landsby til Landsby: farver ===== */
:root {
  --ltl-accent:      #0345bf;   /* accentfarve: skift her */
  --ltl-accent-dark: #023390;   /* lidt mørkere udgave til hover */
  --ltl-text:        #252525;
  --cassiopeia-color-primary: var(--ltl-accent);
  --cassiopeia-color-link:    var(--ltl-accent);
  --cassiopeia-color-hover:   var(--ltl-accent-dark);
  --cassiopeia-font-family-body: Arial, Helvetica, sans-serif;
  --cassiopeia-font-family-headings: Arial, Helvetica, sans-serif;
}
body { font-family: Arial, Helvetica, sans-serif; color: var(--ltl-text); }
a { color: var(--ltl-accent); }
a:hover, a:focus { color: var(--ltl-accent-dark); }

/* Footer altid i bunden */
body.site { min-height: 100vh; display: flex; flex-direction: column; }
.container-footer { margin-top: auto; }

/* Header */
.container-header {
  background: #ffffff !important;
  background-image: none !important;
  box-shadow: 0 1px 4px rgba(0,0,0,.08);
}
.container-header .grid-child { align-items: center; }
.container-header .navbar-brand { padding: .5rem 0; }
.container-header .brand-logo img { max-height: 100px; width: auto; }
.container-header .site-description { color: #666666; }

/* Menu */
.container-header .mod-menu > li > a,
.container-header .mod-menu > li > button,
.container-header .metismenu > li > a { color: var(--ltl-text); }
.container-header .mod-menu > li > a:hover,
.container-header .mod-menu > li.active > a,
.container-header .metismenu > li.active > a { color: var(--ltl-accent); }
.container-header .metismenu .mm-collapse { background: #ffffff; }
.container-header .navbar-toggler { color: var(--ltl-text); border-color: #cccccc; }

/* Artikeloverskrifter: mørke, accentfarve ved hover */
.blog-item .item-title a,
.blog-item h2 a,
.item-page .page-header h2 a { color: var(--ltl-text); text-decoration: none; }
.blog-item .item-title a:hover,
.blog-item h2 a:hover { color: var(--ltl-accent); }

/* Footer */
.container-footer {
  background: #171717 !important;
  background-image: none !important;
  color: #ffffff;
}
.container-footer a { color: #a2a2a2; }
.container-footer a:hover { color: #ffffff; }

/* Knapper */
.btn-primary { background-color: var(--ltl-accent); border-color: var(--ltl-accent); }
.btn-primary:hover, .btn-primary:focus { background-color: var(--ltl-accent-dark); border-color: var(--ltl-accent-dark); }

/* Forsidebanner */
.ltl-banner {
  min-height: 300px;
  background-size: cover;
  background-position: center;
  display: flex;
  align-items: flex-end;
  overflow: hidden;
  margin-bottom: 1.5rem;
}
.ltl-banner-tekst {
  width: 100%;
  padding: 1.5rem 2rem;
  background: linear-gradient(transparent, rgba(0,0,0,.65));
  color: #ffffff;
}
.ltl-banner-tekst h2 { color: #ffffff; margin: 0 0 .25rem; font-size: 2rem; }
.ltl-banner-tekst p  { margin: 0; font-size: 1.1rem; }
@media (max-width: 600px) {
  .ltl-banner { min-height: 220px; }
  .ltl-banner-tekst h2 { font-size: 1.4rem; }
}
/* Kompakt header: logo til venstre, menu til højre på samme linje */
.container-header .navbar-brand { padding: .25rem 0; margin: 0; }
@media (min-width: 992px) {
  .container-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 2rem;
    padding: .25rem max(1rem, calc((100% - 1320px) / 2));
  }
  .container-header > .grid-child {
    width: auto;
    max-width: none;
    margin: 0;
    padding: 0;
  }
  .container-header .container-nav { padding: 0; }
}
/* Centreret footer */
.container-footer .grid-child {
  justify-content: center;
  text-align: center;
}
.container-footer .moduletable,
.container-footer .mod-custom {
  width: 100%;
  text-align: center;
}