/* base stylesheet */


/* --- Fixes: header logo sizing, dropdown default hidden, burger on mobile --- */
.logo img, .logo-img{display:block;max-height:56px;width:auto;height:auto}
@media (max-width: 860px){
  .logo img, .logo-img{max-height:48px}
}

.site-nav .menu{display:flex;gap:14px;align-items:center;list-style:none;margin:0;padding:0}
.has-dropdown{position:relative}
.has-dropdown > .dropdown{display:none;position:absolute;left:0;top:100%;min-width:220px;background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:8px 0;margin:6px 0 0;z-index:50;box-shadow:0 6px 24px rgba(0,0,0,.08)}
.has-dropdown:hover > .dropdown{display:block}

.nav-toggle{display:none}
.nav-toggle-label{display:none;cursor:pointer;user-select:none}
.nav-toggle-label span,
.nav-toggle-label span::before,
.nav-toggle-label span::after{display:block;width:26px;height:3px;background:currentColor;position:relative}
.nav-toggle-label span::before,.nav-toggle-label span::after{content:"";position:absolute;left:0}
.nav-toggle-label span::before{top:-7px}
.nav-toggle-label span::after{top:7px}

.header-inner{display:flex;align-items:center;justify-content:space-between;gap:14px;position:relative}

@media (max-width: 860px){
  .nav-toggle-label{display:block;padding:10px}
  .site-nav .menu{display:none;flex-direction:column;gap:8px;background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:10px;position:absolute;right:10px;top:64px;min-width:240px;z-index:60}
  #nav-toggle:checked ~ nav .menu{display:flex}
  /* On mobile show dropdown items inline */
  .has-dropdown > .dropdown{position:static;display:block;border:0;box-shadow:none;padding:0;margin:0}
}


/* --- PC tune: logo smaller + desktop menu layout --- */
.logo img, .logo-img{max-height:42px !important; width:auto; height:auto; display:block}
@media (max-width: 860px){
  .logo img, .logo-img{max-height:36px !important}
}

/* Ensure desktop menu is horizontal and not wrapping */
@media (min-width: 861px){
  .site-nav .menu{
    display:flex !important;
    flex-wrap:nowrap !important;
    align-items:center;
    gap:16px;
  }
  /* Dropdown hidden by default on desktop, shown only on hover */
  .has-dropdown > .dropdown{
    display:none !important;
    position:absolute;
    left:0; top:100%;
    min-width:220px;
    background:#fff;
    border:1px solid #e2e8f0;
    border-radius:10px;
    padding:8px 0;
    margin:6px 0 0;
    z-index:50;
    box-shadow:0 6px 24px rgba(0,0,0,.08);
  }
  .has-dropdown:hover > .dropdown{display:block !important;}
  /* Hide burger icon on desktop */
  .nav-toggle-label{display:none !important}
}

/* Mobile: menu closed by default, opens when toggled */
@media (max-width: 860px){
  .site-nav .menu{
    display:none;
    flex-direction:column;
    gap:8px;
    background:#fff;
    border:1px solid #e2e8f0;
    border-radius:10px;
    padding:10px;
    position:absolute;
    right:10px; top:64px;
    min-width:240px;
    z-index:60;
  }
  #nav-toggle:checked ~ nav .menu{display:flex}
  /* On mobile, show dropdown items inline */
  .has-dropdown > .dropdown{
    position:static; display:block; border:0; box-shadow:none; padding:0; margin:0;
  }
}


/* --- HARD FIX: Header compact + horizontal nav + green hover + no bullets --- */
:root{ --jms-green:#0F766E; }

.site-header{ padding:6px 0 !important; }
.header-inner{ display:flex !important; align-items:center !important; justify-content:space-between !important; gap:12px !important; }

/* Logo smaller */
.logo img, .logo-img{ max-height:34px !important; width:auto !important; height:auto !important; display:block !important; }
@media (max-width: 860px){
  .logo img, .logo-img{ max-height:28px !important; }
}

/* Core nav reset */
.site-nav{ position:relative; }
.site-nav .menu,
.site-nav .menu li{ list-style:none !important; margin:0 !important; padding:0 !important; }

/* Desktop horizontal layout */
@media (min-width: 861px){
  .nav-toggle-label{ display:none !important; }
  .site-nav .menu{
    display:flex !important;
    flex-direction:row !important;
    align-items:center !important;
    gap:18px !important;
  }
  .site-nav .menu > li > a{
    display:block !important;
    padding:8px 10px !important;
    text-decoration:none !important;
    color:inherit !important;
    line-height:1.2 !important;
  }
  .site-nav .menu > li > a:hover{
    color:var(--jms-green) !important;
  }
  /* Dropdown: hidden by default; show on hover */
  .has-dropdown{ position:relative !important; }
  .has-dropdown > .dropdown{
    display:none !important;
    position:absolute !important;
    left:0; top:100% !important;
    min-width:220px !important;
    background:#fff !important;
    border:1px solid #e2e8f0 !important;
    border-radius:10px !important;
    padding:8px 0 !important;
    margin:6px 0 0 !important;
    z-index:50 !important;
    box-shadow:0 6px 24px rgba(0,0,0,.08) !important;
  }
  .has-dropdown:hover > .dropdown{ display:block !important; }
  .has-dropdown > .dropdown a{
    display:block !important; padding:8px 12px !important; text-decoration:none !important; color:inherit !important;
  }
  .has-dropdown > .dropdown a:hover{ color:var(--jms-green) !important; }
}

/* Mobile: closed by default; opens when toggled */
.nav-toggle{ display:none; }
.nav-toggle-label{ display:none; cursor:pointer; user-select:none; }
.nav-toggle-label span,
.nav-toggle-label span::before,
.nav-toggle-label span::after{
  display:block; width:26px; height:3px; background:currentColor; position:relative;
}
.nav-toggle-label span::before, .nav-toggle-label span::after{ content:""; position:absolute; left:0; }
.nav-toggle-label span::before{ top:-7px; }
.nav-toggle-label span::after{ top:7px; }

@media (max-width:860px){
  .nav-toggle-label{ display:block; padding:10px; }
  .site-nav .menu{
    display:none; flex-direction:column; gap:8px;
    background:#fff; border:1px solid #e2e8f0; border-radius:10px;
    padding:10px; position:absolute; right:10px; top:56px; min-width:240px; z-index:60;
  }
  #nav-toggle:checked ~ nav .menu{ display:flex; }
  .has-dropdown > .dropdown{ position:static; display:block; border:0; box-shadow:none; padding:0; margin:0; }
  .site-nav .menu > li > a{ padding:10px 12px !important; }
}


/* --- Footer social icons: small, centered, inline --- */
footer .socials, footer .footer-socials, footer .social-icons{
  display:flex !important;
  justify-content:center !important;
  align-items:center !important;
  gap:10px !important;
  flex-wrap:wrap;
  margin:8px 0 0;
  padding:0;
  list-style:none;
  text-align:center;
}
footer .socials li, footer .footer-socials li, footer .social-icons li{
  list-style:none; margin:0; padding:0;
}
footer .socials a, footer .footer-socials a, footer .social-icons a{
  display:inline-flex; align-items:center; justify-content:center;
  text-decoration:none; line-height:0;
}
footer .socials img, footer .footer-socials img, footer .social-icons img,
footer .socials svg, footer .footer-socials svg, footer .social-icons svg{
  height:22px !important; width:auto !important; max-height:22px !important;
}
@media (max-width:860px){
  footer .socials img, footer .footer-socials img, footer .social-icons img,
  footer .socials svg, footer .footer-socials svg, footer .social-icons svg{
    height:20px !important; max-height:20px !important;
  }
}
/* Remove any big default icons from fonts */
footer .socials i, footer .footer-socials i, footer .social-icons i{
  font-size:18px !important; line-height:1 !important;
}


/* --- Fix: content links & bullet lists restored (without touching nav/footer) --- */

/* Base link behavior: no default blue; use inherit, with subtle underline on hover */
a { color: inherit; text-decoration: none; }
a:visited { color: inherit; }
a:hover, a:focus { color: #0F766E; text-decoration: underline; text-underline-offset: 2px; }

/* Content-specific stronger color so links ikke "forsvinder" i tekst */
main a, .content, .content a, article a, section a {
  color: #0F766E;
}
main a:hover, .content a:hover, article a:hover, section a:hover {
  color: #0E6A63;
}

/* Restore bullet/number lists i indhold */
main ul, .content ul, article ul, section ul {
  list-style: disc inside none;
  list-style-position: outside;
  margin: 0.5rem 0 1rem 1.25rem;
  padding-left: 1rem;
}
main ol, .content ol, article ol, section ol {
  list-style: decimal;
  list-style-position: outside;
  margin: 0.5rem 0 1rem 1.25rem;
  padding-left: 1rem;
}
main li, .content li, article li, section li {
  margin: 0.25rem 0;
}

/* Keep nav/menus/socials unbulleted & horizontal where intended */
.site-nav .menu, .site-nav .menu li { list-style: none !important; }
footer .socials, footer .footer-socials, footer .social-icons { list-style: none !important; }

/* Ensure nav link hover stays grøn og uden underline hvis det var sådan før */
.site-nav .menu > li > a { text-decoration: none !important; }
.site-nav .menu > li > a:hover { color: #0F766E !important; text-decoration: none !important; }
.has-dropdown > .dropdown a:hover { color: #0F766E !important; text-decoration: none !important; }


/* --- SoMe labels next to icons (auto-detected by URL) --- */
footer .socials a[href*="facebook.com"]::after,
footer .footer-socials a[href*="facebook.com"]::after,
footer .social-icons a[href*="facebook.com"]::after { content: "Facebook"; }
footer .socials a[href*="instagram.com"]::after,
footer .footer-socials a[href*="instagram.com"]::after,
footer .social-icons a[href*="instagram.com"]::after { content: "Instagram"; }
footer .socials a[href*="linkedin.com"]::after,
footer .footer-socials a[href*="linkedin.com"]::after,
footer .social-icons a[href*="linkedin.com"]::after { content: "LinkedIn"; }

footer .socials a::after, footer .footer-socials a::after, footer .social-icons a::after{
  display:inline-block; margin-left:8px; font-size:.95rem; color:#475569;
}

/* --- Green accents to bring life back --- */
:root{ --jms-green:#0F766E; --jms-green-10: rgba(15,118,110,.08); }

/* Headings in content get a subtle green bar */
main h2, .content h2, article h2, section h2{
  position:relative; padding-left:10px; margin-top:1.2rem;
}
main h2::before, .content h2::before, article h2::before, section h2::before{
  content:""; position:absolute; left:0; top:.2em; bottom:.2em; width:4px; background:var(--jms-green);
  border-radius:4px;
}

/* Callouts: if there are elements with .note/.info/.highlight, make them greenish */
.note, .info, .highlight, .callout {
  background: var(--jms-green-10);
  border-left: 4px solid var(--jms-green);
  padding: .75rem 1rem;
  border-radius: 8px;
  margin: .8rem 0;
}

/* Buttons: make primary actions green if common classes exist */
a.button, .button, a.btn, .btn {
  display:inline-block; background:var(--jms-green); color:#fff !important;
  padding:.5rem .9rem; border-radius:10px; text-decoration:none; transition:transform .06s ease, background .2s ease;
}
a.button:hover, .button:hover, a.btn:hover, .btn:hover { background:#0E6A63; transform:translateY(-1px); }

/* Section separators: subtle top border for main sections */
section.wrap, .wrap section {
  border-top: 1px solid rgba(15,118,110,.12);
  padding-top: .8rem;
  margin-top: .8rem;
}


/* --- SoMe labels only on hover --- */
footer .socials a::after,
footer .footer-socials a::after,
footer .social-icons a::after{
  opacity:0; transition:opacity .2s ease;
}
footer .socials a:hover::after,
footer .footer-socials a:hover::after,
footer .social-icons a:hover::after{
  opacity:1;
}

/* === JMS: Top city links styled as chips === */
:root{ --jms-green:#0F766E; }
#omraader-menu{ display:flex; align-items:center; gap:.5rem; flex-wrap:wrap; margin:.25rem 0 .5rem; }
#omraader-menu > span{ color:var(--jms-green); font-weight:600; margin-right:.25rem; }
#omraader-menu ul{ display:flex; flex-wrap:wrap; gap:.4rem .5rem; list-style:none; margin:0; padding:0; }
#omraader-menu li{ margin:0; padding:0; }
#omraader-menu a{ display:inline-block; padding:.45rem .8rem; border:1px solid var(--jms-green);
  color:var(--jms-green) !important; background:#fff; border-radius:999px; text-decoration:none; line-height:1.1; }
#omraader-menu a:hover{ background:rgba(15,118,110,.06); color:#0E6A63 !important; box-shadow:0 4px 12px rgba(15,118,110,.18); transform:translateY(-1px); }
/* === End === */