/* JITS Custom CSS v17 — related 2x2 specificity fix */
#site-footer,#site-footer.site-footer{display:none !important}body{background:#FFFFFF !important;margin:0;color:#1E293B;font-family:'IBM Plex Sans',sans-serif}
.page-title,.entry-title{display:none !important}

/* UNIFIED NAVBAR — bevares MØRK */
#site-header,#site-header.site-header{position:fixed !important;top:0;left:0;right:0;z-index:9999;padding:16px 40px !important;background:rgba(10,14,26,0.85) !important;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,0.05);display:flex !important;align-items:center;min-height:80px}
body.admin-bar #site-header{top:32px}
@media (max-width:782px){body.admin-bar #site-header{top:46px}}
body:not(.admin-bar){padding-top:0px}
body.admin-bar{padding-top:32px}
@media (max-width:782px){body.admin-bar{padding-top:46px}}

#site-header .header-inner{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:1400px;margin:0 auto;gap:24px}
#site-header .site-branding{display:flex;align-items:center}
#site-header .site-logo a,#site-header .custom-logo-link{display:flex;align-items:center;text-decoration:none}
#site-header .custom-logo,#site-header .site-logo img{max-height:60px !important;width:auto !important;height:auto !important;display:block;transition:transform 0.3s ease}
#site-header .custom-logo:hover{transform:scale(1.05)}
#site-header .site-title,#site-header .site-description{display:none !important}

#site-header .site-navigation{display:flex;align-items:center;flex:1;justify-content:center}
#site-header ul.menu{display:flex;align-items:center;gap:4px;list-style:none;margin:0;padding:0}
#site-header ul.menu > li{list-style:none;position:relative}
#site-header ul.menu > li > a{color:#E2E8F0;font-family:'IBM Plex Sans',sans-serif;font-size:14px;font-weight:500;padding:8px 16px;border-radius:6px;text-decoration:none;display:inline-block;background:transparent}
#site-header ul.menu > li > a:hover{color:#FFFFFF;background:rgba(59,130,246,0.15)}
#site-header ul.menu > li.current-menu-item > a,#site-header ul.menu > li.current-page-ancestor > a{color:#60A5FA;background:rgba(59,130,246,0.1)}

/* Dropdown — stadig mørk */
#site-header .sub-menu{position:absolute;top:100%;left:0;min-width:220px;background:rgba(10,14,26,0.98);border:1px solid rgba(255,255,255,0.08);border-radius:8px;padding:6px;margin-top:0;box-shadow:0 8px 24px rgba(0,0,0,0.4);list-style:none;opacity:0;visibility:hidden;transform:translateY(-4px);transition:opacity .15s,transform .15s,visibility .15s;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
#site-header ul.menu > li:hover > .sub-menu,#site-header ul.menu > li:focus-within > .sub-menu{opacity:1;visibility:visible;transform:translateY(0)}
#site-header ul.menu > li.menu-item-has-children > a{padding-bottom:24px !important;margin-bottom:-14px !important}
#site-header .sub-menu a{color:#E2E8F0 !important;display:block !important;padding:10px 16px !important;font-size:14px !important;border-radius:6px !important;white-space:nowrap;background:transparent !important}
#site-header .sub-menu a:hover{color:#FFFFFF !important;background:rgba(59,130,246,0.2) !important}
#site-header ul.menu > li.jits-cta-support > a{color:#CBD5E1;font-size:14px;padding:8px 12px}
#site-header ul.menu > li.jits-cta-support > a:hover{color:#60A5FA;background:transparent}
#site-header ul.menu > li.jits-cta-primary > a{padding:10px 22px !important;background:#FFFFFF !important;color:#0A0E1A !important;border-radius:999px !important;font-size:14px !important;font-weight:600 !important;text-decoration:none}
#site-header ul.menu > li.jits-cta-primary > a:hover{background:#60A5FA !important;color:#FFFFFF !important}

.elementor-element.e-con.e-flex > .elementor-element.e-con{flex:1 1 calc(33.333% - 14px);min-width:240px}
@media (max-width:1024px){.elementor-element.e-con.e-flex > .elementor-element.e-con{flex:1 1 calc(50% - 10px)}}
@media (max-width:640px){.elementor-element.e-con.e-flex > .elementor-element.e-con{flex:1 1 100%}}

/* Hello Elementor default footer hidden */
#site-footer{display:none !important}
.comments-area{display:none !important}


.wpcf7-form label{display:block !important;color:#334155 !important;font-size:13px !important;font-weight:500;margin-bottom:6px}
.wpcf7-form input[type="text"],.wpcf7-form input[type="email"],.wpcf7-form input[type="tel"],.wpcf7-form textarea,.wpcf7-form select{width:100% !important;padding:12px 14px !important;background:#FFFFFF !important;border:1px solid rgba(30,58,138,0.15) !important;border-radius:8px !important;color:#0F172A !important;font-family:'IBM Plex Sans',sans-serif !important;font-size:14px !important;box-sizing:border-box !important;margin-bottom:14px}
.wpcf7-form input:focus,.wpcf7-form textarea:focus,.wpcf7-form select:focus{border-color:#3B82F6 !important;box-shadow:0 0 0 3px rgba(59,130,246,0.12) !important;outline:none}
.wpcf7-form input::placeholder,.wpcf7-form textarea::placeholder{color:#94A3B8 !important;opacity:1 !important}
.wpcf7-form select option{background:#FFFFFF;color:#0F172A}
.wpcf7-form .jits-form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.wpcf7-form .wpcf7-acceptance label{display:flex !important;align-items:flex-start;gap:10px;color:#475569 !important;font-size:13px !important;font-weight:400;line-height:1.5;cursor:pointer}
.wpcf7-form input[type="checkbox"]{width:16px !important;height:16px !important;margin:2px 0 0 !important;accent-color:#1E3A8A;flex-shrink:0}
.wpcf7-form input[type="submit"],.wpcf7-form .wpcf7-submit,.jits-submit-btn{background:#1E3A8A !important;color:#FFFFFF !important;padding:14px 32px !important;border:none !important;border-radius:8px !important;font-family:'Fraunces',Georgia,serif !important;font-size:16px !important;font-weight:500 !important;cursor:pointer;margin-top:16px;width:auto !important;letter-spacing:0.02em}
.wpcf7-form input[type="submit"]:hover,.wpcf7-form .wpcf7-submit:hover,.jits-submit-btn:hover{background:#3B82F6 !important}
.wpcf7-spinner{display:none !important}
.wpcf7 form.sent .wpcf7-response-output{background:rgba(34,197,94,0.1);border:1px solid #22C55E;color:#15803D;padding:14px 18px;border-radius:8px;margin-top:16px}
.wpcf7 form.invalid .wpcf7-response-output{background:rgba(239,68,68,0.1);border:1px solid #EF4444;color:#B91C1C;padding:14px 18px;border-radius:8px;margin-top:16px}
@media (max-width:640px){.wpcf7-form .jits-form-row{grid-template-columns:1fr !important}}

.elementor-widget-shortcode .wpcf7,
.elementor-widget-shortcode form.wpcf7-form{padding-bottom:32px !important}
.elementor-widget-shortcode{margin-bottom:48px}

/* FJERN DROPDOWN-PILE I MENU */
#site-header .menu-item-has-children > a::after,
#site-header .menu-item-has-children > a .sub-menu-arrow,
#site-header ul.menu > li.menu-item-has-children > a > i,
#site-header nav .menu-item-has-children > a::before{display:none !important;content:none !important}

/* FJERNSUPPORT — fremhævet som CTA-knap */
#site-header a[href*="/service/fjernsupport/"]{
  background:#3B82F6 !important;
  color:#FFFFFF !important;
  padding:8px 18px !important;
  border-radius:999px !important;
  font-weight:600 !important;
  margin-left:12px !important;
  position:relative !important;
  transition:all 0.2s ease !important;
  letter-spacing:0.01em !important;
}
#site-header a[href*="/service/fjernsupport/"]:hover{
  background:#1E3A8A !important;
  color:#FFFFFF !important;
  transform:translateY(-1px) !important;
  box-shadow:0 4px 12px rgba(59,130,246,0.4) !important;
}
/* Fjern det gamle orange/grønne "bullet" prefix hvis der var et */
#site-header a[href*="/service/fjernsupport/"]::before{
  content:'' !important;
  display:inline-block !important;
  width:8px !important;
  height:8px !important;
  background:#FFFFFF !important;
  border-radius:50% !important;
  margin-right:8px !important;
  box-shadow:0 0 0 0 rgba(255,255,255,0.7) !important;
  animation:jitsPulse 2s infinite !important;
  vertical-align:middle !important;
  position:static !important;
}
@keyframes jitsPulse{
  0%{box-shadow:0 0 0 0 rgba(255,255,255,0.7)}
  70%{box-shadow:0 0 0 8px rgba(255,255,255,0)}
  100%{box-shadow:0 0 0 0 rgba(255,255,255,0)}
}

/* KONTAKTFORM — lidt padding OVER formen ogsaa */
.elementor-widget-shortcode{margin-top:32px}

/* FIXES 2026-04-21 */

/* Fix 1: Fjern dropdown-pile — pilene er li::after content:"▾" */
#site-header li.menu-item-has-children::after,
#site-header li.menu-item::after,
#site-header .site-navigation li::after,
#site-header ul li::after{
  content:none !important;
  display:none !important;
  width:0 !important;
  height:0 !important;
}
/* Sikrer også at ::before ikke viser pile */
#site-header li.menu-item-has-children > a::after,
#site-header li.menu-item > a::after{
  content:none !important;
  display:none !important;
}

/* Fix 2: Fremhæv Fjernsupport item i header menu */
#site-header li.menu-item a[href*="/fjernsupport"]{
  background:#3B82F6 !important;
  color:#FFFFFF !important;
  padding:8px 18px !important;
  border-radius:999px !important;
  font-weight:600 !important;
  transition:all 0.2s;
  display:inline-flex !important;
  align-items:center;
  gap:6px;
  margin:0 4px;
}
#site-header li.menu-item a[href*="/fjernsupport"]:hover{
  background:#1E3A8A !important;
  color:#FFFFFF !important;
  transform:translateY(-1px);
}
#site-header li a[href*="/fjernsupport"]::before{
  content:'●';
  color:#10B981;
  font-size:10px;
  margin-right:4px;
  animation:jitsPulse 2s infinite;
}
@keyframes jitsPulse{0%,100%{opacity:1}50%{opacity:0.4}}

.elementor-widget-shortcode{margin-top:24px;margin-bottom:32px}

.wpcf7, form.wpcf7-form{padding-bottom:24px}

/* V2 FIXES: MENU PILE + FJERNSUPPORT CTA (korrekt selektor) */
#site-header li.menu-item-has-children > a::after,
#site-header li.menu-item-has-children::after,
#site-header .menu-item-has-children > a::after,
#site-header nav li::after{
  display:none !important;
  content:none !important;
  visibility:hidden !important;
}

/* Fjernsupport parent LI — fremhæv menu-310 (Fjernsupport top-level menu item) */
#site-header li.menu-item-310 > a,
#site-header li.menu-item-336 > a,
#site-header ul > li > a[href*="/service/fjernsupport/"]{
  background:#3B82F6 !important;
  color:#FFFFFF !important;
  padding:8px 18px !important;
  border-radius:999px !important;
  font-weight:600 !important;
  margin-left:12px !important;
  transition:all 0.2s ease !important;
  letter-spacing:0.01em !important;
  display:inline-flex !important;
  align-items:center !important;
  gap:6px !important;
}
#site-header li.menu-item-310 > a:hover,
#site-header li.menu-item-336 > a:hover,
#site-header ul > li > a[href*="/service/fjernsupport/"]:hover{
  background:#1E3A8A !important;
  color:#FFFFFF !important;
  transform:translateY(-1px) !important;
  box-shadow:0 4px 12px rgba(59,130,246,0.4) !important;
}
/* Hvid pulserende dot */
#site-header li.menu-item-310 > a::before,
#site-header li.menu-item-336 > a::before,
#site-header ul > li > a[href*="/service/fjernsupport/"]::before{
  content:'' !important;
  display:inline-block !important;
  width:8px !important;
  height:8px !important;
  background:#FFFFFF !important;
  border-radius:50% !important;
  box-shadow:0 0 0 0 rgba(255,255,255,0.7) !important;
  animation:jitsFjPulse 2s infinite !important;
  vertical-align:middle !important;
  flex-shrink:0 !important;
}
@keyframes jitsFjPulse{
  0%{box-shadow:0 0 0 0 rgba(255,255,255,0.8)}
  70%{box-shadow:0 0 0 10px rgba(255,255,255,0)}
  100%{box-shadow:0 0 0 0 rgba(255,255,255,0)}
}

/* ═══════════════════════════════════════════════════════
   DESKTOP SCROLL FIX + MOBILE OPTIMIZATION (2026)
   ═══════════════════════════════════════════════════════ */

/* Global: prevent horizontal overflow på body */
html,body{overflow-x:hidden !important;max-width:100% !important}

/* Jits-footer overflow fix (negative margin-issue) */
.jits-footer{
  width:100% !important;
  max-width:100% !important;
  margin-left:0 !important;
  margin-right:0 !important;
  box-sizing:border-box !important;
}
.jits-footer-inner{
  max-width:1200px !important;
  margin:0 auto !important;
  padding:0 40px !important;
  box-sizing:border-box !important;
}

/* ═══════════════════════════════════════════════════════════════════════════
   MOBIL MENU (≤1024px) — Clean setup 2026-04-22
   ═══════════════════════════════════════════════════════════════════════════ */

@media (max-width: 1024px) {
  /* Header layout på mobil */
  #site-header {
    position: fixed !important;
    padding: 12px 20px !important;
    background: rgba(10,14,26,0.95) !important;
  }
  #site-header .header-inner {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    gap: 12px !important;
  }
  #site-header .site-branding {
    flex: 0 0 auto !important;
  }
  #site-header .custom-logo, #site-header .site-logo img {
    max-height: 44px !important;
    width: auto !important;
    height: auto !important;
  }

  /* Skjul standard desktop nav KUN PÅ MOBIL (hamburger overtager der) */
  @media (max-width: 920px) {
    #site-header .site-navigation,
    #site-header nav.site-navigation.show,
    #site-header ul#menu-hovedmenu {
      display: none !important;
    }
  }

  /* Hamburger-toggle knap (injiceret via JS) */
  #site-header .jits-mobile-toggle {
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    padding: 0;
    background: rgba(59,130,246,0.15);
    border: 1px solid rgba(255,255,255,0.1);
    border-radius: 8px;
    cursor: pointer;
    position: relative;
    z-index: 10001;
    transition: all 0.2s ease;
  }
  #site-header .jits-mobile-toggle:hover,
  #site-header .jits-mobile-toggle[aria-expanded="true"] {
    background: rgba(59,130,246,0.3);
  }
  #site-header .jits-mobile-toggle span {
    position: absolute;
    left: 11px;
    right: 11px;
    height: 2px;
    background: #FFFFFF;
    border-radius: 2px;
    transition: transform 0.25s ease, opacity 0.15s ease, top 0.25s ease;
  }
  #site-header .jits-mobile-toggle span:nth-child(1) { top: 14px; }
  #site-header .jits-mobile-toggle span:nth-child(2) { top: 21px; }
  #site-header .jits-mobile-toggle span:nth-child(3) { top: 28px; }
  #site-header .jits-mobile-toggle[aria-expanded="true"] span:nth-child(1) {
    top: 21px; transform: rotate(45deg);
  }
  #site-header .jits-mobile-toggle[aria-expanded="true"] span:nth-child(2) {
    opacity: 0;
  }
  #site-header .jits-mobile-toggle[aria-expanded="true"] span:nth-child(3) {
    top: 21px; transform: rotate(-45deg);
  }
}


  




@media (max-width: 767px) {
  
}

/* Reducér intern whitespace i selve formularen */
.wpcf7 > div:first-child,
.wpcf7 form { margin-top: 0 !important; }
.wpcf7-form p { margin-top: 0 !important; margin-bottom: 14px !important; }
.wpcf7-form p:has(input[type="submit"]) {
  margin-top: 8px !important;
  margin-bottom: 0 !important;
}
.wpcf7-response-output { margin: 12px 0 0 !important; padding: 10px 14px !important; }
.elementor-widget-shortcode:has(.wpcf7) { margin-top: 0 !important; }


/* ═══════════════════════════════════════════════════════════════════════════
   JITS WOOCOMMERCE SHOP STYLING — 2026-04-22
   ═══════════════════════════════════════════════════════════════════════════ */

/* Shop-side layout */
.woocommerce-page .site,
.woocommerce .site {
  padding-top: 100px !important;  /* plads under fixed header */
}

/* Breadcrumb */
.woocommerce-breadcrumb {
  max-width: 1200px;
  margin: 0 auto 24px !important;
  padding: 0 20px;
  font-family: 'IBM Plex Mono', monospace;
  font-size: 12px;
  color: #64748B;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}
.woocommerce-breadcrumb a {
  color: #1E3A8A;
  text-decoration: none;
}
.woocommerce-breadcrumb a:hover {
  color: #3B82F6;
  text-decoration: underline;
}

.woocommerce-page .widget-area,
.woocommerce .widget-area,
.woocommerce-page aside,
.woocommerce aside {
  display: none !important;
}
.woocommerce-page #primary,
.woocommerce #primary,
.woocommerce-page .content-area,
.woocommerce .content-area {
  width: 100% !important;
  max-width: 100% !important;
  float: none !important;
  margin: 0 !important;
}
.woocommerce ul.products li.product {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  background: #FFFFFF;
  border: 1px solid #E2E8F0;
  border-radius: 16px;
  overflow: hidden;
  transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
}
/* === Relaterede varer / Cross-sells / Upsells: 2x2 grid med flot kort-design === */
.woocommerce .related.products,
.woocommerce .cross-sells,
.woocommerce .upsells {
  max-width: 1100px !important;
  margin: 64px auto 0 !important;
  padding: 0 24px !important;
}
html body .woocommerce .related.products ul.products,
html body .woocommerce .cross-sells ul.products,
html body .woocommerce .upsells ul.products,
html body.woocommerce .related.products ul.products,
html body.woocommerce .cross-sells ul.products,
html body.woocommerce .upsells ul.products {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 32px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  max-width: none !important;
}
.woocommerce .related.products ul.products li.product,
.woocommerce .cross-sells ul.products li.product,
.woocommerce .upsells ul.products li.product {
  width: auto !important;
  float: none !important;
  margin: 0 !important;
  clear: none !important;
  background: #FFFFFF !important;
  border: 1px solid #E2E8F0 !important;
  border-radius: 16px !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
  transition: transform 280ms cubic-bezier(0.4, 0, 0.2, 1),
              box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1),
              border-color 280ms ease !important;
  position: relative !important;
}
.woocommerce .related.products ul.products li.product:hover,
.woocommerce .cross-sells ul.products li.product:hover,
.woocommerce .upsells ul.products li.product:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 12px 40px -10px rgba(15, 23, 42, 0.18),
              0 4px 12px -4px rgba(15, 23, 42, 0.10) !important;
  border-color: #3B82F6 !important;
}
/* Image-container med fixed aspect ratio */
.woocommerce .related.products ul.products li.product > a:first-of-type,
.woocommerce .cross-sells ul.products li.product > a:first-of-type,
.woocommerce .upsells ul.products li.product > a:first-of-type {
  display: block !important;
  position: relative !important;
  background: #F8FAFC !important;
  aspect-ratio: 16 / 11 !important;
  overflow: hidden !important;
}
.woocommerce .related.products ul.products li.product img,
.woocommerce .cross-sells ul.products li.product img,
.woocommerce .upsells ul.products li.product img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  padding: 24px !important;
  margin: 0 !important;
  transition: transform 320ms cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.woocommerce .related.products ul.products li.product:hover img,
.woocommerce .cross-sells ul.products li.product:hover img,
.woocommerce .upsells ul.products li.product:hover img {
  transform: scale(1.05) !important;
}
/* Produktnavn */
.woocommerce .related.products ul.products li.product h2.woocommerce-loop-product__title,
.woocommerce .cross-sells ul.products li.product h2.woocommerce-loop-product__title,
.woocommerce .upsells ul.products li.product h2.woocommerce-loop-product__title {
  font-family: 'Fraunces', serif !important;
  font-size: 18px !important;
  font-weight: 500 !important;
  line-height: 1.35 !important;
  color: #0F172A !important;
  padding: 20px 24px 8px !important;
  margin: 0 !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  min-height: 56px !important;
}
/* Pris */
.woocommerce .related.products ul.products li.product .price,
.woocommerce .cross-sells ul.products li.product .price,
.woocommerce .upsells ul.products li.product .price {
  font-family: 'IBM Plex Sans', sans-serif !important;
  font-size: 22px !important;
  font-weight: 600 !important;
  color: #1E3A8A !important;
  padding: 0 24px 16px !important;
  margin: 0 !important;
}
.woocommerce .related.products ul.products li.product .price .jits-price-suffix,
.woocommerce .cross-sells ul.products li.product .price .jits-price-suffix,
.woocommerce .upsells ul.products li.product .price .jits-price-suffix {
  font-size: 14px !important;
  font-weight: 400 !important;
}
/* Add-to-cart-knap */
.woocommerce .related.products ul.products li.product a.button,
.woocommerce .cross-sells ul.products li.product a.button,
.woocommerce .upsells ul.products li.product a.button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: auto 24px 24px !important;
  padding: 12px 20px !important;
  background: #1E3A8A !important;
  color: #FFFFFF !important;
  border: none !important;
  border-radius: 999px !important;
  font-family: 'IBM Plex Sans', sans-serif !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  letter-spacing: 0.01em !important;
  text-decoration: none !important;
  transition: background 200ms ease, transform 200ms ease, box-shadow 200ms ease !important;
}
.woocommerce .related.products ul.products li.product a.button:hover,
.woocommerce .cross-sells ul.products li.product a.button:hover,
.woocommerce .upsells ul.products li.product a.button:hover {
  background: #3B82F6 !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 6px 16px rgba(59, 130, 246, 0.30) !important;
}
/* Responsive: 1 kolonne paa mobil */
@media (max-width: 768px) {
  .woocommerce .related.products ul.products,
  .woocommerce .cross-sells ul.products,
  .woocommerce .upsells ul.products {
    grid-template-columns: 1fr !important;
    gap: 20px !important;
  }
  .woocommerce .related.products ul.products li.product h2.woocommerce-loop-product__title,
  .woocommerce .cross-sells ul.products li.product h2.woocommerce-loop-product__title,
  .woocommerce .upsells ul.products li.product h2.woocommerce-loop-product__title {
    font-size: 17px !important;
  }
}
/* Section heading */
.woocommerce .related.products > h2,
.woocommerce .cross-sells > h2,
.woocommerce .upsells > h2 {
  font-family: 'Fraunces', serif !important;
  font-size: 32px !important;
  font-weight: 500 !important;
  color: #0F172A !important;
  margin: 0 0 32px !important;
  line-height: 1.2 !important;
  letter-spacing: -0.01em !important;
  text-align: center !important;
  position: relative !important;
}
.woocommerce .related.products > h2::after,
.woocommerce .cross-sells > h2::after,
.woocommerce .upsells > h2::after {
  content: '' !important;
  display: block !important;
  width: 48px !important;
  height: 3px !important;
  background: linear-gradient(90deg, #1E3A8A 0%, #3B82F6 100%) !important;
  border-radius: 2px !important;
  margin: 16px auto 0 !important;
}
.woocommerce ul.products li.product:hover {
  transform: translateY(-4px);
  box-shadow: 0 20px 40px rgba(30,58,138,0.12);
  border-color: #3B82F6;
}
.woocommerce ul.products li.product a {
  display: block;
  text-decoration: none;
}
.woocommerce ul.products li.product img {
  width: 100% !important;
  height: 220px !important;
  object-fit: cover !important;
  margin: 0 !important;
  display: block;
}
.woocommerce ul.products li.product h2,
.woocommerce ul.products li.product .woocommerce-loop-product__title {
  font-family: 'Fraunces', serif !important;
  font-size: 18px !important;
  font-weight: 500 !important;
  color: #0F172A !important;
  line-height: 1.3 !important;
  padding: 20px 20px 8px !important;
  margin: 0 !important;
}
.woocommerce ul.products li.product .price {
  font-family: 'IBM Plex Sans', sans-serif !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  color: #1E3A8A !important;
  padding: 0 20px !important;
  margin: 0 0 16px !important;
}
.woocommerce ul.products li.product .button,
.woocommerce ul.products li.product .add_to_cart_button {
  display: block !important;
  margin: 0 20px 20px !important;
  padding: 10px 16px !important;
  background: #1E3A8A !important;
  color: #FFFFFF !important;
  border: none !important;
  border-radius: 8px !important;
  font-family: 'IBM Plex Sans', sans-serif !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  text-align: center !important;
  transition: background 0.2s ease !important;
}
.woocommerce ul.products li.product .button:hover,
.woocommerce ul.products li.product .add_to_cart_button:hover {
  background: #3B82F6 !important;
}

/* Abonnement-badge på produkter */
.woocommerce ul.products li.product.has-annual-badge::before {
  content: '★ ÅRLIGT ABONNEMENT';
  position: absolute;
  top: 14px;
  right: 14px;
  background: rgba(30,58,138,0.95);
  color: #FFFFFF;
  font-family: 'IBM Plex Mono', monospace;
  font-size: 9px;
  letter-spacing: 0.1em;
  padding: 5px 9px;
  border-radius: 4px;
  z-index: 2;
  backdrop-filter: blur(4px);
}
.woocommerce ul.products li.product {
  position: relative;
}

/* Sorter + result-count */
.woocommerce-result-count {
  font-family: 'IBM Plex Mono', monospace;
  font-size: 12px;
  color: #64748B;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  margin: 0 0 24px !important;
  max-width: 1200px;
  padding: 0 20px;
}
.woocommerce-ordering {
  max-width: 1200px;
  padding: 0 20px;
  margin: 0 0 24px !important;
}
.woocommerce-ordering select {
  padding: 10px 16px;
  border: 1px solid #E2E8F0;
  border-radius: 8px;
  font-family: 'IBM Plex Sans', sans-serif;
  font-size: 14px;
  color: #0F172A;
  background: #FFFFFF;
  cursor: pointer;
}

/* Enkelt produktside */
.single-product .product {
  max-width: 1200px;
  margin: 0 auto !important;
  padding: 0 20px !important;
  display: grid !important;
  grid-template-columns: 1fr 1fr;
  gap: 48px !important;
}
.single-product .product .woocommerce-product-gallery {
  float: none !important;
  width: 100% !important;
  margin: 0 !important;
}
.single-product .product .woocommerce-product-gallery__image img {
  border-radius: 16px !important;
  overflow: hidden;
}
.single-product .product .summary {
  float: none !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}
.single-product .product .product_title {
  font-family: 'Fraunces', serif !important;
  font-size: 36px !important;
  font-weight: 500 !important;
  color: #0F172A !important;
  line-height: 1.1 !important;
  letter-spacing: -0.02em;
  margin: 0 0 20px !important;
}
.single-product .product .price {
  font-family: 'Fraunces', serif !important;
  font-size: 32px !important;
  font-weight: 500 !important;
  color: #1E3A8A !important;
  margin: 0 0 8px !important;
}
/* Pris-suffix håndteres nu af jits-price-suffix plugin (per produkt) */
.jits-price-suffix {
  font-family: 'IBM Plex Sans', sans-serif;
  font-size: 16px;
  color: #64748B;
  font-weight: 400;
  margin-left: 4px;
}
.single-product .product .price .jits-price-suffix {
  font-size: 18px;
}
.single-product .woocommerce-product-details__short-description {
  font-family: 'IBM Plex Sans', sans-serif;
  font-size: 16px;
  line-height: 1.6;
  color: #475569;
  margin: 20px 0 28px !important;
}
.single-product .cart {
  display: flex !important;
  align-items: center;
  gap: 12px !important;
  margin: 0 0 28px !important;
}
.single-product .cart .quantity input {
  padding: 12px !important;
  border: 1px solid #E2E8F0 !important;
  border-radius: 8px !important;
  font-family: 'IBM Plex Sans', sans-serif !important;
  font-size: 16px !important;
  width: 72px !important;
  text-align: center;
}
.single-product .cart .single_add_to_cart_button {
  padding: 14px 28px !important;
  background: #1E3A8A !important;
  color: #FFFFFF !important;
  border: none !important;
  border-radius: 8px !important;
  font-family: 'IBM Plex Sans', sans-serif !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  cursor: pointer;
  transition: background 0.2s ease !important;
}
.single-product .cart .single_add_to_cart_button:hover {
  background: #3B82F6 !important;
}
.single-product .product_meta {
  border-top: 1px solid #E2E8F0;
  padding-top: 20px;
  font-family: 'IBM Plex Sans', sans-serif;
  font-size: 13px;
  color: #64748B;
}
.single-product .product_meta a {
  color: #1E3A8A;
  text-decoration: none;
}

/* Tabs */
.woocommerce-tabs {
  margin: 60px auto !important;
  max-width: 1200px !important;
  padding: 0 20px !important;
}
.woocommerce-tabs ul.tabs {
  border-bottom: 1px solid #E2E8F0 !important;
  margin: 0 0 28px !important;
  padding: 0 !important;
}
.woocommerce-tabs ul.tabs::before {
  display: none !important;
}
.woocommerce-tabs ul.tabs li {
  background: transparent !important;
  border: none !important;
  border-bottom: 2px solid transparent !important;
  border-radius: 0 !important;
  padding: 0 !important;
  margin: 0 24px 0 0 !important;
}
.woocommerce-tabs ul.tabs li a {
  font-family: 'IBM Plex Sans', sans-serif !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  color: #64748B !important;
  padding: 12px 0 !important;
}
.woocommerce-tabs ul.tabs li.active {
  border-bottom-color: #3B82F6 !important;
}
.woocommerce-tabs ul.tabs li.active a {
  color: #1E3A8A !important;
}
.woocommerce-Tabs-panel h2,
.woocommerce-Tabs-panel h3 {
  font-family: 'Fraunces', serif !important;
  color: #0F172A !important;
}
.woocommerce-Tabs-panel p,
.woocommerce-Tabs-panel li {
  font-family: 'IBM Plex Sans', sans-serif;
  color: #334155;
  line-height: 1.65;
}

/* Cart page */
.woocommerce-cart .cart_totals h2,
.woocommerce-checkout .cart_totals h2,
.woocommerce-checkout #order_review_heading {
  font-family: 'Fraunces', serif !important;
  color: #0F172A !important;
}
.woocommerce-cart .wc-proceed-to-checkout .checkout-button,
.woocommerce #place_order {
  background: #1E3A8A !important;
  color: #FFFFFF !important;
  border: none !important;
  border-radius: 8px !important;
  padding: 14px 28px !important;
  font-family: 'IBM Plex Sans', sans-serif !important;
  font-weight: 500 !important;
}


/* Hide WC's icon font ::before/::after on notices to avoid glyph fallback rendering */
body.woocommerce-cart .woocommerce-message::before,
body.woocommerce-cart .woocommerce-error::before,
body.woocommerce-cart .woocommerce-info::before,
body.woocommerce-checkout .woocommerce-message::before,
body.woocommerce-checkout .woocommerce-error::before,
body.woocommerce-checkout .woocommerce-info::before,
body.woocommerce-account .woocommerce-message::before,
body.woocommerce-account .woocommerce-error::before,
body.woocommerce-account .woocommerce-info::before {
    display: none !important;
    content: none !important;
}
/* Adjust padding since icon is gone */
body.woocommerce-cart .woocommerce-info,
body.woocommerce-cart .woocommerce-message,
body.woocommerce-cart .woocommerce-error,
body.woocommerce-checkout .woocommerce-info,
body.woocommerce-checkout .woocommerce-message,
body.woocommerce-checkout .woocommerce-error,
body.woocommerce-account .woocommerce-info,
body.woocommerce-account .woocommerce-message,
body.woocommerce-account .woocommerce-error {
    padding-left: 24px !important;
}

/* Notice/messages */
.woocommerce-message,
.woocommerce-info,
.woocommerce-error {
  border-radius: 8px !important;
  border-left-width: 3px !important;
  padding: 22px 24px 20px !important;
  font-family: 'IBM Plex Sans', sans-serif !important;
}
.woocommerce-message {
  background: rgba(34,197,94,0.08) !important;
  border-left-color: #22C55E !important;
  color: #0F172A !important;
}
.woocommerce-info {
  background: rgba(59,130,246,0.08) !important;
  border-left-color: #3B82F6 !important;
  color: #0F172A !important;
}

/* Mobil */
@media (max-width: 1024px) {
  .single-product .product {
    grid-template-columns: 1fr !important;
    gap: 24px !important;
  }
  .single-product .product .product_title {
    font-size: 28px !important;
  }
}
@media (max-width: 480px) {
  .woocommerce ul.products li.product img {
    height: 200px !important;
  }
}
/* ══════════════════════ SLUT WOOCOMMERCE ══════════════════════════════════ */

/* ═══════════════════════════════════════════════════════════════════════════
   WOOCOMMERCE LAYOUT — FINAL OVERRIDE
   (loads last for højeste prioritet)
   ═══════════════════════════════════════════════════════════════════════════ */

/* Tving site-content til fuld bredde på shop-sider */
html body.woocommerce-shop .site,
html body.woocommerce-page .site,
html body.woocommerce .site,
html body.woocommerce-shop #content,
html body.woocommerce-page #content,
html body.woocommerce #main,
html body.woocommerce-page #main {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  float: none !important;
  display: block !important;
}

@media (max-width: 1200px) {
}
@media (max-width: 800px) {
}
@media (max-width: 540px) {
}
/* ═══════════════════════════════════════════════════════════════════════════
   SHOP INTRO SECTION
   ═══════════════════════════════════════════════════════════════════════════ */
.jits-shop-intro {
  background: linear-gradient(135deg, #EFF6FF 0%, #DBEAFE 100%);
  border-radius: 16px;
  padding: 40px 48px;
  display: grid;
  grid-template-columns: 2fr 1fr;
  gap: 48px;
  align-items: center;
  max-width: 1200px;
  margin: 0 auto 40px;
  box-sizing: border-box;
}
.jits-shop-intro-text h2 {
  font-family: 'Fraunces', serif !important;
  font-size: 32px !important;
  line-height: 1.1 !important;
  color: #0F172A !important;
  margin: 0 0 14px !important;
  font-weight: 500 !important;
  letter-spacing: -0.02em !important;
}
.jits-shop-intro-text h2 em {
  color: #1E3A8A;
  font-style: italic;
  font-weight: 400;
}
.jits-shop-intro-text p {
  font-family: 'IBM Plex Sans', sans-serif !important;
  font-size: 15px !important;
  line-height: 1.6 !important;
  color: #475569 !important;
  margin: 0 !important;
}
.jits-shop-intro-badge {
  display: inline-block;
  font-family: 'IBM Plex Mono', monospace;
  font-size: 10px;
  letter-spacing: 0.22em;
  color: #1E3A8A;
  background: rgba(30,58,138,0.08);
  padding: 5px 10px;
  border-radius: 4px;
  text-transform: uppercase;
  font-weight: 500;
  margin-bottom: 12px;
}
.jits-shop-intro-features {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.jits-shop-feat {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  font-family: 'IBM Plex Sans', sans-serif;
  font-size: 13px;
  color: #334155;
  line-height: 1.4;
}
.jits-shop-feat-icon {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: #1E3A8A;
  color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  font-size: 13px;
  font-weight: 600;
}
.jits-shop-feat strong {
  color: #0F172A;
  display: block;
  margin-bottom: 2px;
  font-weight: 600;
}
.jits-shop-feat span {
  color: #64748B;
  font-size: 12px;
}
@media (max-width: 900px) {
  .jits-shop-intro {
    grid-template-columns: 1fr;
    padding: 28px 24px;
    gap: 24px;
  }
  .jits-shop-intro-text h2 {
    font-size: 24px !important;
  }
}
/* ══════════════════════ SLUT SHOP INTRO ══════════════════════════════════ */

/* Abonnement-badge mindre på related */
.single-product .related.products ul.products li.product::before {
  font-size: 8px !important;
  padding: 4px 7px !important;
  top: 10px !important;
  right: 10px !important;
}

/* ═══════════════════════════════════════════════════════════════════════════
   JITS TYPOGRAFI & LAYOUT — v3 REN
   REGEL 1: Headings (h1, h2) = centreret tekst, max 900px
   REGEL 2: Brødtekst = venstre-justeret, max 680px, centreret som BLOK
   REGEL 3: Intro-tekst (p umiddelbart efter H2) = centreret, max 720px
   REGEL 4: Kickers ("— 01", "— I MARKEN") = centreret
   ═══════════════════════════════════════════════════════════════════════════ */

/* HEADINGS */
body .elementor-widget-heading h1,
body .elementor-widget-heading h2,
body .elementor-widget-heading .elementor-heading-title {
  text-align: center !important;
  max-width: 900px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  line-height: 1.15 !important;
  letter-spacing: -0.015em !important;
}

/* BRØDTEKST — DEFAULT: venstre-justeret, max 680px, centreret som blok */
/* BRØDTEKST - DEFAULT: layout regler (max-width, font, line-height) */
body .elementor-widget-text-editor p,
body .elementor-widget-text-editor ul,
body .elementor-widget-text-editor ol {
  max-width: 680px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: left !important;
  font-family: "IBM Plex Sans", sans-serif !important;
  font-size: 17px !important;
  line-height: 1.7 !important;
}
/* Default text-farve - lavere specificity uden !important */
/* saa Elementor's per-widget text_color kan vinde naturligt */
body .elementor-widget-text-editor {
  color: #334155;
}

/* HTML-widgets brødtekst — samme regel */
body .elementor-widget-html .elementor-widget-container > p {
  max-width: 680px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: left !important;
}

/* INTRO-TEKST — ved sektions-start lige efter heading = centreret */
body .elementor-widget-heading + .elementor-widget-text-editor > .elementor-widget-container > p:first-child {
  text-align: center !important;
  max-width: 720px !important;
  color: #64748B !important;
  font-size: 17px !important;
  line-height: 1.65 !important;
}

/* CONTAINER max-width 1100 */
body .elementor-element.e-con.e-flex {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}

/* SEKTIONS-PADDING - kun på top-level containers, ikke på nested cards */
body main > .elementor > section > .elementor-element.e-con.e-flex,
body main > .elementor > .elementor-element.e-con.e-flex:not(.e-grid):not(.e-con-boxed) {
  padding-top: 60px !important;
  padding-bottom: 60px !important;
}

/* IMAGE-SHOWCASE container skal fylde passende */
body .jits-img-showcase-wrap {
  max-width: 1100px !important;
  margin: 0 auto !important;
}

/* FACT-CARDS */
body .jits-fact-card,
body .e-con.e-grid .e-con-boxed {
  background: #F8FAFC;
  border: 1px solid #E2E8F0;
  border-radius: 16px;
  padding: 32px 28px;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
body .e-con.e-grid .e-con-boxed:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 24px rgba(30,58,138,0.08);
}

/* FORSIDE (home) — al tekst centreret */
body.home .elementor-widget-text-editor p,
body.page-id-17 .elementor-widget-text-editor p {
  text-align: center !important;
  max-width: 640px !important;
}

/* MOBIL */
@media (max-width: 768px) {
  body main.site-main { padding: 0 16px; }
  body .elementor-widget-text-editor p,
  body .elementor-widget-html p {
    font-size: 16px !important;
  }
  body .elementor-widget-heading h1 { font-size: 28px !important; }
  body .elementor-widget-heading h2 { font-size: 22px !important; }
}

/* ═══════════════════════ SLUT TYPOGRAFI ═══════════════════════════════════════ */

/* CARDS — sørg for fuld synlighed af indhold */
body .e-con.e-grid .e-con-inner,
body .e-con.e-grid .e-con-boxed,
body .e-con .e-con.e-con-boxed {
  height: auto !important;
  min-height: 0 !important;
  overflow: visible !important;
}
body .e-con.e-grid .e-con-boxed .elementor-widget-heading h3,
body .e-con.e-grid .e-con-boxed .elementor-widget-text-editor p {
  max-width: none !important;
  text-align: left !important;
}
body .e-con.e-grid .e-con-boxed .elementor-widget-heading {
  text-align: center !important;
}
body .e-con.e-grid .e-con-boxed .elementor-widget-heading h3 {
  text-align: center !important;
  font-size: 18px !important;
  line-height: 1.3 !important;
  margin-bottom: 10px !important;
}

/* ULTRA CARD HEIGHT FIX - tving cards til at passe til deres indhold */
body .e-con.e-grid {
  grid-auto-rows: auto !important;
  align-items: stretch !important;
}
body .e-con.e-grid > .e-con-boxed,
body .e-con.e-grid > .elementor-element.e-con {
  align-self: stretch !important;
  height: auto !important;
  min-height: 220px !important;
  overflow: visible !important;
  display: flex !important;
  flex-direction: column !important;
}
body .e-con.e-grid > .e-con-boxed > .e-con-inner,
body .e-con.e-grid > .elementor-element.e-con > .e-con-inner {
  height: auto !important;
  overflow: visible !important;
  flex: 1 1 auto !important;
  padding: 28px 24px !important;
}
/* Sikre h3 og p i cards vises fuldt ud */
body .e-con.e-grid .elementor-widget-heading {
  overflow: visible !important;
}
body .e-con.e-grid .elementor-widget-heading h3,
body .e-con.e-grid .elementor-widget-heading h4 {
  overflow: visible !important;
  white-space: normal !important;
  text-overflow: clip !important;
  line-height: 1.3 !important;
  margin-bottom: 10px !important;
  font-size: 18px !important;
}
body .e-con.e-grid .elementor-widget-text-editor p {
  overflow: visible !important;
  white-space: normal !important;
  line-height: 1.6 !important;
  font-size: 15px !important;
  margin: 0 !important;
  max-width: none !important;
}

/* ═══════════════════════════════════════════════════════════════════════════
   DARK BACKGROUND TEXT FIX — sørg for læsbar tekst på mørke baggrunde
   ═══════════════════════════════════════════════════════════════════════════ */

/* Generelle regel: hvis container har dark/blå baggrund, brug lys tekst */
body .elementor-element[data-settings*="background_color\":\"#1E3A8A"] *,
body .elementor-element[data-settings*="background_color\":\"#0A0E1A"] *,
body .elementor-element[data-settings*="background_color\":\"#0F172A"] *,
body .elementor-element[data-settings*="background_color\":\"#3B82F6"] * {
  color: inherit;
}

/* Specifikt for leasing-sektion på forside */
body.home .elementor-element.e-con[style*="background-color: #1E3A8A"] p,
body.home .elementor-element.e-con[style*="background-color: rgb(30"] p,
body .elementor-element.e-con .elementor-widget-text-editor p {
  /* Override default dark text only when not in dark container */
}

/* HVID/LYS TEKST på alle widgets inden i mørke containers */
body .e-con[style*="background-color: #1E3A8A"] .elementor-widget-text-editor p,
body .e-con[style*="background-color: #1e3a8a"] .elementor-widget-text-editor p,
body .e-con[style*="background-color: #0A0E1A"] .elementor-widget-text-editor p,
body .e-con[style*="background-color: #0a0e1a"] .elementor-widget-text-editor p,
body .e-con[style*="background-color: #0F172A"] .elementor-widget-text-editor p,
body .e-con[style*="background-color: #0f172a"] .elementor-widget-text-editor p,
body .e-con[style*="background:linear-gradient"][style*="#1E3A"] .elementor-widget-text-editor p,
body .e-con[style*="background-color:#1E3A8A"] .elementor-widget-text-editor p,
body .e-con[style*="background-color:#0A0E1A"] .elementor-widget-text-editor p {
  color: #E2E8F0 !important;
}

body .e-con[style*="background-color: #1E3A8A"] .elementor-widget-heading h1,
body .e-con[style*="background-color: #1e3a8a"] .elementor-widget-heading h1,
body .e-con[style*="background-color: #1E3A8A"] .elementor-widget-heading h2,
body .e-con[style*="background-color: #1e3a8a"] .elementor-widget-heading h2,
body .e-con[style*="background-color: #1E3A8A"] .elementor-widget-heading h3,
body .e-con[style*="background-color: #0A0E1A"] .elementor-widget-heading h1,
body .e-con[style*="background-color: #0A0E1A"] .elementor-widget-heading h2,
body .e-con[style*="background-color: #0A0E1A"] .elementor-widget-heading h3,
body .e-con[style*="background-color: #0F172A"] .elementor-widget-heading h1,
body .e-con[style*="background-color: #0F172A"] .elementor-widget-heading h2,
body .e-con[style*="background-color: #0F172A"] .elementor-widget-heading h3 {
  color: #FFFFFF !important;
}

/* CRITICAL: Tekstwidget INDENI dark container (uanset hvor dybt nested) */
.e-con[style*="background-color: #1E3A8A"] .elementor-heading-title,
.e-con[style*="background-color: #1e3a8a"] .elementor-heading-title,
.e-con[style*="background-color: #0A0E1A"] .elementor-heading-title,
.e-con[style*="background-color: #0a0e1a"] .elementor-heading-title,
.e-con[style*="background-color: #0F172A"] .elementor-heading-title,
.e-con[style*="background-color: #0f172a"] .elementor-heading-title {
  color: #FFFFFF !important;
}

.e-con[style*="background-color: #1E3A8A"] p,
.e-con[style*="background-color: #1e3a8a"] p,
.e-con[style*="background-color: #0A0E1A"] p,
.e-con[style*="background-color: #0a0e1a"] p,
.e-con[style*="background-color: #0F172A"] p,
.e-con[style*="background-color: #0f172a"] p {
  color: #E2E8F0 !important;
}

/* Specifik fix for forside leasing */
body.home .elementor-element.e-con[style*="background"] [style*="color:#0F172A"],
body.home .elementor-element.e-con[style*="background"] [style*="color: #0F172A"] {
  color: #FFFFFF !important;
}

/* ═══════════════════════════════════════════════════════════════════════════
   FORSIDE FIX — fjern overdreven padding og max-width fra hjemmesiden
   ═══════════════════════════════════════════════════════════════════════════ */

/* Forsidens containers skal IKKE have begrænset bredde - de er custom-designet */
body.home .elementor-element.e-con.e-flex,
body.page-id-17 .elementor-element.e-con.e-flex {
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* Forsidens text-editor må gerne være bredere og bevare custom alignments */
body.home .elementor-widget-text-editor p,
body.page-id-17 .elementor-widget-text-editor p {
  max-width: none !important;
  text-align: inherit !important;
  color: inherit !important;
}

/* Men hold den centrale hero-tekst centreret og 640px max */
body.home .elementor-element.e-con > .e-con-inner > .elementor-widget-text-editor:first-of-type p,
body.page-id-17 .elementor-element.e-con > .e-con-inner > .elementor-widget-text-editor:first-of-type p {
  max-width: 640px !important;
  text-align: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Forsiden: ingen ekstra sektions-padding der kan ødelægge layout */
body.home .elementor-element.e-con,
body.page-id-17 .elementor-element.e-con {
  padding-top: revert !important;
  padding-bottom: revert !important;
}

/* Brug original Elementor's spacing fra _elementor_data */

/* ═══════════════════════════════════════════════════════════════════════════
   SEKTIONS-PADDING — kun på Admind ERP undersider, IKKE forside
   ═══════════════════════════════════════════════════════════════════════════ */
body:not(.home):not(.page-id-17) main > .elementor > section > .elementor-element.e-con.e-flex {
  padding-top: 60px !important;
  padding-bottom: 60px !important;
}

/* ═══════════════════════ SLUT FIX ═══════════════════════════════════════ */

/* ═══════════════════════════════════════════════════════════════════════════
   MENU LIGHT TEXT FIX — overrul jits-menu-enhance mørk-tekst regel
   ═══════════════════════════════════════════════════════════════════════════ */

/* Highere specificity: html body #site-header */
html body #site-header ul.menu > li > a,
body #site-header.site-header ul.menu > li > a {
  color: #E2E8F0 !important;
}

html body #site-header ul.menu > li:hover > a,
body #site-header.site-header ul.menu > li:hover > a {
  color: #FFFFFF !important;
}

html body #site-header ul.menu > li.current-menu-item > a,
html body #site-header ul.menu > li.current-menu-parent > a,
html body #site-header ul.menu > li.current-page-ancestor > a,
body #site-header.site-header ul.menu > li.current-menu-item > a,
body #site-header.site-header ul.menu > li.current-menu-parent > a,
body #site-header.site-header ul.menu > li.current-page-ancestor > a {
  color: #60A5FA !important;
}

/* CTA support (Fjernsupport item) */
html body #site-header ul.menu > li.jits-cta-support > a {
  color: #CBD5E1 !important;
}

/* CTA primary (Book møde knap) - hold mørk på hvid bg */
html body #site-header ul.menu > li.jits-cta-primary > a {
  color: #0A0E1A !important;
  background: #FFFFFF !important;
}

/* Sub-menu items */
html body #site-header .sub-menu a,
html body #site-header ul.menu ul a {
  color: #E2E8F0 !important;
}

html body #site-header .sub-menu a:hover,
html body #site-header ul.menu ul a:hover {
  color: #FFFFFF !important;
}

/* ═══════════════════════════════════════════════════════════════════════════
   PARTNERS/KUNDER PADDING + GAP - mere luft mellem sektionerne
   ═══════════════════════════════════════════════════════════════════════════ */

/* Specifik forside Partners-container 62611fa - ekstra gap mellem rows */
body.home .elementor-element-62611fa,
body.page-id-17 .elementor-element-62611fa {
  padding-top: 100px !important;
  padding-bottom: 100px !important;
}

/* Gap mellem Verified Partners row og Udvalgte Kunder row */
body.home .elementor-element-62611fa .e-con-inner > .elementor-element + .elementor-element,
body.page-id-17 .elementor-element-62611fa .e-con-inner > .elementor-element + .elementor-element {
  margin-top: 32px !important;
}

/* ═══════════════════════════════════════════════════════════════════════════
   MOBIL PRIS FIX - "1.800,-" må ikke være for stor på små skærme
   ═══════════════════════════════════════════════════════════════════════════ */

@media (max-width: 768px) {
  /* Leasing pris-heading 1.800,- på forsiden - reducer størrelse på mobil */
  body.home .elementor-element-63c37ea .elementor-heading-title,
  body.page-id-17 .elementor-element-63c37ea .elementor-heading-title,
  body .elementor-element-2cb1315 .elementor-element-63c37ea .elementor-heading-title {
    font-size: 48px !important;
    line-height: 1.1 !important;
  }
  
  /* Span med ",-" - også reducer */
  body.home .elementor-element-63c37ea .elementor-heading-title span,
  body.page-id-17 .elementor-element-63c37ea .elementor-heading-title span,
  body .elementor-element-2cb1315 .elementor-element-63c37ea .elementor-heading-title span {
    font-size: 22px !important;
  }
  
  /* Generelt: alle store priser/tal i mørke sektioner reduceres */
  body .e-con[style*="background-color: #1E3A8A"] .elementor-widget-heading h1,
  body .e-con[style*="background-color: #1E3A8A"] .elementor-widget-heading h2 {
    font-size: clamp(28px, 7vw, 48px) !important;
    line-height: 1.15 !important;
  }
  
  /* "Kom i gang med din nye kasseløsning fra 1.800 kr/md" heading - mindre på mobil */
  body.home .elementor-element-27d9c11 .elementor-heading-title,
  body.page-id-17 .elementor-element-27d9c11 .elementor-heading-title {
    font-size: 26px !important;
    line-height: 1.25 !important;
  }
}

@media (max-width: 480px) {
  /* Endnu mindre på meget små skærme */
  body.home .elementor-element-63c37ea .elementor-heading-title,
  body.page-id-17 .elementor-element-63c37ea .elementor-heading-title {
    font-size: 38px !important;
  }
  
  body.home .elementor-element-63c37ea .elementor-heading-title span,
  body.page-id-17 .elementor-element-63c37ea .elementor-heading-title span {
    font-size: 18px !important;
  }
  
  body.home .elementor-element-27d9c11 .elementor-heading-title,
  body.page-id-17 .elementor-element-27d9c11 .elementor-heading-title {
    font-size: 22px !important;
  }
}

/* ═══════════════════════════════════════════════════════════════════════════
   V25 FIXES: hero full-width på alle sider, partners padding, fjernsupport rød
   ═══════════════════════════════════════════════════════════════════════════ */

/* ── FIX 1: Skjul Hello Elementor's .page-header h1 ovenfor Elementor content ── */
/* Dette giver hvid stribe mellem header og hero på undersider */
body:not(.home) .page-header,
body:not(.home) main > .page-header,
body:not(.page-id-17) main > .page-header,
.page-header {
  display: none !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  visibility: hidden !important;
  overflow: hidden !important;
}

/* ── FIX 2: Skjul også .entry-title hvis det vises udenfor Elementor ── */
body:not(.home) main > .entry-header,
body:not(.home) main > article > .entry-header {
  display: none !important;
}

/* ── FIX 3: Sørg for at undersiders hero starter direkte under header ── */
body:not(.home) main > .elementor:first-child,
body:not(.home) main > .page-content,
body:not(.home) .page-content {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* ── FIX 4: Force full-width på alle top-level e-con (hero containers) ── */
body main > .elementor > .elementor-element.e-con.e-parent,
body main .elementor.elementor-bc-flex-widget > .elementor-element.e-con.e-parent {
  max-width: none !important;
  width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* ── FIX 5: Verified Partners padding (forsiden) ── */
/* Container 62611fa - mere luft over og under */
body.home .elementor-element.elementor-element-62611fa,
body.page-id-17 .elementor-element.elementor-element-62611fa {
  padding-top: 100px !important;
  padding-bottom: 100px !important;
}

/* Gap mellem Verified Partners row og Udvalgte Kunder row */
body.home .elementor-element-62611fa > .e-con-inner > .elementor-element + .elementor-element,
body.page-id-17 .elementor-element-62611fa > .e-con-inner > .elementor-element + .elementor-element {
  margin-top: 40px !important;
}

/* ── FIX 6: Fjernsupport knap tekst ROD som JITS logo ── */
/* JITS logo rød: #A82739 */
html body #site-header li.menu-item a[href*="/fjernsupport"],
html body #site-header a[href*="/service/fjernsupport/"],
html body #site-header li.menu-item-310 > a,
html body #site-header li.menu-item-336 > a,
html body #site-header ul > li > a[href*="/service/fjernsupport/"],
html body #site-header ul.menu > li.jits-cta-support > a {
  color: #A82739 !important;
}

/* Fjernsupport hover - en lidt mørkere rød */
html body #site-header li.menu-item a[href*="/fjernsupport"]:hover,
html body #site-header a[href*="/service/fjernsupport/"]:hover,
html body #site-header ul.menu > li.jits-cta-support > a:hover {
  color: #8A1F2E !important;
}

/* Hvis Fjernsupport har baggrund (blå pille), behold den - kun tekst skal være rød */
html body #site-header a[href*="/service/fjernsupport/"] {
  background: #FFFFFF !important;
}

html body #site-header a[href*="/service/fjernsupport/"]:hover {
  background: #F1F5F9 !important;
}

/* ═══════════════════════ SLUT V25 FIXES ═══════════════════════════════════ */

/* ═══════════════════════════════════════════════════════════════════════════
   V26 EXTRA: Force fjern .page-header overalt (også på home)
   ═══════════════════════════════════════════════════════════════════════════ */

html body .page-header,
html body main > .page-header,
html body main .page-header,
html body .site-main .page-header {
  display: none !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}

/* Sørg også for ingen page-header tager plads */
html body .page-header h1.entry-title {
  display: none !important;
}

/* ═══════════════════════════════════════════════════════════════════════════ */

/* ═══════════════════════════════════════════════════════════════════════════
   V27 FIX: Fjernsupport i sub-menu skal være simpel rød tekst, ikke pille
   ═══════════════════════════════════════════════════════════════════════════ */

/* Fjern blå pille/baggrund/padding på Fjernsupport NÅR DEN ER I DROPDOWN */
html body #site-header .sub-menu li a[href*="/fjernsupport"],
html body #site-header .sub-menu li a[href*="/service/fjernsupport"],
html body #site-header ul.menu ul a[href*="/fjernsupport"],
html body #site-header .sub-menu li.menu-item-310 > a,
html body #site-header .sub-menu li.menu-item-336 > a {
  background: transparent !important;
  background-color: transparent !important;
  color: #A82739 !important;
  padding: 10px 14px !important;
  border-radius: 8px !important;
  font-weight: 500 !important;
  font-size: 14px !important;
  margin: 0 !important;
  box-shadow: none !important;
  display: block !important;
  align-items: revert !important;
  gap: 0 !important;
  transform: none !important;
  transition: color 0.2s ease, background 0.2s ease !important;
}

/* Hover - mørkere rød + let baggrund */
html body #site-header .sub-menu li a[href*="/fjernsupport"]:hover,
html body #site-header .sub-menu li a[href*="/service/fjernsupport"]:hover,
html body #site-header ul.menu ul a[href*="/fjernsupport"]:hover,
html body #site-header .sub-menu li.menu-item-310 > a:hover,
html body #site-header .sub-menu li.menu-item-336 > a:hover {
  color: #8A1F2E !important;
  background: rgba(168, 39, 57, 0.08) !important;
  transform: none !important;
  box-shadow: none !important;
}

/* Skjul den pulserende grøn prik ::before i sub-menu */
html body #site-header .sub-menu li a[href*="/fjernsupport"]::before,
html body #site-header ul.menu ul a[href*="/fjernsupport"]::before,
html body #site-header .sub-menu li.menu-item-310 > a::before,
html body #site-header .sub-menu li.menu-item-336 > a::before {
  display: none !important;
  content: none !important;
}

/* TOP-LEVEL Fjernsupport (hvis vist som main menu item, ikke i dropdown) - behold blå pille */
/* Disse regler er kun for sub-menu - top-level forbliver som det er */

/* ═══════════════════════ SLUT V27 FIX ═══════════════════════════════════ */

/* ═══════════════════════════════════════════════════════════════════════════
   V28: PRIS-SEKTION på undersider - sikr korrekt tekst-farver på mørk bg
   ═══════════════════════════════════════════════════════════════════════════ */

/* Target: Den mørkeblå pris-sektion container (bg #1E3A8A) */
.elementor .e-con[style*="background-color:#1E3A8A"] .elementor-widget-text-editor,
.elementor .e-con[style*="background-color: #1E3A8A"] .elementor-widget-text-editor,
.elementor .elementor-widget-container:has(.elementor-element-populated[style*="#1E3A8A"]) .elementor-widget-text-editor,
.elementor .e-con[style*="#1E3A8A"] .elementor-widget-text-editor p,
.elementor .e-con[style*="#1E3A8A"] .elementor-widget-text-editor {
  color: #E2E8F0 !important;
}

/* Target: beskrivelsestekst i venstre kolonne af pris-sektion */
.elementor .e-con[style*="#1E3A8A"] > .e-con-inner > .e-con:first-child .elementor-widget-text-editor p {
  color: #E2E8F0 !important;
  font-size: 16px !important;
  line-height: 1.7 !important;
}

/* Target: "pr. måned" og features-tekst i højre pris-card */
.elementor .e-con[style*="#0F2654"] .elementor-widget-text-editor p,
.elementor .e-con[style*="#0F2654"] .elementor-widget-text-editor {
  color: #E2E8F0 !important;
}

/* Backup: hvis attribut-selector ikke virker, bruge class hierarchy */
/* Pris-container har altid en child med bg #1E3A8A */
section.elementor-section .elementor-widget-text-editor[data-settings*="#E2E8F0"] {
  color: #E2E8F0 !important;
}
section.elementor-section .elementor-widget-text-editor[data-settings*="#E2E8F0"] p {
  color: #E2E8F0 !important;
}

/* Universel fallback: alle text-editor widgets inde i e-con med blå baggrund */
div[data-id] .e-con-boxed[style*="rgb(30, 58, 138)"] .elementor-widget-text-editor,
div[data-id] .e-con-boxed[style*="rgb(30, 58, 138)"] .elementor-widget-text-editor p,
div[data-id] .e-con-boxed[style*="rgb(15, 38, 84)"] .elementor-widget-text-editor,
div[data-id] .e-con-boxed[style*="rgb(15, 38, 84)"] .elementor-widget-text-editor p {
  color: #E2E8F0 !important;
}

/* ═══════════════════════════════════════════════════════════════════════════
   V29: PRIS-SEKTION TEKSTFARVE FIX
   Bruger inline color på [p with inline color] i widgets,
   men Elementor's intro-tekst regel har !important der overruler.
   Løsning: Brug attribut-selektor på selve [p] tag's style-attribut
   ═══════════════════════════════════════════════════════════════════════════ */

/* Når et [p] har inline color, RESPEKTÉR den */
body .elementor-widget-text-editor p[style*="color:#E2E8F0"],
body .elementor-widget-text-editor p[style*="color: #E2E8F0"] {
  color: #E2E8F0 !important;
  max-width: none !important;
}

body .elementor-widget-text-editor p[style*="color:#CBD5E1"],
body .elementor-widget-text-editor p[style*="color: #CBD5E1"] {
  color: #CBD5E1 !important;
}

body .elementor-widget-text-editor p[style*="color:#BFDBFE"],
body .elementor-widget-text-editor p[style*="color: #BFDBFE"] {
  color: #BFDBFE !important;
}

/* Generelt: Hvis [p] har INLINE color, så respektér den uanset alle andre regler */
body p[style*="color:#"] {
  color: inherit !important;
}

/* Mere specifik: Force specifik p-styling i widgets */
body .elementor-widget-text-editor .elementor-widget-container p[style] {
  color: inherit !important;
}

/* Bruteforce: alle [p style="color:..."> skal vinde */
html body p[style*="color:#E2E8F0"] {
  color: #E2E8F0 !important;
}
html body p[style*="color:#CBD5E1"] {
  color: #CBD5E1 !important;
}
html body p[style*="color:#BFDBFE"] {
  color: #BFDBFE !important;
}

/* ═══════════════════════════════════════════════════════════════════════════
   FIX 2026-04-27 (a) — Burgermenu konflikt på mobil
   Hello Elementor's standard burger (.site-navigation-toggle) bliver vist
   samtidig med JITS custom burger (.jits-mobile-toggle), hvilket forvirrer
   brugeren. Skjul Hello Elementor's standard burger-knap + dens dropdown.
   ═══════════════════════════════════════════════════════════════════════════ */
@media (max-width: 1024px) {
  /* Skjul Hello Elementor's standard burger-knap helt */
  #site-header .site-navigation-toggle-holder,
  #site-header button.site-navigation-toggle,
  #site-header .site-navigation-toggle {
    display: none !important;
    visibility: hidden !important;
    width: 0 !important;
    height: 0 !important;
    pointer-events: none !important;
  }
  /* Skjul også dens dropdown-nav (den vi ikke bruger) */
  #site-header nav.site-navigation-dropdown,
  #site-header .site-navigation-dropdown {
    display: none !important;
    visibility: hidden !important;
  }
}

/* ═══════════════════════════════════════════════════════════════════════════
   FIX 2026-04-27 (b) — Pris-blok bliver ulæselig på mobil
   "Kom i gang med Admind® Office fra 449 kr/md" container d185900 ↪ eb57dc4
   har 80px padding på alle sider PLUS parent har 40px. På mobil (under 768px)
   reducerer det indholdsbredden til ~140px hvilket gør pris-tallet 449,-
   og brødtekst ulæselige (ord brydes på 2-3 tegn pr. linje).
   Container-IDs på admind-office: d185900 (outer), eb57dc4 (inner).
   ═══════════════════════════════════════════════════════════════════════════ */
@media (max-width: 768px) {
  /* Outer container: reducér horizontal padding */
  body .elementor-element.elementor-element-d185900 {
    padding-left: 16px !important;
    padding-right: 16px !important;
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  /* Inner container: stort padding-fald */
  body .elementor-element.elementor-element-eb57dc4 {
    padding: 32px 24px !important;
    --padding-top: 32px !important;
    --padding-bottom: 32px !important;
    --padding-left: 24px !important;
    --padding-right: 24px !important;
  }
  /* e-con-inner inden i: tving stack-layout */
  body .elementor-element.elementor-element-eb57dc4 > .e-con-inner {
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    padding: 0 !important;
    gap: 24px !important;
    width: 100% !important;
  }
  /* Begge child-containere skal være fuldbrede */
  body .elementor-element.elementor-element-eb57dc4 > .e-con-inner > .elementor-element.e-con,
  body .elementor-element.elementor-element-e44c1d0,
  body .elementor-element.elementor-element-b6b6e7d {
    flex: 1 1 100% !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    padding: 0 !important;
  }
  /* Pris-card (b6b6e7d) skal stadig have lidt indre padding */
  body .elementor-element.elementor-element-b6b6e7d {
    padding: 24px 16px !important;
  }
  /* "Kom i gang" heading og 449,- skal være læselig størrelse */
  body .elementor-element.elementor-element-a9b0ac1 .elementor-heading-title {
    font-size: 26px !important;
    line-height: 1.25 !important;
  }
  body .elementor-element.elementor-element-e7a5bc8 .elementor-heading-title {
    font-size: 56px !important;
    line-height: 1 !important;
  }
  body .elementor-element.elementor-element-e7a5bc8 .elementor-heading-title span {
    font-size: 22px !important;
  }
}

/* Same fix for tilsvarende undersider hvor pris-blokken har samme struktur */
/* (admind-retail, admind-foto m.fl. - hvis de har lignende container-IDs) */
@media (max-width: 480px) {
  body .elementor-element.elementor-element-a9b0ac1 .elementor-heading-title {
    font-size: 22px !important;
  }
  body .elementor-element.elementor-element-e7a5bc8 .elementor-heading-title {
    font-size: 44px !important;
  }
}

/* ═══════════════════════════════════════════════════════════════════════════
   FIX 2026-04-27 (c) — Burgermenu UX: separat submenu-toggle knap
   Tidligere lukkede et klik paa plus hele menuen pga. konflikt mellem
   parent-link click-handler og close-on-link-click handler.
   Loesning: en SEPARAT button.jits-submenu-toggle ved siden af parent-linket,
   med stopPropagation saa den ikke trigger close.
   Plus stoerre tap-targets (64x56 for plus og 48x48 for hamburger/x).
   ═══════════════════════════════════════════════════════════════════════════ */
@media (max-width: 1024px) {
  /* Hamburger / X knap: 48x48 (var 44x44), tykkere streger for synlighed */
  #site-header .jits-mobile-toggle {
    width: 48px !important;
    height: 48px !important;
    padding: 0 !important;
  }
  #site-header .jits-mobile-toggle span {
    left: 11px !important;
    right: 11px !important;
    height: 3px !important;
    border-radius: 2px;
    background: #FFFFFF;
  }
  #site-header .jits-mobile-toggle span:nth-child(1) { top: 14px !important; }
  #site-header .jits-mobile-toggle span:nth-child(2) { top: 22px !important; }
  #site-header .jits-mobile-toggle span:nth-child(3) { top: 30px !important; }
  #site-header .jits-mobile-toggle[aria-expanded="true"] span:nth-child(1) {
    top: 22px !important;
  }
  #site-header .jits-mobile-toggle[aria-expanded="true"] span:nth-child(3) {
    top: 22px !important;
  }

  /* FJERN det gamle plus-pseudo-element paa parent ankre */
  /* (ny implementation bruger en separat knap) */
  .jits-mobile-menu li.menu-item-has-children > a::after {
    display: none !important;
    content: none !important;
  }
  .jits-mobile-menu li.menu-item-has-children.open > a::after {
    transform: none !important;
  }

  /* Parent li med boern: positioning for separat toggle */
  .jits-mobile-menu li.menu-item-has-children {
    position: relative;
  }
  /* Parent anchor beholder normal layout, men giver plads til toggle-knappen til hoejre */
  .jits-mobile-menu li.menu-item-has-children > a {
    padding-right: 76px !important;
  }

  /* Den nye separate submenu-toggle knap (64x100% tap-target med stort plus) */
  .jits-mobile-menu .jits-submenu-toggle {
    position: absolute;
    top: 0;
    right: 0;
    width: 64px;
    height: 100%;
    min-height: 56px;
    padding: 0;
    margin: 0;
    background: transparent;
    border: none;
    border-left: 1px solid rgba(255,255,255,0.06);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-tap-highlight-color: rgba(59,130,246,0.15);
    transition: background 0.15s ease;
  }
  .jits-mobile-menu .jits-submenu-toggle:hover,
  .jits-mobile-menu .jits-submenu-toggle:focus,
  .jits-mobile-menu .jits-submenu-toggle:active {
    background: rgba(59,130,246,0.12);
    outline: none;
  }

  /* Plus/minus ikonet bygges med to streger */
  .jits-submenu-toggle-icon {
    position: relative;
    width: 22px;
    height: 22px;
    display: block;
  }
  .jits-submenu-toggle-icon::before,
  .jits-submenu-toggle-icon::after {
    content: '';
    position: absolute;
    background: #3B82F6;
    border-radius: 2px;
    transition: transform 0.25s ease, opacity 0.2s ease;
  }
  /* Vandret streg, altid synlig */
  .jits-submenu-toggle-icon::before {
    top: 50%;
    left: 0;
    right: 0;
    height: 3px;
    margin-top: -1.5px;
  }
  /* Lodret streg, synlig nar lukket = plus, usynlig nar aben = minus */
  .jits-submenu-toggle-icon::after {
    top: 0;
    bottom: 0;
    left: 50%;
    width: 3px;
    margin-left: -1.5px;
  }
  /* Nar submenu er aben: lodret streg roterer og bliver usynlig */
  .jits-mobile-menu li.menu-item-has-children.open > .jits-submenu-toggle .jits-submenu-toggle-icon::after {
    transform: rotate(90deg);
    opacity: 0;
  }
  .jits-mobile-menu .jits-submenu-toggle[aria-expanded="true"] {
    background: rgba(59,130,246,0.08);
  }

  /* Submenu accordion */
  .jits-mobile-menu li.menu-item-has-children > ul.sub-menu {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease;
  }
  .jits-mobile-menu li.menu-item-has-children.open > ul.sub-menu {
    max-height: 2000px;
  }
}

/* Links inde i bloken - lys blaa */
body .elementor-element.elementor-element-007887e .elementor-widget-text-editor a,
body .elementor-element.elementor-element-01f31e9 .elementor-widget-text-editor a,
body .elementor-element.elementor-element-078c600 .elementor-widget-text-editor a,
body .elementor-element.elementor-element-15c5f8c .elementor-widget-text-editor a,
body .elementor-element.elementor-element-1edc285 .elementor-widget-text-editor a,
body .elementor-element.elementor-element-2591747 .elementor-widget-text-editor a,
body .elementor-element.elementor-element-2652b8f .elementor-widget-text-editor a,
body .elementor-element.elementor-element-289d28a .elementor-widget-text-editor a,
body .elementor-element.elementor-element-2aeb743 .elementor-widget-text-editor a,
body .elementor-element.elementor-element-2bf874e .elementor-widget-text-editor a,
body .elementor-element.elementor-element-2d7eaea .elementor-widget-text-editor a,
body .elementor-element.elementor-element-33a5972 .elementor-widget-text-editor a,
body .elementor-element.elementor-element-46c68b1 .elementor-widget-text-editor a,
body .elementor-element.elementor-element-489fc12 .elementor-widget-text-editor a,
body .elementor-element.elementor-element-5019681 .elementor-widget-text-editor a,
body .elementor-element.elementor-element-507794f .elementor-widget-text-editor a,
body .elementor-element.elementor-element-56094b0 .elementor-widget-text-editor a,
body .elementor-element.elementor-element-593b4f8 .elementor-widget-text-editor a,
body .elementor-element.elementor-element-70e658e .elementor-widget-text-editor a,
body .elementor-element.elementor-element-7be97e5 .elementor-widget-text-editor a,
body .elementor-element.elementor-element-7d11001 .elementor-widget-text-editor a,
body .elementor-element.elementor-element-842a675 .elementor-widget-text-editor a,
body .elementor-element.elementor-element-85e6728 .elementor-widget-text-editor a,
body .elementor-element.elementor-element-8a9b409 .elementor-widget-text-editor a,
body .elementor-element.elementor-element-99b99a8 .elementor-widget-text-editor a,
body .elementor-element.elementor-element-99c737c .elementor-widget-text-editor a,
body .elementor-element.elementor-element-99fca92 .elementor-widget-text-editor a,
body .elementor-element.elementor-element-9f7349d .elementor-widget-text-editor a,
body .elementor-element.elementor-element-a072f9a .elementor-widget-text-editor a,
body .elementor-element.elementor-element-a1d3c9d .elementor-widget-text-editor a,
body .elementor-element.elementor-element-a6070d2 .elementor-widget-text-editor a,
body .elementor-element.elementor-element-a8edbbd .elementor-widget-text-editor a,
body .elementor-element.elementor-element-ae42b08 .elementor-widget-text-editor a,
body .elementor-element.elementor-element-af44e82 .elementor-widget-text-editor a,
body .elementor-element.elementor-element-b580de5 .elementor-widget-text-editor a,
body .elementor-element.elementor-element-bbd4f43 .elementor-widget-text-editor a,
body .elementor-element.elementor-element-bbec643 .elementor-widget-text-editor a,
body .elementor-element.elementor-element-bcd7118 .elementor-widget-text-editor a,
body .elementor-element.elementor-element-becf908 .elementor-widget-text-editor a,
body .elementor-element.elementor-element-c59e6e3 .elementor-widget-text-editor a,
body .elementor-element.elementor-element-ca64ec3 .elementor-widget-text-editor a,
body .elementor-element.elementor-element-cd188c4 .elementor-widget-text-editor a,
body .elementor-element.elementor-element-d1f5dde .elementor-widget-text-editor a,
body .elementor-element.elementor-element-d349852 .elementor-widget-text-editor a,
body .elementor-element.elementor-element-d5db73f .elementor-widget-text-editor a,
body .elementor-element.elementor-element-d6d7b8c .elementor-widget-text-editor a,
body .elementor-element.elementor-element-d91d778 .elementor-widget-text-editor a,
body .elementor-element.elementor-element-d9bdb41 .elementor-widget-text-editor a,
body .elementor-element.elementor-element-df2a225 .elementor-widget-text-editor a,
body .elementor-element.elementor-element-dfadf92 .elementor-widget-text-editor a,
body .elementor-element.elementor-element-e259774 .elementor-widget-text-editor a,
body .elementor-element.elementor-element-e6d4e14 .elementor-widget-text-editor a,
body .elementor-element.elementor-element-e99ca49 .elementor-widget-text-editor a,
body .elementor-element.elementor-element-f34542d .elementor-widget-text-editor a,
body .elementor-element.elementor-element-f75ac24 .elementor-widget-text-editor a {
  color: #BFDBFE !important;
  text-decoration: underline;
}

/* Overskrifter - rene hvid */
body .elementor-element.elementor-element-007887e .elementor-heading-title,
body .elementor-element.elementor-element-01f31e9 .elementor-heading-title,
body .elementor-element.elementor-element-078c600 .elementor-heading-title,
body .elementor-element.elementor-element-15c5f8c .elementor-heading-title,
body .elementor-element.elementor-element-1edc285 .elementor-heading-title,
body .elementor-element.elementor-element-2591747 .elementor-heading-title,
body .elementor-element.elementor-element-2652b8f .elementor-heading-title,
body .elementor-element.elementor-element-289d28a .elementor-heading-title,
body .elementor-element.elementor-element-2aeb743 .elementor-heading-title,
body .elementor-element.elementor-element-2bf874e .elementor-heading-title,
body .elementor-element.elementor-element-2d7eaea .elementor-heading-title,
body .elementor-element.elementor-element-33a5972 .elementor-heading-title,
body .elementor-element.elementor-element-46c68b1 .elementor-heading-title,
body .elementor-element.elementor-element-489fc12 .elementor-heading-title,
body .elementor-element.elementor-element-5019681 .elementor-heading-title,
body .elementor-element.elementor-element-507794f .elementor-heading-title,
body .elementor-element.elementor-element-56094b0 .elementor-heading-title,
body .elementor-element.elementor-element-593b4f8 .elementor-heading-title,
body .elementor-element.elementor-element-70e658e .elementor-heading-title,
body .elementor-element.elementor-element-7be97e5 .elementor-heading-title,
body .elementor-element.elementor-element-7d11001 .elementor-heading-title,
body .elementor-element.elementor-element-842a675 .elementor-heading-title,
body .elementor-element.elementor-element-85e6728 .elementor-heading-title,
body .elementor-element.elementor-element-8a9b409 .elementor-heading-title,
body .elementor-element.elementor-element-99b99a8 .elementor-heading-title,
body .elementor-element.elementor-element-99c737c .elementor-heading-title,
body .elementor-element.elementor-element-99fca92 .elementor-heading-title,
body .elementor-element.elementor-element-9f7349d .elementor-heading-title,
body .elementor-element.elementor-element-a072f9a .elementor-heading-title,
body .elementor-element.elementor-element-a1d3c9d .elementor-heading-title,
body .elementor-element.elementor-element-a6070d2 .elementor-heading-title,
body .elementor-element.elementor-element-a8edbbd .elementor-heading-title,
body .elementor-element.elementor-element-ae42b08 .elementor-heading-title,
body .elementor-element.elementor-element-af44e82 .elementor-heading-title,
body .elementor-element.elementor-element-b580de5 .elementor-heading-title,
body .elementor-element.elementor-element-bbd4f43 .elementor-heading-title,
body .elementor-element.elementor-element-bbec643 .elementor-heading-title,
body .elementor-element.elementor-element-bcd7118 .elementor-heading-title,
body .elementor-element.elementor-element-becf908 .elementor-heading-title,
body .elementor-element.elementor-element-c59e6e3 .elementor-heading-title,
body .elementor-element.elementor-element-ca64ec3 .elementor-heading-title,
body .elementor-element.elementor-element-cd188c4 .elementor-heading-title,
body .elementor-element.elementor-element-d1f5dde .elementor-heading-title,
body .elementor-element.elementor-element-d349852 .elementor-heading-title,
body .elementor-element.elementor-element-d5db73f .elementor-heading-title,
body .elementor-element.elementor-element-d6d7b8c .elementor-heading-title,
body .elementor-element.elementor-element-d91d778 .elementor-heading-title,
body .elementor-element.elementor-element-d9bdb41 .elementor-heading-title,
body .elementor-element.elementor-element-df2a225 .elementor-heading-title,
body .elementor-element.elementor-element-dfadf92 .elementor-heading-title,
body .elementor-element.elementor-element-e259774 .elementor-heading-title,
body .elementor-element.elementor-element-e6d4e14 .elementor-heading-title,
body .elementor-element.elementor-element-e99ca49 .elementor-heading-title,
body .elementor-element.elementor-element-f34542d .elementor-heading-title,
body .elementor-element.elementor-element-f75ac24 .elementor-heading-title {
  color: #FFFFFF !important;
}

/* JITS — Section padding cleanup (#5 fra forbedringslisten) */
/* Mål: stram store hvide flader så designet flyder bedre */

/* Top-level Elementor sections KUN — direkte børn af 
/* Force first container (typically just CSS-injection HTML widgets) to have NO padding */
.elementor[data-elementor-type="wp-page"] > .elementor-element.e-con-full:first-child {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    min-height: 0 !important;
}

@media (max-width: 768px) {
    .elementor.elementor-17 > .elementor-element.e-con-full,
    .elementor[data-elementor-type="wp-page"] > .elementor-element.e-con-full {
        padding-top: 36px !important;
        padding-bottom: 36px !important;
    }
}

/* Hero (#98ef68e) — mere åndedrag øverst, kompakt nederst */
.elementor.elementor-17 > .elementor-element-98ef68e {
    padding-top: 80px !important;
    padding-bottom: 40px !important;
}
@media (max-width: 768px) {
    .elementor.elementor-17 > .elementor-element-98ef68e {
        padding-top: 48px !important;
        padding-bottom: 24px !important;
    }
}

/* Partners (#62611fa) — ekstra kompakt */
.elementor.elementor-17 > .elementor-element-62611fa {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
}
@media (max-width: 768px) {
    .elementor.elementor-17 > .elementor-element-62611fa {
        padding-top: 28px !important;
        padding-bottom: 28px !important;
    }
}
/* === END Section padding cleanup === */
		
/* === KURV-IKON I HEADER (#23) === */
.site-navigation .menu-item-cart {
    list-style: none !important;
}
.site-navigation .menu-item-cart > a {
    /* Skjul "Kurv"-teksten visuelt men hold den tilgængelig for skærmlæsere */
    font-size: 0 !important;
    color: transparent !important;
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 8px 12px !important;
    margin: 0 4px !important;
    width: 44px !important;
    height: 44px !important;
    border-radius: 50% !important;
    transition: background-color 0.2s ease, transform 0.15s ease !important;
}
.site-navigation .menu-item-cart > a:hover,
.site-navigation .menu-item-cart > a:focus {
    background-color: rgba(168, 39, 57, 0.10) !important;
    transform: translateY(-1px) !important;
}
.site-navigation .menu-item-cart > a::before {
    /* SVG kurv-ikon (Lucide shopping-cart) */
    content: "" !important;
    display: block !important;
    width: 22px !important;
    height: 22px !important;
    background-color: transparent !important;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjQTgyNzM5IiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PGNpcmNsZSBjeD0iOCIgY3k9IjIxIiByPSIxIi8+PGNpcmNsZSBjeD0iMTkiIGN5PSIyMSIgcj0iMSIvPjxwYXRoIGQ9Ik0yLjA1IDIuMDVoMmwyLjY2IDEyLjQyYTIgMiAwIDAgMCAyIDEuNThoOS43OGEyIDIgMCAwIDAgMS45NS0xLjU3bDEuNjUtNy40M0g1LjEyIi8+PC9zdmc+") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: contain !important;
    transition: transform 0.15s ease !important;
}
.site-navigation .menu-item-cart > a:hover::before {
    transform: scale(1.06) !important;
}

/* Antals-badge — tilføjes via JS */
.site-navigation .menu-item-cart > a .cart-count {
    position: absolute !important;
    top: 2px !important;
    right: 2px !important;
    min-width: 18px !important;
    height: 18px !important;
    padding: 0 5px !important;
    border-radius: 9px !important;
    background-color: #A82739 !important;
    color: #fff !important;
    font-family: "IBM Plex Sans", system-ui, sans-serif !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    line-height: 18px !important;
    text-align: center !important;
    box-shadow: 0 1px 3px rgba(0,0,0,0.15) !important;
    transform: translate(25%, -25%) !important;
    pointer-events: none !important;
    transition: transform 0.2s ease, opacity 0.2s ease !important;
}
.site-navigation .menu-item-cart > a .cart-count.cart-empty {
    opacity: 0 !important;
    transform: translate(25%, -25%) scale(0.6) !important;
}
.site-navigation .menu-item-cart > a .cart-count.cart-bump {
    animation: cartBump 0.35s ease !important;
}
@keyframes cartBump {
    0%   { transform: translate(25%, -25%) scale(1); }
    40%  { transform: translate(25%, -25%) scale(1.35); }
    100% { transform: translate(25%, -25%) scale(1); }
}

/* Mobile/tablet — placér som almindeligt menupunkt med tekst i dropdown-menu */
@media (max-width: 921px) {
    .site-navigation .menu-item-cart > a {
        font-size: 16px !important;
        color: inherit !important;
        width: auto !important;
        height: auto !important;
        border-radius: 0 !important;
        padding: 12px 16px !important;
        gap: 10px !important;
        justify-content: flex-start !important;
    }
    .site-navigation .menu-item-cart > a::before {
        width: 20px !important;
        height: 20px !important;
    }
    .site-navigation .menu-item-cart > a .cart-count {
        position: static !important;
        transform: none !important;
        margin-left: auto !important;
    }
    .site-navigation .menu-item-cart > a .cart-count.cart-empty {
        display: none !important;
    }
}
/* === END KURV-IKON === */

/* === RESCUED FROM SNIPPET 518 — sikret indlæsning uden WPCode === */

/* === jits-hide-page-header === */
.page-header { display: none !important; visibility: hidden !important; height: 0 !important; overflow: hidden !important; }
.page-header h1.entry-title { display: none !important; }

/* === jits-focus-shadow-cleanup === */
/* Fjern browser-default fokus-skygger og uønskede hover-skygger */
.elementor *:focus,
.elementor *:focus-visible,
.elementor-button:focus,
.elementor-button:hover,
.elementor a:focus,
.elementor a:hover,
.elementor-widget:hover,
.elementor-element:hover,
.elementor-element:focus,
.elementor-element:focus-within,
h1, h1:hover, h1:focus,
h2, h2:hover, h2:focus,
h3, h3:hover, h3:focus,
.elementor-heading-title,
.elementor-heading-title:hover,
.elementor-heading-title:focus {
    text-shadow: none !important;
    -webkit-text-shadow: none !important;
}
/* Beskyt eksisterende skygger på cards/buttons der ER bevidst designet */
.jits-feature-card:hover,
.jits-cta-primary:hover,
.elementor-button.elementor-button-link:hover {
    /* Disse beholder deres egne hover-states fra custom CSS */
}
/* Fjern outline ved klik (men behold for keyboard a11y via :focus-visible) */
.elementor *:focus:not(:focus-visible) {
    outline: none !important;
    box-shadow: none !important;
}

/* === jits-tel-autolink-style === */
.jits-auto-tel { color: inherit; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 2px; text-decoration-color: rgba(30, 58, 138, 0.4); transition: text-decoration-color 0.2s; }
.jits-auto-tel:hover { text-decoration-color: #1E3A8A; color: #1E3A8A; }

/* === jits-hover-redesign === */
/* JITS Hover Redesign — princip: sektioner har INGEN hover, kun klikbare elementer */
body .e-con:hover,
body .e-con-boxed:hover,
body .e-con-full:hover,
body .e-con.e-grid:hover,
body .e-con.e-grid > .e-con-boxed:hover,
body .e-con.e-grid > .e-con-inner:hover,
body .elementor-section:hover,
body .elementor-column:hover,
body .elementor-widget:hover,
body .elementor-widget-container:hover,
body .elementor-widget-wrap:hover,
body .elementor-element:hover {
    box-shadow: none !important;
    transform: none !important;
    -webkit-transform: none !important;
    text-shadow: none !important;
}
body h1:hover, body h2:hover, body h3:hover, body h4:hover, body h5:hover, body h6:hover,
body .elementor-heading-title:hover {
    text-shadow: none !important;
    transform: none !important;
    box-shadow: none !important;
}
#site-header .custom-logo:hover,
#site-header .site-logo:hover,
#site-header .site-logo a:hover {
    transform: none !important;
    box-shadow: none !important;
    filter: none !important;
}
.elementor-animation-grow:active,
.elementor-animation-grow:focus,
.elementor-animation-grow:hover,
.elementor-animation-bob:hover,
.elementor-animation-pulse:hover,
.elementor-animation-pop:hover,
.elementor-animation-push:hover {
    transform: none !important;
    animation: none !important;
}
/* Behold subtil hover KUN på direkte klikbare elementer */
a:hover,
button:not(.elementor-button-link):hover {
    opacity: 0.92;
    transition: opacity 0.2s ease;
}
/* Bevidste CTA-knapper i header — subtil lift bevares */
#site-header .menu-item-310 > a:hover,
#site-header .menu-item-336 > a:hover,
#site-header a[href*="/fjernsupport"]:hover,
#site-header a[href*="/book"]:hover {
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 12px rgba(30, 58, 138, 0.15) !important;
    opacity: 1;
}
/* Service-cards med link — kun border-skift, ingen lift */
body .e-con.e-grid .e-con-boxed:has(a):hover {
    border-color: rgba(30, 58, 138, 0.15) !important;
}
.jits-br-card:hover {
    box-shadow: none !important;
    transform: none !important;
}
.woocommerce ul.products li.product:hover {
    transform: none !important;
    box-shadow: 0 2px 8px rgba(15, 23, 42, 0.04) !important;
}
.jits-tcard:hover {
    box-shadow: none !important;
    transform: none !important;
}

/* === END SNIPPET 518 RESCUE === */
		
/* === FIX: Hvid plads over hero på undersider (#28) === */
/* HTML-widgets der KUN indeholder [style]-injection skaber tom plads.
   Skjul dem komplet — Elementor renderer dem alligevel som tomme div'er. */
body:not(.home) .elementor-widget-html:has(> .elementor-widget-container > style:only-child),
body:not(.home) .elementor-widget-html:has(> style:only-child) {
    display: none !important;
}

/* Fallback for browsere uden :has() support (Firefox før 121, Safari før 15.4) */
/* Vi bruger en mere generel tilgang: Hvis HTML-widget container er tom (kun har [style]), 
   så skjul den. Da Elementor wrap'er [style] i .elementor-widget-container,
   kan vi tjekke om container kun har [style] som direct child. */
body:not(.home) .elementor-widget-html .elementor-widget-container:has(> style:only-child) {
    display: none !important;
}

/* Hard fallback: Skjul HTML-widgets med kun whitespace+style (ingen :has support) */
body:not(.home) .elementor-widget-html {
    /* Hvis widget kun renderer [style] indenfor, så er :empty-ish.
       Vi targetterer specifikt 0-height kun-style widgets ved at fjerne deres min-height/padding */
}
body:not(.home) .elementor-widget.elementor-widget-html:not(:has(*:not(style):not(.elementor-widget-container))) {
    margin: 0 !important;
    padding: 0 !important;
    min-height: 0 !important;
}

/* Force: alle Elementor-widgets der kun har [style] i container = højde 0 */
body:not(.home) .elementor-widget-html .elementor-widget-container {
    /* Hvis container kun indeholder [style], sæt høj 0 */
}
body:not(.home) .elementor-widget-html > .elementor-widget-container:has(> style:only-child) {
    display: none !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Nedarvet hvid plads-killer: page-content under main har potentielt margin/padding */
body:not(.home) main > .page-content,
body:not(.home) main .page-content {
    margin-top: 0 !important;
    padding-top: 0 !important;
}
body:not(.home) main {
    margin-top: 0 !important;
    padding-top: 0 !important;
}
/* === END HVID PLADS FIX === */

/* === MIN-KURV / KASSE / MIN-KONTO STYLING (#23) v3 — kompakt hero === */

/* Hide page-header on all WC flow pages */
body.woocommerce-cart .page-header,
body.woocommerce-checkout .page-header,
body.woocommerce-account .page-header,
body.page-id-546 .page-header,
body.page-id-553 .page-header,
body.page-id-554 .page-header {
    display: none !important;
}

body.woocommerce-cart main.site-main,
body.woocommerce-checkout main.site-main,
body.woocommerce-account main.site-main,
body.page-id-546 main.site-main,
body.page-id-553 main.site-main,
body.page-id-554 main.site-main {
    padding: 0 !important;
    max-width: none !important;
    margin: 0 !important;
}

body.woocommerce-cart .page-content,
body.woocommerce-checkout .page-content,
body.woocommerce-account .page-content,
body.page-id-546 .page-content,
body.page-id-553 .page-content,
body.page-id-554 .page-content {
    padding: 0 !important;
    margin: 0 !important;
}

/* Light hero — kompakt højde matcher subpages bedre */
body.woocommerce-cart .page-content::before,
body.woocommerce-checkout .page-content::before,
body.woocommerce-account .page-content::before {
    display: flex !important;
    align-items: center;
    justify-content: center;
    background-image: linear-gradient(180deg, #DBEAFE 0%, #FFFFFF 100%);
    color: #0F172A;
    font-family: "Fraunces", Georgia, serif;
    font-weight: 600;
    font-size: clamp(32px, 4vw, 48px);
    line-height: 1.1;
    text-align: center;
    padding: 56px 24px 40px;
    margin-bottom: 0;
    letter-spacing: -0.02em;
    min-height: 0;
    box-sizing: border-box;
}

body.woocommerce-cart .page-content::before {
    content: "Indkøbskurv";
}
body.woocommerce-checkout .page-content::before {
    content: "Til kassen";
}
body.woocommerce-account .page-content::before {
    content: "Min konto";
}

@media (max-width: 768px) {
    body.woocommerce-cart .page-content::before,
    body.woocommerce-checkout .page-content::before,
    body.woocommerce-account .page-content::before {
        padding: 40px 20px 28px;
    }
}

/* Wrapper for WC content — clean centered card */
body.woocommerce-cart .page-content > .woocommerce,
body.woocommerce-checkout .page-content > .woocommerce,
body.woocommerce-account .page-content > .woocommerce {
    max-width: 1080px;
    margin: 0 auto 80px;
    padding: 48px 32px;
    background: #FFFFFF;
    position: relative;
}

@media (max-width: 768px) {
    body.woocommerce-cart .page-content > .woocommerce,
    body.woocommerce-checkout .page-content > .woocommerce,
    body.woocommerce-account .page-content > .woocommerce {
        margin: 0 auto 40px;
        padding: 24px 20px;
    }
}

/* === EMPTY CART STATE === */
body.woocommerce-cart .wc-empty-cart-message {
    text-align: center;
    margin: 0 0 32px;
}

body.woocommerce-cart .cart-empty.woocommerce-info {
    background: transparent !important;
    border: none !important;
    padding: 24px 0 !important;
    color: #0F172A !important;
    font-family: "IBM Plex Sans", system-ui, sans-serif !important;
    font-size: 18px !important;
    font-weight: 400 !important;
    text-align: center !important;
}

body.woocommerce-cart .cart-empty.woocommerce-info::before {
    content: "";
    display: block;
    width: 64px;
    height: 64px;
    margin: 0 auto 24px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMUUzQThBIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBvcGFjaXR5PSIwLjQiPjxjaXJjbGUgY3g9IjgiIGN5PSIyMSIgcj0iMSIvPjxjaXJjbGUgY3g9IjE5IiBjeT0iMjEiIHI9IjEiLz48cGF0aCBkPSJNMi4wNSAyLjA1aDJsMi42NiAxMi40MmEyIDIgMCAwIDAgMiAxLjU4aDkuNzhhMiAyIDAgMCAwIDEuOTUtMS41N2wxLjY1LTcuNDNINS4xMiIvPjwvc3ZnPg==");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    opacity: 0.7;
}

body.woocommerce-cart .return-to-shop {
    text-align: center;
    margin: 32px 0 0 !important;
}

body.woocommerce-cart .return-to-shop .button.wc-backward,
body.woocommerce a.button.wc-backward {
    display: inline-block;
    background: #1E3A8A !important;
    color: #FFFFFF !important;
    font-family: "IBM Plex Sans", system-ui, sans-serif !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    text-decoration: none !important;
    padding: 14px 32px !important;
    border-radius: 999px !important;
    border: none !important;
    transition: background-color 0.2s ease, transform 0.15s ease, box-shadow 0.2s ease !important;
    letter-spacing: 0.01em;
    box-shadow: 0 2px 8px rgba(30, 58, 138, 0.2) !important;
}

body.woocommerce-cart .return-to-shop .button.wc-backward:hover,
body.woocommerce a.button.wc-backward:hover {
    background: #3B82F6 !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 12px rgba(30, 58, 138, 0.3) !important;
}

/* === CART TABLE === */
body.woocommerce-cart table.shop_table {
    border: none !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    width: 100% !important;
    margin: 0 0 32px !important;
}

body.woocommerce-cart table.shop_table thead th {
    background: rgba(30, 58, 138, 0.04) !important;
    color: #0F172A !important;
    font-family: "Fraunces", Georgia, serif !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
    padding: 16px 12px !important;
    border: none !important;
    border-bottom: 2px solid rgba(30, 58, 138, 0.1) !important;
}

body.woocommerce-cart table.shop_table tbody td {
    padding: 20px 12px !important;
    border: none !important;
    border-bottom: 1px solid rgba(15, 23, 42, 0.06) !important;
    color: #0F172A !important;
    font-family: "IBM Plex Sans", system-ui, sans-serif !important;
    vertical-align: middle !important;
}

body.woocommerce-cart table.shop_table .product-thumbnail img {
    border-radius: 8px !important;
    max-width: 80px !important;
    height: auto !important;
}

body.woocommerce-cart table.shop_table .product-name a {
    color: #1E3A8A !important;
    text-decoration: none !important;
    font-weight: 500 !important;
}

body.woocommerce-cart table.shop_table .product-name a:hover {
    color: #3B82F6 !important;
    text-decoration: underline !important;
}

body.woocommerce-cart table.shop_table .product-price,
body.woocommerce-cart table.shop_table .product-subtotal {
    font-variant-numeric: tabular-nums !important;
    color: #0F172A !important;
}

body.woocommerce-cart .quantity input.qty,
body.woocommerce-checkout input.input-text {
    padding: 10px 12px !important;
    border: 1px solid rgba(15, 23, 42, 0.15) !important;
    border-radius: 8px !important;
    font-family: "IBM Plex Sans", system-ui, sans-serif !important;
    font-size: 15px !important;
    background: #FFFFFF !important;
    transition: border-color 0.15s ease, box-shadow 0.15s ease !important;
}

body.woocommerce-cart .quantity input.qty {
    width: 70px !important;
    text-align: center !important;
}

body.woocommerce-cart .quantity input.qty:focus,
body.woocommerce-checkout input.input-text:focus,
body.woocommerce-account input.input-text:focus,
body.woocommerce-account input.input:focus {
    border-color: #3B82F6 !important;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.15) !important;
    outline: none !important;
}

body.woocommerce-cart .product-remove a.remove {
    color: rgba(168, 39, 57, 0.6) !important;
    background: transparent !important;
    width: 28px !important;
    height: 28px !important;
    line-height: 28px !important;
    border-radius: 50% !important;
    font-size: 18px !important;
    transition: background-color 0.15s ease, color 0.15s ease !important;
}

body.woocommerce-cart .product-remove a.remove:hover {
    background: rgba(168, 39, 57, 0.1) !important;
    color: #A82739 !important;
}

body.woocommerce-cart .actions {
    padding: 24px 0 !important;
    background: transparent !important;
    border: none !important;
}

body.woocommerce-cart .coupon {
    display: flex !important;
    gap: 8px !important;
    align-items: center !important;
    flex-wrap: wrap !important;
}

body.woocommerce-cart .coupon input.input-text {
    padding: 12px 16px !important;
    border: 1px solid rgba(15, 23, 42, 0.15) !important;
    border-radius: 8px !important;
    font-family: "IBM Plex Sans", system-ui, sans-serif !important;
    font-size: 15px !important;
    flex: 1 1 200px !important;
    min-width: 0 !important;
}

body.woocommerce-cart .coupon button[name="apply_coupon"],
body.woocommerce-cart button[name="update_cart"] {
    background: transparent !important;
    color: #1E3A8A !important;
    border: 1px solid #1E3A8A !important;
    padding: 12px 24px !important;
    border-radius: 999px !important;
    font-family: "IBM Plex Sans", system-ui, sans-serif !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
}

body.woocommerce-cart .coupon button[name="apply_coupon"]:hover,
body.woocommerce-cart button[name="update_cart"]:hover {
    background: #1E3A8A !important;
    color: #FFFFFF !important;
}

/* Cart totals */
body.woocommerce-cart .cart-collaterals {
    margin-top: 32px !important;
}

body.woocommerce-cart .cart-collaterals .cart_totals {
    background: rgba(30, 58, 138, 0.03) !important;
    border: 1px solid rgba(30, 58, 138, 0.1) !important;
    border-radius: 12px !important;
    padding: 24px 28px !important;
    width: 100% !important;
    max-width: 460px !important;
    margin-left: auto !important;
}

body.woocommerce-cart .cart-collaterals .cart_totals h2 {
    font-family: "Fraunces", Georgia, serif !important;
    font-weight: 600 !important;
    font-size: 22px !important;
    margin: 0 0 16px !important;
    color: #0F172A !important;
}

body.woocommerce-cart .cart-collaterals .cart_totals table {
    border: none !important;
    width: 100% !important;
}

body.woocommerce-cart .cart-collaterals .cart_totals th,
body.woocommerce-cart .cart-collaterals .cart_totals td {
    padding: 12px 0 !important;
    border-bottom: 1px solid rgba(15, 23, 42, 0.08) !important;
    background: transparent !important;
    font-family: "IBM Plex Sans", system-ui, sans-serif !important;
}

body.woocommerce-cart .cart-collaterals .cart_totals tr:last-child th,
body.woocommerce-cart .cart-collaterals .cart_totals tr:last-child td {
    border-bottom: none !important;
    padding-top: 16px !important;
    font-weight: 600 !important;
    font-size: 18px !important;
}

body.woocommerce-cart .wc-proceed-to-checkout {
    padding: 16px 0 0 !important;
    margin: 0 !important;
}

body.woocommerce-cart .wc-proceed-to-checkout .checkout-button,
body.woocommerce-checkout #place_order {
    background: #A82739 !important;
    color: #FFFFFF !important;
    font-family: "IBM Plex Sans", system-ui, sans-serif !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    padding: 16px 32px !important;
    border-radius: 999px !important;
    border: none !important;
    display: block !important;
    text-align: center !important;
    width: 100% !important;
    transition: background-color 0.2s ease, transform 0.15s ease, box-shadow 0.2s ease !important;
    letter-spacing: 0.01em !important;
    box-shadow: 0 2px 8px rgba(168, 39, 57, 0.2) !important;
    cursor: pointer !important;
}

body.woocommerce-cart .wc-proceed-to-checkout .checkout-button:hover,
body.woocommerce-checkout #place_order:hover {
    background: #8A1F2E !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 12px rgba(168, 39, 57, 0.35) !important;
}

/* === CHECKOUT PAGE === */
body.woocommerce-checkout .woocommerce-checkout {
    display: grid !important;
    grid-template-columns: 1fr 380px !important;
    gap: 40px !important;
    align-items: start !important;
}

@media (max-width: 900px) {
    body.woocommerce-checkout .woocommerce-checkout {
        grid-template-columns: 1fr !important;
    }
}

body.woocommerce-checkout #customer_details {
    display: block !important;
}

body.woocommerce-checkout #customer_details .col-1,
body.woocommerce-checkout #customer_details .col-2 {
    width: 100% !important;
    float: none !important;
    margin-bottom: 32px !important;
}

body.woocommerce-checkout h3 {
    font-family: "Fraunces", Georgia, serif !important;
    font-weight: 600 !important;
    font-size: 22px !important;
    margin: 0 0 20px !important;
    color: #0F172A !important;
    padding-bottom: 12px !important;
    border-bottom: 1px solid rgba(30, 58, 138, 0.1) !important;
}

body.woocommerce-checkout p.form-row label {
    font-family: "IBM Plex Sans", system-ui, sans-serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    color: #0F172A !important;
    margin-bottom: 6px !important;
    display: block !important;
}

body.woocommerce-checkout .form-row {
    margin-bottom: 16px !important;
}

body.woocommerce-checkout .select2-container .select2-selection {
    border: 1px solid rgba(15, 23, 42, 0.15) !important;
    border-radius: 8px !important;
    height: 44px !important;
    padding: 4px 8px !important;
}

body.woocommerce-checkout #order_review_heading,
body.woocommerce-checkout #order_review {
    grid-column: 2 !important;
    grid-row-start: 1 !important;
    grid-row-end: span 2 !important;
}

@media (max-width: 900px) {
    body.woocommerce-checkout #order_review_heading,
    body.woocommerce-checkout #order_review {
        grid-column: 1 !important;
        grid-row: auto !important;
    }
}

body.woocommerce-checkout #order_review {
    background: rgba(30, 58, 138, 0.03) !important;
    border: 1px solid rgba(30, 58, 138, 0.1) !important;
    border-radius: 12px !important;
    padding: 24px !important;
    position: sticky !important;
    top: 100px !important;
}

body.woocommerce-checkout #order_review_heading {
    margin: 0 0 16px !important;
}

body.woocommerce-checkout #payment {
    background: transparent !important;
    margin-top: 16px !important;
}

body.woocommerce-checkout #payment ul.payment_methods {
    background: #FFFFFF !important;
    border: 1px solid rgba(15, 23, 42, 0.08) !important;
    border-radius: 8px !important;
    padding: 12px !important;
    list-style: none !important;
}

body.woocommerce-checkout #payment ul.payment_methods li {
    padding: 8px 4px !important;
    border-bottom: 1px solid rgba(15, 23, 42, 0.06) !important;
}

body.woocommerce-checkout #payment ul.payment_methods li:last-child {
    border-bottom: none !important;
}

/* === MY ACCOUNT PAGE === */
body.woocommerce-account .woocommerce-MyAccount-navigation {
    width: 240px !important;
    float: left !important;
    margin-right: 32px !important;
}

@media (max-width: 768px) {
    body.woocommerce-account .woocommerce-MyAccount-navigation {
        width: 100% !important;
        float: none !important;
        margin-right: 0 !important;
        margin-bottom: 24px !important;
    }
}

body.woocommerce-account .woocommerce-MyAccount-navigation ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    background: rgba(30, 58, 138, 0.03) !important;
    border-radius: 12px !important;
    overflow: hidden !important;
}

body.woocommerce-account .woocommerce-MyAccount-navigation ul li {
    border-bottom: 1px solid rgba(15, 23, 42, 0.06) !important;
}

body.woocommerce-account .woocommerce-MyAccount-navigation ul li:last-child {
    border-bottom: none !important;
}

body.woocommerce-account .woocommerce-MyAccount-navigation ul li a {
    display: block !important;
    padding: 14px 18px !important;
    color: #0F172A !important;
    text-decoration: none !important;
    font-family: "IBM Plex Sans", system-ui, sans-serif !important;
    font-size: 15px !important;
    transition: background-color 0.15s ease, color 0.15s ease !important;
}

body.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a,
body.woocommerce-account .woocommerce-MyAccount-navigation ul li a:hover {
    background: rgba(30, 58, 138, 0.08) !important;
    color: #1E3A8A !important;
    font-weight: 500 !important;
}

body.woocommerce-account .woocommerce-MyAccount-content {
    overflow: hidden !important;
    font-family: "IBM Plex Sans", system-ui, sans-serif !important;
}

body.woocommerce-account .woocommerce-MyAccount-content h2,
body.woocommerce-account .woocommerce-MyAccount-content h3 {
    font-family: "Fraunces", Georgia, serif !important;
    font-weight: 600 !important;
    color: #0F172A !important;
    margin: 0 0 16px !important;
}

body.woocommerce-account form.woocommerce-form-login,
body.woocommerce-account form.woocommerce-form-register,
body.woocommerce-account form.woocommerce-EditAccountForm,
body.woocommerce-account form.woocommerce-form {
    background: rgba(30, 58, 138, 0.02) !important;
    border: 1px solid rgba(30, 58, 138, 0.1) !important;
    border-radius: 12px !important;
    padding: 32px !important;
    max-width: 480px !important;
}

body.woocommerce-account .woocommerce-Button,
body.woocommerce-account button.woocommerce-button,
body.woocommerce-account button[type="submit"] {
    background: #1E3A8A !important;
    color: #FFFFFF !important;
    font-family: "IBM Plex Sans", system-ui, sans-serif !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    padding: 12px 28px !important;
    border-radius: 999px !important;
    border: none !important;
    cursor: pointer !important;
    transition: background-color 0.2s ease, transform 0.15s ease !important;
}

body.woocommerce-account .woocommerce-Button:hover,
body.woocommerce-account button.woocommerce-button:hover,
body.woocommerce-account button[type="submit"]:hover {
    background: #3B82F6 !important;
    transform: translateY(-1px) !important;
}

/* Mobile cart table stacking */
@media (max-width: 640px) {
    body.woocommerce-cart table.shop_table thead {
        display: none !important;
    }
    body.woocommerce-cart table.shop_table tbody tr {
        display: block !important;
        margin-bottom: 16px !important;
        padding: 16px !important;
        background: rgba(30, 58, 138, 0.02) !important;
        border-radius: 12px !important;
    }
    body.woocommerce-cart table.shop_table tbody td {
        display: flex !important;
        justify-content: space-between !important;
        align-items: center !important;
        padding: 8px 0 !important;
        border: none !important;
    }
    body.woocommerce-cart table.shop_table tbody td::before {
        content: attr(data-title) !important;
        font-weight: 500 !important;
        color: rgba(15, 23, 42, 0.6) !important;
        font-size: 13px !important;
        text-transform: uppercase !important;
        letter-spacing: 0.05em !important;
    }
    body.woocommerce-cart .cart-collaterals .cart_totals {
        margin: 24px 0 0 !important;
        max-width: none !important;
    }
}

/* Notices on all WC pages */
body.woocommerce-cart .woocommerce-notices-wrapper,
body.woocommerce-checkout .woocommerce-notices-wrapper,
body.woocommerce-account .woocommerce-notices-wrapper {
    margin-bottom: 16px !important;
}

body.woocommerce-cart .woocommerce-message,
body.woocommerce-cart .woocommerce-error,
body.woocommerce-cart .woocommerce-info:not(.cart-empty),
body.woocommerce-checkout .woocommerce-message,
body.woocommerce-checkout .woocommerce-error,
body.woocommerce-checkout .woocommerce-info,
body.woocommerce-account .woocommerce-message,
body.woocommerce-account .woocommerce-error,
body.woocommerce-account .woocommerce-info {
    background: #FFFFFF !important;
    border-left: 4px solid #1E3A8A !important;
    border-radius: 8px !important;
    padding: 22px 24px 20px !important;
    margin: 0 0 16px !important;
    font-family: "IBM Plex Sans", system-ui, sans-serif !important;
    color: #0F172A !important;
    box-shadow: 0 2px 8px rgba(15, 23, 42, 0.04) !important;
    list-style: none !important;
}

body.woocommerce-cart .woocommerce-error,
body.woocommerce-checkout .woocommerce-error,
body.woocommerce-account .woocommerce-error {
    border-left-color: #A82739 !important;
}

/* === END WC FLOW STYLING === */
				
/* === MOBILE POLISH (#27) === */

/* Header fixes for mobile */
@media (max-width: 920px) {
    #site-header,
    #site-header.site-header {
        padding: 12px 16px !important;
        min-height: 64px !important;
        gap: 12px !important;
    }
    #site-header .header-inner {
        padding: 0 !important;
        gap: 12px !important;
    }
    #site-header .custom-logo,
    #site-header .site-logo img {
        max-height: 40px !important;
    }
    /* Hide site description on mobile */
    #site-header .site-description {
        display: none !important;
    }
    /* Hide Hello Elementor's default mobile menu toggle (we use ours) */
    #site-header .site-navigation-toggle-holder,
    #site-header .site-navigation-dropdown,
    #site-header button.site-navigation-toggle {
        display: none !important;
    }
    /* Make sure body doesn't have left/right margin */
    body { overflow-x: hidden !important; }
}

/* Push content below fixed header on mobile */
@media (max-width: 920px) {
    body > .elementor,
    body main.site-main,
    body > .page-content {
        padding-top: 64px !important;
    }
    body.admin-bar > .elementor,
    body.admin-bar main.site-main {
        padding-top: 110px !important;
    }
}

/* WC pages — remove padding-top conflict from earlier rule */
@media (max-width: 920px) {
    body.woocommerce-cart .page-content::before,
    body.woocommerce-checkout .page-content::before,
    body.woocommerce-account .page-content::before {
        padding: 32px 20px 24px !important;
        font-size: clamp(28px, 6vw, 36px) !important;
    }
    body.woocommerce-cart .page-content > .woocommerce,
    body.woocommerce-checkout .page-content > .woocommerce,
    body.woocommerce-account .page-content > .woocommerce {
        padding: 24px 16px !important;
        margin: 0 !important;
    }
    /* WC pages: body has padding-top via .page-content */
    body.woocommerce-cart main.site-main,
    body.woocommerce-checkout main.site-main,
    body.woocommerce-account main.site-main {
        padding-top: 64px !important;
    }
}

/* Empty cart message — STACK vertically not side-by-side */
@media (max-width: 640px) {
    body.woocommerce-cart .cart-empty.woocommerce-info {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        text-align: center !important;
        padding: 16px !important;
    }
}
/* Even desktop — center the empty state */
body.woocommerce-cart .cart-empty.woocommerce-info {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
}
body.woocommerce-cart .cart-empty.woocommerce-info::before {
    margin: 0 auto 20px !important;
}

/* Login form — fix overflow and improve label visibility */
@media (max-width: 920px) {
    body.woocommerce-account form.woocommerce-form-login,
    body.woocommerce-account form.woocommerce-form-register,
    body.woocommerce-account form.woocommerce-form {
        max-width: 100% !important;
        padding: 20px !important;
        box-sizing: border-box !important;
    }
    body.woocommerce-account input.input-text,
    body.woocommerce-account input.woocommerce-Input,
    body.woocommerce-account input[type="text"],
    body.woocommerce-account input[type="email"],
    body.woocommerce-account input[type="password"] {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
        padding: 12px 14px !important;
        border: 1px solid rgba(15, 23, 42, 0.2) !important;
        border-radius: 8px !important;
        font-size: 16px !important; /* prevent iOS zoom */
    }
    body.woocommerce-account label {
        font-size: 14px !important;
        color: #0F172A !important;
        font-weight: 500 !important;
        display: block !important;
        margin-bottom: 6px !important;
    }
    body.woocommerce-account .woocommerce-form-row {
        margin-bottom: 16px !important;
    }
    /* "Husk mig" inline */
    body.woocommerce-account .woocommerce-form__label-for-checkbox {
        display: inline-flex !important;
        align-items: center !important;
        gap: 8px !important;
        margin-left: 12px !important;
        font-weight: 400 !important;
    }
    /* Lost password link */
    body.woocommerce-account .lost_password {
        margin-top: 12px !important;
    }
    body.woocommerce-account .lost_password a {
        color: #1E3A8A !important;
        font-weight: 500 !important;
    }
    /* "Log ind" heading - make visible */
    body.woocommerce-account .woocommerce-MyAccount-content h2,
    body.woocommerce-account h2 {
        color: #0F172A !important;
        opacity: 1 !important;
        font-size: 20px !important;
        margin: 0 0 16px !important;
    }
}

/* Shop page — reduce hero padding on mobile */
@media (max-width: 768px) {
    body.woocommerce-shop .elementor-element[data-id="5962644"],
    body.woocommerce-shop main.site-main {
        padding-top: 64px !important;
    }
}

/* Single product page — fix add to cart layout on mobile */
@media (max-width: 640px) {
    body.single-product div.product .summary {
        padding: 16px !important;
    }
    body.single-product .quantity {
        margin-bottom: 12px !important;
    }
    body.single-product .single_add_to_cart_button {
        width: 100% !important;
        padding: 14px 24px !important;
        background: #1E3A8A !important;
        color: #FFFFFF !important;
        border-radius: 999px !important;
        font-weight: 600 !important;
        border: none !important;
    }
    body.single-product .single_add_to_cart_button:hover {
        background: #3B82F6 !important;
    }
    body.single-product .product_meta { margin-top: 16px !important; font-size: 13px !important; color: rgba(15,23,42,0.6) !important; }
}

/* Cookie banner shouldn't cover content on first scroll */
.cky-consent-container {
    z-index: 9999 !important;
}

/* === END MOBILE POLISH === */
						
/* === SHOP CATEGORIES (#29) === */
.jits-shop-hero {
  background: linear-gradient(180deg, #DBEAFE 0%, #FFFFFF 100%);
  padding: 64px 24px 32px;
  text-align: center;
  margin: 0 0 32px;
}
.jits-shop-hero-inner {
  max-width: 1200px;
  margin: 0 auto;
}
.jits-shop-hero-eyebrow {
  display: inline-block;
  font-family: 'IBM Plex Sans', sans-serif;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.12em;
  color: #1E3A8A;
  background: rgba(30, 58, 138, 0.08);
  padding: 6px 16px;
  border-radius: 999px;
  margin-bottom: 16px;
}
.jits-shop-hero h1 {
  font-family: 'Fraunces', Georgia, serif;
  font-size: clamp(32px, 4.5vw, 52px);
  font-weight: 600;
  color: #0F172A;
  margin: 0 0 12px;
  line-height: 1.15;
  letter-spacing: -0.01em;
}
.jits-shop-hero h1 em {
  font-style: italic;
  color: #1E3A8A;
}
.jits-shop-hero p {
  font-family: 'IBM Plex Sans', sans-serif;
  font-size: 17px;
  color: #475569;
  max-width: 680px;
  margin: 0 auto;
  line-height: 1.55;
}

.jits-cat-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
  max-width: 1280px;
  margin: 0 auto 48px;
  padding: 0 24px;
}
.jits-cat-grid > a.jits-cat-card {
  flex: 1 1 calc(33.333% - 16px);
  min-width: 280px;
}
@media (max-width: 920px) {
  .jits-cat-grid { gap: 16px; padding: 0 16px; }
  .jits-cat-grid > a.jits-cat-card { flex: 1 1 100%; }
}
/* Hide empty p tags wpautop inserts between cards */
.jits-cat-grid > p { display: none !important; }
.jits-cat-card {
  display: block !important;
  background: #FFFFFF;
  border: 1px solid rgba(15, 23, 42, 0.06) !important;
  border-radius: 16px;
  overflow: hidden;
  text-decoration: none !important;
  transition: all 0.25s ease;
  box-shadow: 0 2px 8px rgba(15, 23, 42, 0.04);
  position: relative;
}
.jits-cat-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 32px rgba(30, 58, 138, 0.12);
  border-color: rgba(30, 58, 138, 0.2) !important;
}
.jits-cat-card-image {
  display: block;
  width: 100%;
  aspect-ratio: 4/3;
  background-size: cover;
  background-position: center;
}
.jits-cat-card-body {
  padding: 24px 24px 28px;
}
.jits-cat-card-eyebrow {
  display: block;
  font-family: 'IBM Plex Sans', sans-serif;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.1em;
  color: #3B82F6;
  text-transform: uppercase;
  margin-bottom: 6px;
}
.jits-cat-card h3 {
  font-family: 'Fraunces', Georgia, serif;
  font-size: 24px !important;
  font-weight: 600;
  color: #0F172A !important;
  margin: 0 0 8px !important;
  letter-spacing: -0.01em;
}
.jits-cat-card p {
  font-family: 'IBM Plex Sans', sans-serif;
  font-size: 14px;
  line-height: 1.55;
  color: #64748B;
  margin: 0 0 16px;
}
.jits-cat-card-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-family: 'IBM Plex Sans', sans-serif;
  font-size: 14px;
  font-weight: 600;
  color: #1E3A8A;
}
.jits-cat-card:hover .jits-cat-card-link { gap: 10px; }
.jits-cat-card-link::after {
  content: '→';
  transition: transform 0.2s ease;
}

.jits-cat-divider {
  max-width: 1280px;
  margin: 24px auto 32px;
  padding: 0 24px;
}
.jits-cat-divider-inner {
  border-top: 1px solid rgba(15, 23, 42, 0.08);
  padding-top: 32px;
  text-align: center;
}
.jits-cat-divider h2 {
  font-family: 'Fraunces', Georgia, serif;
  font-size: 28px;
  font-weight: 600;
  color: #0F172A !important;
  margin: 0 0 8px !important;
  letter-spacing: -0.01em;
}
.jits-cat-divider p {
  font-family: 'IBM Plex Sans', sans-serif;
  font-size: 15px;
  color: #64748B;
  margin: 0;
}

/* Hide WC's auto-generated "Shop" page-title above our hero */
body.woocommerce-shop .woocommerce-products-header__title.page-title,
body.woocommerce-shop h1.page-title { display: none !important; }

/* === CATEGORY ARCHIVE PAGES (#30) === */
/* Pretty hero on category archive pages */
body.tax-product_cat .woocommerce-products-header {
  background: linear-gradient(180deg, #DBEAFE 0%, #FFFFFF 100%);
  padding: 64px 24px 48px;
  text-align: center;
  margin: 0 0 32px;
  position: relative;
}
body.tax-product_cat .woocommerce-products-header::before {
  content: 'JITS SHOP · KATEGORI';
  display: inline-block;
  font-family: 'IBM Plex Sans', sans-serif;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.12em;
  color: #1E3A8A;
  background: rgba(30, 58, 138, 0.08);
  padding: 6px 16px;
  border-radius: 999px;
  margin-bottom: 16px;
}
body.tax-product_cat .woocommerce-products-header__title.page-title {
  font-family: 'Fraunces', Georgia, serif;
  font-size: clamp(32px, 4.5vw, 48px) !important;
  font-weight: 600 !important;
  color: #0F172A !important;
  margin: 0 0 12px !important;
  line-height: 1.15;
  letter-spacing: -0.01em;
  display: block !important;
}
body.tax-product_cat .term-description {
  font-family: 'IBM Plex Sans', sans-serif;
  font-size: 16px;
  color: #475569;
  max-width: 680px;
  margin: 0 auto;
  line-height: 1.55;
}
body.tax-product_cat .term-description p {
  margin: 0;
  color: inherit;
}

/* Empty category state — pretty card with back-to-shop CTA */
body.tax-product_cat .woocommerce-info {
  max-width: 600px;
  margin: 48px auto;
  padding: 40px 24px;
  background: #FFFFFF;
  border: 1px solid rgba(15, 23, 42, 0.06);
  border-radius: 16px;
  box-shadow: 0 2px 8px rgba(15, 23, 42, 0.04);
  text-align: center;
  font-family: 'IBM Plex Sans', sans-serif;
  font-size: 16px;
  color: #475569;
  border-left: none !important;
  position: relative;
}
body.tax-product_cat .woocommerce-info::before {
  content: '📦';
  display: block;
  font-size: 48px;
  margin-bottom: 16px;
  position: static !important;
  color: inherit !important;
  background: none !important;
}
body.tax-product_cat .woocommerce-info::after {
  content: 'Vi arbejder på at få produkter klar i denne kategori. Kontakt os hvis du leder efter noget specifikt.';
  display: block;
  font-size: 14px;
  color: #64748B;
  margin-top: 12px;
}

/* Shop link below empty message */
body.tax-product_cat ul.products:empty + .woocommerce-info,
body.tax-product_cat .woocommerce-info {
  margin-bottom: 80px;
}

/* Product list spacing */
body.tax-product_cat ul.products {
  padding: 0 24px !important;
  margin: 0 auto 48px !important;
  max-width: 1280px !important;
}

/* === END CATEGORY ARCHIVE === */
/* Fix wpautop adding empty p inside first card (Hardware) */
html body .jits-cat-grid > a.jits-cat-card > p:empty,
html body .jits-cat-grid > a.jits-cat-card > p:first-child:not(:has(*)),
html body .jits-cat-grid > a.jits-cat-card > p:first-child {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 0 !important;
    line-height: 0 !important;
    font-size: 0 !important;
}

/* === END SHOP CATEGORIES === */


/* === ADDED-TO-CART LINK STYLING === */
/* "Se kurv" link efter Tilføj til kurv — gør det til en pæn sekundær knap */
html body ul.products li.product a.added_to_cart,
html body ul.products li.product a.added_to_cart.wc-forward {
    display: block !important;
    margin: 8px 0 0 !important;
    padding: 10px 14px !important;
    background: transparent !important;
    border: 1px solid #1E3A8A !important;
    border-radius: 8px !important;
    color: #1E3A8A !important;
    font-family: 'IBM Plex Sans', sans-serif !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    text-align: center !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
    box-shadow: none !important;
}
html body ul.products li.product a.added_to_cart::before {
    content: '✓ ' !important;
    color: #10B981 !important;
    font-weight: 600 !important;
    margin-right: 4px !important;
}
html body ul.products li.product a.added_to_cart:hover,
html body ul.products li.product a.added_to_cart.wc-forward:hover {
    background: #1E3A8A !important;
    color: #FFFFFF !important;
    transform: translateY(-1px) !important;
}
html body ul.products li.product a.added_to_cart:hover::before {
    color: #FFFFFF !important;
}
/* === END ADDED-TO-CART === */

/* === SHOP PRODUCT GRID (#31) === */
/* Remove WC clearfix pseudo elements that break grid layout (eats first cell) */
html body .woocommerce ul.products::before,
html body .woocommerce ul.products::after,
html body.woocommerce ul.products::before,
html body.woocommerce ul.products::after,
html body.woocommerce-page ul.products::before,
html body.woocommerce-page ul.products::after {
    display: none !important;
    content: none !important;
    width: 0 !important;
}

/* Clean 4-column grid for product list — overrides any prior conflicting rules */
html body .woocommerce ul.products,
html body.woocommerce ul.products,
html body.woocommerce-page ul.products {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 24px !important;
  width: 100% !important;
  max-width: 1280px !important;
  margin: 0 auto !important;
  padding: 0 24px !important;
  list-style: none;
}
html body .woocommerce ul.products > li.product,
html body.woocommerce ul.products > li.product,
html body.woocommerce-page ul.products > li.product {
  flex: none !important;
  width: auto !important;
  max-width: none !important;
  min-width: 0 !important;
  margin: 0 !important;
  clear: none !important;
}
@media (max-width: 1100px) {
  html body .woocommerce ul.products,
  html body.woocommerce ul.products,
  html body.woocommerce-page ul.products {
    grid-template-columns: repeat(3, 1fr) !important;
  }
}
@media (max-width: 820px) {
  html body .woocommerce ul.products,
  html body.woocommerce ul.products,
  html body.woocommerce-page ul.products {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 16px !important;
    padding: 0 16px !important;
  }
}
@media (max-width: 520px) {
  html body .woocommerce ul.products,
  html body.woocommerce ul.products,
  html body.woocommerce-page ul.products {
    grid-template-columns: 1fr !important;
  }
}
/* === END SHOP PRODUCT GRID === */

/* === Mobile menu nav: ensure proper viewport coverage === */
.jits-mobile-nav {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    max-width: 100vw !important;
    max-height: 100vh !important;
    overflow-y: auto !important;
}
.jits-mobile-nav.open .jits-mobile-menu {
    padding-bottom: 80px;
}

/* Submenu open state: beat .menu-item-has-children specificity */
.jits-mobile-menu li.menu-item-has-children.jits-submenu-open > ul.sub-menu,
.jits-mobile-menu li.jits-submenu-open > ul.sub-menu {
    max-height: 2000px !important;
    overflow: visible !important;
}

/* Mobile submenu: override Hello Elementor's hidden state */
.jits-mobile-menu .sub-menu {
    visibility: visible !important;
    opacity: 1 !important;
}
.jits-mobile-menu li.jits-submenu-open > .sub-menu,
.jits-mobile-menu li.menu-item-has-children.jits-submenu-open > .sub-menu {
    visibility: visible !important;
    opacity: 1 !important;
    display: block !important;
}
.jits-mobile-menu .sub-menu a {
    color: #CBD5E1 !important;
}

/* Mobile submenu: accordion (push down, not overlay) */
.jits-mobile-menu .sub-menu {
    position: static !important;
    width: 100% !important;
    background: rgba(0, 0, 0, 0.25) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    padding: 0 0 8px 16px !important;
    transform: none !important;
}
.jits-mobile-menu li.jits-submenu-open > .sub-menu {
    position: static !important;
}
.jits-mobile-menu .sub-menu li {
    position: static !important;
    width: 100% !important;
}
.jits-mobile-menu .sub-menu a {
    padding: 10px 16px !important;
    font-size: 14px !important;
    border-radius: 6px !important;
}/* === Override Max Mega Menu li padding === */
#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-megamenu li.mega-menu-column li.mega-menu-item {
    padding: 0 !important;
    margin: 0 !important;
}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-flyout > ul.mega-sub-menu > li.mega-menu-item {
    padding: 0 !important;
    margin: 0 !important;
}

/* === JITS MEGAMENU v3 START === */
/* ========================================================================
   JITS MEGAMENU — Production v3.0
   Max Mega Menu plugin — full grid layout for menu-1
   v3 fixer kolonne-width via -of-12 klasser + inner UL flex layout
   ======================================================================== */

/* === Top-level menu bar === */
#mega-menu-wrap-menu-1 {
    background-color: transparent !important;
    border: none !important;
    position: relative;
    z-index: 9999;
}

#mega-menu-wrap-menu-1 #mega-menu-menu-1 {
    background-color: transparent !important;
    padding: 0 !important;
}

/* Top-level items */
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link {
    font-family: 'IBM Plex Sans', system-ui, sans-serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 1 !important;
    color: #E2E8F0 !important;
    background: transparent !important;
    padding: 12px 16px !important;
    margin: 0 2px !important;
    border-radius: 6px !important;
    height: auto !important;
    letter-spacing: 0.01em !important;
    transition: color 200ms ease, background-color 200ms ease !important;
    position: relative;
}

#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link:hover,
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item.mega-toggle-on > a.mega-menu-link {
    color: #60A5FA !important;
    background: rgba(96, 165, 250, 0.08) !important;
}

#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link::after {
    content: '';
    position: absolute;
    left: 16px;
    right: 16px;
    bottom: 4px;
    height: 2px;
    background: #60A5FA;
    transform: scaleX(0);
    transform-origin: center;
    transition: transform 250ms cubic-bezier(0.4, 0, 0.2, 1);
}

#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link:hover::after,
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item.mega-toggle-on > a.mega-menu-link::after,
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link::after,
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item.mega-current-menu-parent > a.mega-menu-link::after {
    transform: scaleX(1);
}

/* Dropdown chevron */
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator {
    display: inline-block !important;
    margin-left: 6px !important;
    width: 10px !important;
    height: 10px !important;
    background: transparent !important;
    border: none !important;
    position: relative;
    top: 0;
    transition: transform 200ms ease;
}

#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator::before {
    content: '';
    position: absolute;
    top: 1px;
    left: 1px;
    width: 6px;
    height: 6px;
    border-right: 1.5px solid currentColor;
    border-bottom: 1.5px solid currentColor;
    transform: rotate(45deg);
    opacity: 0.7;
}

#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item-has-children.mega-toggle-on > a.mega-menu-link > span.mega-indicator {
    transform: rotate(180deg);
}

/* === MEGAMENU PANEL === */
#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-megamenu > ul.mega-sub-menu {
    background: #ffffff !important;
    border: none !important;
    border-radius: 12px !important;
    border-top: 3px solid #1E3A8A !important;
    box-shadow:
        0 20px 60px -10px rgba(10, 14, 26, 0.25),
        0 8px 24px -6px rgba(10, 14, 26, 0.15),
        0 0 0 1px rgba(15, 23, 42, 0.04) !important;
    padding: 28px 36px !important;
    margin-top: 0 !important;
    top: 100% !important;
    width: auto !important;
    max-width: 1100px !important;
    min-width: 720px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    position: absolute !important;
}
/* Hover-bridge fjernet — panelet er nu top:100% og hovers via :hover/:has direkte */

/* Mega menu rows */
#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row {
    width: 100% !important;
    display: block !important;
    float: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Inner UL inside row holds the columns - flex it */
#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 28px !important;
    padding: 0 !important;
    margin: 0 !important;
    width: 100% !important;
}

/* Column widths via -of-12 classes */
#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-megamenu .mega-menu-column.mega-menu-columns-2-of-12 {
    flex: 0 0 calc(16.66% - 24px) !important;
    min-width: 140px !important;
    float: none !important;
    width: auto !important;
}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-megamenu .mega-menu-column.mega-menu-columns-3-of-12 {
    flex: 0 0 calc(25% - 21px) !important;
    min-width: 160px !important;
    float: none !important;
    width: auto !important;
}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-megamenu .mega-menu-column.mega-menu-columns-4-of-12 {
    flex: 0 0 calc(33.33% - 19px) !important;
    min-width: 180px !important;
    float: none !important;
    width: auto !important;
}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-megamenu .mega-menu-column.mega-menu-columns-5-of-12 {
    flex: 0 0 calc(41.66% - 16px) !important;
    float: none !important;
    width: auto !important;
}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-megamenu .mega-menu-column.mega-menu-columns-6-of-12 {
    flex: 0 0 calc(50% - 14px) !important;
    float: none !important;
    width: auto !important;
}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-megamenu .mega-menu-column.mega-menu-columns-12-of-12 {
    flex: 0 0 100% !important;
    float: none !important;
    width: auto !important;
}

/* Column inner ul */
#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-megamenu li.mega-menu-column > ul.mega-sub-menu {
    padding: 14px 0 0 0 !important;
    margin: 0 !important;
    list-style: none !important;
}

/* Decorative top accent on each column */
#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-megamenu li.mega-menu-column {
    position: relative;
    padding: 0 !important;
}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-megamenu li.mega-menu-column::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 24px;
    height: 2px;
    background: #1E3A8A;
    border-radius: 2px;
    opacity: 0.6;
}

/* Override Max Mega Menu li padding */
#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-megamenu li.mega-menu-column li.mega-menu-item {
    padding: 0 !important;
    margin: 0 !important;
    list-style: none !important;
}

/* Column items as proper links */
#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-megamenu li.mega-menu-column li.mega-menu-item > a.mega-menu-link {
    font-family: 'IBM Plex Sans', system-ui, sans-serif !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    color: #334155 !important;
    background: transparent !important;
    padding: 8px 12px 8px 14px !important;
    margin: 1px 0 !important;
    border-radius: 6px !important;
    line-height: 1.4 !important;
    letter-spacing: 0 !important;
    transition: all 180ms ease !important;
    position: relative;
    display: flex !important;
    align-items: center !important;
    cursor: pointer !important;
}

#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-megamenu li.mega-menu-column li.mega-menu-item > a.mega-menu-link::before {
    content: '';
    display: inline-block;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: rgba(30, 58, 138, 0.30);
    margin-right: 10px;
    flex-shrink: 0;
    transition: all 180ms ease;
}

#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-megamenu li.mega-menu-column li.mega-menu-item > a.mega-menu-link:hover {
    color: #1E3A8A !important;
    background: rgba(96, 165, 250, 0.08) !important;
    font-weight: 500 !important;
    padding-left: 16px !important;
}

#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-megamenu li.mega-menu-column li.mega-menu-item > a.mega-menu-link:hover::before {
    background: #1E3A8A;
    width: 5px;
    height: 5px;
    box-shadow: 0 0 0 3px rgba(96, 165, 250, 0.15);
}

#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-megamenu li.mega-menu-column li.mega-menu-item.mega-current-menu-item > a.mega-menu-link {
    color: #1E3A8A !important;
    background: rgba(96, 165, 250, 0.10) !important;
    font-weight: 500 !important;
}

#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-megamenu li.mega-menu-column li.mega-menu-item.mega-current-menu-item > a.mega-menu-link::before {
    background: #1E3A8A;
}

/* === FLYOUT (single column) === */
#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-flyout > ul.mega-sub-menu {
    background: #ffffff !important;
    border: none !important;
    border-radius: 10px !important;
    border-top: 3px solid #1E3A8A !important;
    box-shadow:
        0 16px 48px -8px rgba(10, 14, 26, 0.22),
        0 6px 16px -4px rgba(10, 14, 26, 0.12),
        0 0 0 1px rgba(15, 23, 42, 0.04) !important;
    padding: 12px !important;
    margin-top: 8px !important;
    min-width: 240px !important;
}

#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-flyout > ul.mega-sub-menu > li.mega-menu-item {
    padding: 0 !important;
    margin: 0 !important;
}

#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-flyout > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link {
    font-family: 'IBM Plex Sans', system-ui, sans-serif !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    color: #334155 !important;
    padding: 10px 14px !important;
    border-radius: 6px !important;
    margin: 1px 0 !important;
    transition: all 180ms ease !important;
    background: transparent !important;
    display: flex !important;
    align-items: center !important;
}

#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-flyout > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link::before {
    content: '';
    display: inline-block;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: rgba(30, 58, 138, 0.30);
    margin-right: 10px;
    flex-shrink: 0;
    transition: all 180ms ease;
}

#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-flyout > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:hover {
    color: #1E3A8A !important;
    background: rgba(96, 165, 250, 0.08) !important;
    font-weight: 500 !important;
    padding-left: 18px !important;
}

#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-flyout > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:hover::before {
    background: #1E3A8A;
    width: 5px;
    height: 5px;
}

#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-flyout > ul.mega-sub-menu > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link {
    color: #1E3A8A !important;
    background: rgba(96, 165, 250, 0.10) !important;
    font-weight: 500 !important;
}

/* === Animation === */
@media only screen and (min-width: 769px) {
    #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item > ul.mega-sub-menu {
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        transition: opacity 220ms cubic-bezier(0.4, 0, 0.2, 1),
                    visibility 220ms;
    }
    /* Når panelet er åbent, skal det modtage musen igen */
    #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item.mega-toggle-on > ul.mega-sub-menu,
    #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-megamenu > a.mega-menu-link:hover + ul.mega-sub-menu,
    #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-megamenu > ul.mega-sub-menu:hover {
        pointer-events: auto;
    }
    #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-megamenu > ul.mega-sub-menu {
        transform: translateX(-50%) translateY(-8px);
    }
    #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-flyout > ul.mega-sub-menu {
        transform: translateY(-8px);
    }
    /* Megamenu trigger: KUN naar JS sætter .mega-toggle-on klassen */
    /* (ingen CSS :hover triggers — alt styres af jits-megamenu-fix JS) */
    #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu.mega-toggle-on > ul.mega-sub-menu {
        opacity: 1 !important;
        visibility: visible !important;
        transform: translateX(-50%) translateY(0) !important;
    }
    /* Flyout-menuer (sub-sub-menu): kun via .mega-toggle-on */
    #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-flyout.mega-toggle-on > ul.mega-sub-menu {
        opacity: 1 !important;
        visibility: visible !important;
        transform: translateY(0) !important;
    }
}

/* === MOBILE === */
@media only screen and (max-width: 768px) {
    #mega-menu-wrap-menu-1 .mega-menu-toggle {
        background: transparent !important;
        border: 1px solid rgba(255, 255, 255, 0.2) !important;
        border-radius: 6px !important;
        padding: 8px 12px !important;
        height: auto !important;
    }
    #mega-menu-wrap-menu-1 .mega-menu-toggle .mega-toggle-block-1 {
        color: #E2E8F0 !important;
    }
    #mega-menu-wrap-menu-1 .mega-menu-toggle .mega-toggle-animated-inner,
    #mega-menu-wrap-menu-1 .mega-menu-toggle .mega-toggle-animated-inner::before,
    #mega-menu-wrap-menu-1 .mega-menu-toggle .mega-toggle-animated-inner::after {
        background-color: #E2E8F0 !important;
    }

    #mega-menu-wrap-menu-1 #mega-menu-menu-1 {
        background: #0A0E1A !important;
        padding: 8px !important;
        border-radius: 0 0 12px 12px !important;
    }
    #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link {
        color: #E2E8F0 !important;
        padding: 14px 16px !important;
        font-size: 15px !important;
        border-bottom: 1px solid rgba(96, 165, 250, 0.08) !important;
        border-radius: 0 !important;
        margin: 0 !important;
    }
    #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-megamenu > ul.mega-sub-menu,
    #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-flyout > ul.mega-sub-menu {
        background: rgba(96, 165, 250, 0.04) !important;
        border-radius: 0 !important;
        border-top: none !important;
        box-shadow: none !important;
        padding: 8px 0 !important;
        margin: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        position: static !important;
        left: auto !important;
        transform: none !important;
    }
    #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu {
        display: block !important;
        gap: 0 !important;
    }
    #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-megamenu .mega-menu-column[class*="mega-menu-columns-"] {
        flex: none !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
    }
    #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-megamenu li.mega-menu-column::before {
        display: none !important;
    }
    #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-megamenu li.mega-menu-column li.mega-menu-item > a.mega-menu-link,
    #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-flyout > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link {
        color: #CBD5E1 !important;
        padding: 10px 24px !important;
    }
    #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-megamenu li.mega-menu-column li.mega-menu-item > a.mega-menu-link::before,
    #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-flyout > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link::before {
        display: none !important;
    }
    #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-megamenu li.mega-menu-column li.mega-menu-item > a.mega-menu-link:hover,
    #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-flyout > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:hover {
        background: rgba(96, 165, 250, 0.10) !important;
        padding-left: 24px !important;
        color: #60A5FA !important;
    }
}

/* End JITS Megamenu v3 */

/* === JITS MEGAMENU v3 END === */

/* === ELEMENTOR v4 FREE FIX: e-con block padding === */
.e-con {
  padding-block-start: var(--padding-top);
  padding-block-end: var(--padding-bottom);
}
/* === SLUT === */


/* === JITS MEGAMENU FEATURE CARDS START === */

/* 1) Wider panel */
#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-megamenu > ul.mega-sub-menu {
  width: 920px !important;
  max-width: 92vw !important;
}

/* 2) The OUTER row stays block; the INNER ul (inside the row) becomes our 4-col grid */
#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu {
  display: grid !important;
  grid-template-columns: minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) 280px !important;
  gap: 24px !important;
  width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* 3) Each column auto-width inside grid */
#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-column {
  width: auto !important;
  float: none !important;
  margin: 0 !important;
  min-width: 0 !important;
  padding: 0 !important;
}

/* 4) Feature card column */
#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-megamenu li.mega-menu-column.mega-jits-mm-cta {
  min-height: 240px !important;
  padding: 0 !important;
  position: relative !important;
}

#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-megamenu li.mega-menu-column.mega-jits-mm-cta > ul.mega-sub-menu {
  display: none !important;
}

#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-megamenu li.mega-menu-column.mega-jits-mm-cta::before {
  content: var(--jits-cta-eyebrow, "FEATURED") !important;
  position: absolute !important;
  top: 16px !important;
  left: 16px !important;
  z-index: 3 !important;
  font-family: 'IBM Plex Mono', monospace !important;
  font-size: 10px !important;
  letter-spacing: 0.15em !important;
  color: #FFFFFF !important;
  text-transform: uppercase !important;
  font-weight: 500 !important;
  padding: 4px 8px !important;
  background: rgba(59,130,246,0.92) !important;
  border-radius: 4px !important;
  display: inline-block !important;
  width: auto !important;
  height: auto !important;
  visibility: visible !important;
  pointer-events: none !important;
  box-sizing: border-box !important;
  opacity: 1 !important;
}

#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-megamenu li.mega-menu-column.mega-jits-mm-cta::after {
  content: var(--jits-cta-label, "Læs mere") !important;
  position: absolute !important;
  inset: 0 !important;
  background-image: linear-gradient(180deg, rgba(10,14,26,0.10) 0%, rgba(10,14,26,0.55) 50%, rgba(10,14,26,0.92) 100%), var(--jits-cta-img, none) !important;
  background-size: cover !important;
  background-position: center !important;
  border-radius: 12px !important;
  padding: 20px !important;
  font-family: 'Fraunces', serif !important;
  font-size: 17px !important;
  font-weight: 500 !important;
  line-height: 1.3 !important;
  color: #FFFFFF !important;
  text-decoration: none !important;
  display: flex !important;
  align-items: flex-end !important;
  white-space: pre-line !important;
  box-shadow: 0 8px 24px rgba(0,0,0,0.25) !important;
  border: 1px solid rgba(255,255,255,0.08) !important;
  transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease !important;
  cursor: pointer !important;
  z-index: 1 !important;
  width: auto !important;
  height: auto !important;
  visibility: visible !important;
  opacity: 1 !important;
  box-sizing: border-box !important;
}

#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-megamenu li.mega-menu-column.mega-jits-mm-cta:hover::after {
  transform: translateY(-2px) !important;
  box-shadow: 0 16px 32px rgba(0,0,0,0.35), 0 0 0 1px rgba(96,165,250,0.4) !important;
  border-color: rgba(96,165,250,0.4) !important;
}

/* Per-menu config */
#mega-menu-item-279 li.mega-jits-mm-cta {
  --jits-cta-img: url("https://jit.nu/wp-content/uploads/2026/04/jits-stock-265087.jpg");
  --jits-cta-eyebrow: "ERP-LØSNING";
  --jits-cta-label: "Find det rette ERP-system til din virksomhed";
}
#mega-menu-item-290 li.mega-jits-mm-cta {
  --jits-cta-img: url("https://jit.nu/wp-content/uploads/2026/04/jits-stock-5632378.jpg");
  --jits-cta-eyebrow: "WEBSHOP";
  --jits-cta-label: "Sælg online med integreret webshop";
}
#mega-menu-item-300 li.mega-jits-mm-cta {
  --jits-cta-img: url("https://jit.nu/wp-content/uploads/2026/04/jits-stock-325229.jpg");
  --jits-cta-eyebrow: "HOSTING";
  --jits-cta-label: "Dansk datacenter — drift uden bekymringer";
}
#mega-menu-item-309 li.mega-jits-mm-cta {
  --jits-cta-img: url("https://jit.nu/wp-content/uploads/2026/04/jits-craftsman-tools.jpg");
  --jits-cta-eyebrow: "SERVICE";
  --jits-cta-label: "IT-support når du har brug for det";
}
#mega-menu-item-436 li.mega-jits-mm-cta {
  --jits-cta-img: url("https://jit.nu/wp-content/uploads/2026/04/jits-stock-3184465.jpg");
  --jits-cta-eyebrow: "JITS-SHOP";
  --jits-cta-label: "Hardware, plugins og forbrugsstoffer";
}
#mega-menu-item-317 li.mega-jits-mm-cta {
  --jits-cta-img: url("https://jit.nu/wp-content/uploads/2026/04/jits-stock-380769.jpg");
  --jits-cta-eyebrow: "KONTAKT";
  --jits-cta-label: "Lad os tale sammen — vi svarer personligt";
}

/* Mobile: hide feature card, stack columns */
@media (max-width: 1024px) {
  #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu {
    display: block !important;
  }
  #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-column.mega-jits-mm-cta {
    display: none !important;
  }
}

/* === JITS MEGAMENU FEATURE CARDS END === */


/* === JITS MEGAMENU CTA BUTTONS START === */
/* Style Fjernsupport som outline-knap, Book møde som primary fyldt knap */

/* Generel: fjern default flat styling fra Mega Menu top-level */
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-jits-cta-support > a.mega-menu-link,
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-jits-cta-primary > a.mega-menu-link {
  font-family: 'IBM Plex Sans', sans-serif !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  letter-spacing: 0.01em !important;
  transition: all 0.25s ease !important;
}

/* Fjernsupport — outline-knap med pulse-dot (matcher tidligere hovedmenu-stil) */
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-jits-cta-support {
  margin-right: 8px !important;
}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-jits-cta-support > a.mega-menu-link {
  background: rgba(34, 197, 94, 0.10) !important;
  color: #86EFAC !important;
  padding: 10px 18px 10px 32px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(34, 197, 94, 0.35) !important;
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
}
/* Pulse-dot venstre i Fjernsupport-knap */
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-jits-cta-support > a.mega-menu-link::before {
  content: "" !important;
  position: absolute !important;
  left: 14px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 8px !important;
  height: 8px !important;
  border-radius: 50% !important;
  background: #22C55E !important;
  box-shadow: 0 0 0 0 rgba(34, 197, 94, 0.7) !important;
  animation: jits-pulse-dot 2s ease-in-out infinite !important;
}
@keyframes jits-pulse-dot {
  0%, 100% { opacity: 0.7; box-shadow: 0 0 0 0 rgba(34, 197, 94, 0.7); }
  50% { opacity: 1; box-shadow: 0 0 0 6px rgba(34, 197, 94, 0); }
}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-jits-cta-support > a.mega-menu-link:hover {
  background: rgba(34, 197, 94, 0.18) !important;
  border-color: rgba(34, 197, 94, 0.55) !important;
  color: #BBF7D0 !important;
}

/* Book møde — fyldt primary-knap */
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-jits-cta-primary > a.mega-menu-link {
  background: linear-gradient(135deg, #3B82F6 0%, #1E3A8A 100%) !important;
  color: #FFFFFF !important;
  padding: 10px 22px !important;
  border-radius: 999px !important;
  box-shadow: 0 4px 12px rgba(59, 130, 246, 0.35) !important;
  border: 1px solid rgba(255, 255, 255, 0.10) !important;
}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-jits-cta-primary > a.mega-menu-link:hover {
  background: linear-gradient(135deg, #60A5FA 0%, #3B82F6 100%) !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 8px 20px rgba(59, 130, 246, 0.45) !important;
  color: #FFFFFF !important;
}

/* Skjul den default ▾ pil på CTA-knapper */
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-jits-cta-support > a.mega-menu-link::after,
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-jits-cta-primary > a.mega-menu-link::after {
  display: none !important;
  content: none !important;
}

/* Kurv — placeret tæt på JITS-Shop, mindre afstand */
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item-cart {
  margin-left: -8px !important;
  margin-right: 4px !important;
}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item-cart > a.mega-menu-link {
  padding: 10px 14px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
}
/* Kurv-tæller styling — diskret blå */
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item-cart .cart-count {
  background: #3B82F6 !important;
  color: #FFFFFF !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  padding: 2px 7px !important;
  border-radius: 999px !important;
  min-width: 18px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item-cart .cart-count.cart-empty {
  display: none !important;
}

/* JITS-Shop tæt på Kurv */
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-jits-menu-shop {
  margin-right: 4px !important;
}

/* === JITS MEGAMENU CTA BUTTONS END === */


/* === JITS MEGAMENU COLUMN HEADINGS START === */
/* Tematiske kolonneoverskrifter - matcher MMM specificity */

#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-megamenu li.mega-menu-column:not(.mega-jits-mm-cta)::before {
  content: var(--jits-col-heading, "") !important;
  display: block !important;
  position: relative !important;
  width: auto !important;
  height: auto !important;
  top: auto !important;
  left: auto !important;
  background: transparent !important;
  font-family: 'IBM Plex Mono', ui-monospace, monospace !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  letter-spacing: 0.18em !important;
  color: #3B82F6 !important;
  text-transform: uppercase !important;
  padding: 0 0 14px 0 !important;
  margin: 0 0 14px 0 !important;
  border-bottom: 1px solid #E2E8F0 !important;
  white-space: normal !important;
  line-height: 1.3 !important;
  overflow: visible !important;
}



/* Per menu, per kolonne — sæt CSS variabel via attribut-style hack via :nth-of-type */

/* Admind ERP (279) */
#mega-menu-wrap-menu-1 #mega-menu-menu-1 li#mega-menu-item-279 li.mega-menu-column:nth-of-type(1):not(.mega-jits-mm-cta) { --jits-col-heading: "Produkter"; }
#mega-menu-wrap-menu-1 #mega-menu-menu-1 li#mega-menu-item-279 li.mega-menu-column:nth-of-type(2):not(.mega-jits-mm-cta) { --jits-col-heading: "Brancheløsninger"; }
#mega-menu-wrap-menu-1 #mega-menu-menu-1 li#mega-menu-item-279 li.mega-menu-column:nth-of-type(3):not(.mega-jits-mm-cta) { --jits-col-heading: "Funktioner"; }

/* Webshop (290) */
#mega-menu-wrap-menu-1 #mega-menu-menu-1 li#mega-menu-item-290 li.mega-menu-column:nth-of-type(1):not(.mega-jits-mm-cta) { --jits-col-heading: "JITS Shop"; }
#mega-menu-wrap-menu-1 #mega-menu-menu-1 li#mega-menu-item-290 li.mega-menu-column:nth-of-type(2):not(.mega-jits-mm-cta) { --jits-col-heading: "Platforme"; }
#mega-menu-wrap-menu-1 #mega-menu-menu-1 li#mega-menu-item-290 li.mega-menu-column:nth-of-type(3):not(.mega-jits-mm-cta) { --jits-col-heading: "Tillæg"; }

/* Hosting (300) */
#mega-menu-wrap-menu-1 #mega-menu-menu-1 li#mega-menu-item-300 li.mega-menu-column:nth-of-type(1):not(.mega-jits-mm-cta) { --jits-col-heading: "Hosting"; }
#mega-menu-wrap-menu-1 #mega-menu-menu-1 li#mega-menu-item-300 li.mega-menu-column:nth-of-type(2):not(.mega-jits-mm-cta) { --jits-col-heading: "Microsoft & Backup"; }
#mega-menu-wrap-menu-1 #mega-menu-menu-1 li#mega-menu-item-300 li.mega-menu-column:nth-of-type(3):not(.mega-jits-mm-cta) { --jits-col-heading: "Sikkerhed"; }

/* Service (309) */
#mega-menu-wrap-menu-1 #mega-menu-menu-1 li#mega-menu-item-309 li.mega-menu-column:nth-of-type(1):not(.mega-jits-mm-cta) { --jits-col-heading: "Support"; }
#mega-menu-wrap-menu-1 #mega-menu-menu-1 li#mega-menu-item-309 li.mega-menu-column:nth-of-type(2):not(.mega-jits-mm-cta) { --jits-col-heading: "Betaling & Sikkerhed"; }

/* Kontakt (317) */
#mega-menu-wrap-menu-1 #mega-menu-menu-1 li#mega-menu-item-317 li.mega-menu-column:nth-of-type(1):not(.mega-jits-mm-cta) { --jits-col-heading: "Om os"; }
#mega-menu-wrap-menu-1 #mega-menu-menu-1 li#mega-menu-item-317 li.mega-menu-column:nth-of-type(2):not(.mega-jits-mm-cta) { --jits-col-heading: "Information"; }

/* Item style for menupunkter */
#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-megamenu li.mega-menu-column li.mega-menu-item > a.mega-menu-link {
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 1.4 !important;
}

/* === JITS MEGAMENU COLUMN HEADINGS END === */


/* === JITS CART ICON START === */
/* Erstat "Kurv" tekst med simpel SVG cart icon (uploaded fil) - extra specificity */

#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item-cart > a.mega-menu-link,
#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item.mega-menu-item-cart > a.mega-menu-link {
  font-size: 0 !important;
  color: transparent !important;
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 44px !important;
  height: 44px !important;
  min-width: 44px !important;
  padding: 0 !important;
}

#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item-cart > a.mega-menu-link::before,
#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item.mega-menu-item-cart > a.mega-menu-link::before {
  content: "" !important;
  display: block !important;
  width: 22px !important;
  height: 22px !important;
  background-color: #E2E8F0 !important;
  -webkit-mask: url("https://jit.nu/wp-content/uploads/2026/05/jits-cart-icon.svg") center/contain no-repeat !important;
  mask: url("https://jit.nu/wp-content/uploads/2026/05/jits-cart-icon.svg") center/contain no-repeat !important;
  position: relative !important;
  top: 0 !important;
  left: 0 !important;
  margin: 0 !important;
  transition: background-color 0.2s ease !important;
}

#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item-cart > a.mega-menu-link:hover::before,
#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item.mega-menu-item-cart > a.mega-menu-link:hover::before {
  background-color: #60A5FA !important;
}

#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item-cart .cart-count {
  font-size: 10px !important;
  font-weight: 600 !important;
  color: #fff !important;
  background: #DC2626 !important;
  border-radius: 999px !important;
  min-width: 16px !important;
  height: 16px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  position: absolute !important;
  top: 6px !important;
  right: 4px !important;
  padding: 0 4px !important;
  line-height: 1 !important;
  z-index: 2 !important;
  font-family: 'IBM Plex Sans', system-ui, sans-serif !important;
}

#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item-cart .cart-count.cart-empty {
  display: none !important;
}

/* === JITS CART ICON END === */


/* === JITS MM CART & ORDER START === */
/* Reorder: Fjernsupport(324) -> Book mode(323) -> Kurv(539) */
#mega-menu-wrap-menu-1 ul.mega-menu {
  display: flex !important;
  align-items: center !important;
}
#mega-menu-wrap-menu-1 ul.mega-menu > li.mega-menu-item-324 { order: 996 !important; }
#mega-menu-wrap-menu-1 ul.mega-menu > li.mega-menu-item-323 { order: 997 !important; }
#mega-menu-wrap-menu-1 ul.mega-menu > li.mega-menu-item-539,
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item-539,
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item-539.mega-menu-item-cart { 
  order: 998 !important;
  margin-left: 32px !important;
}

/* Konverter Kurv-link til ikon-knap. Kun "Kurv" tekst skjules - .cart-count span beholdes synlig som badge */
#mega-menu-wrap-menu-1 li.mega-menu-item-539 > a.mega-menu-link {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  position: relative !important;
  width: 44px !important;
  height: 44px !important;
  border-radius: 50% !important;
  transition: background 0.2s ease !important;
  /* Skjul "Kurv" tekst men ikke span-children */
  font-size: 0 !important;
  line-height: 0 !important;
  color: transparent !important;
}
#mega-menu-wrap-menu-1 li.mega-menu-item-539 > a.mega-menu-link:hover {
  background: rgba(96, 165, 250, 0.12) !important;
}

/* SVG Cart-ikon via base64-encoded data URI */
#mega-menu-wrap-menu-1 li.mega-menu-item-539 > a.mega-menu-link::before {
  content: '' !important;
  display: block !important;
  width: 22px !important;
  height: 22px !important;
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAyNCAyNCcgZmlsbD0nbm9uZScgc3Ryb2tlPScjRTJFOEYwJyBzdHJva2Utd2lkdGg9JzEuOCcgc3Ryb2tlLWxpbmVjYXA9J3JvdW5kJyBzdHJva2UtbGluZWpvaW49J3JvdW5kJz48Y2lyY2xlIGN4PSc5JyBjeT0nMjAnIHI9JzEuNScvPjxjaXJjbGUgY3g9JzE3JyBjeT0nMjAnIHI9JzEuNScvPjxwYXRoIGQ9J00zIDRoMi41bDIuNSAxMWgxMWwyLjUtOEg2LjUnLz48L3N2Zz4=") no-repeat center !important;
  background-size: contain !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
}
#mega-menu-wrap-menu-1 li.mega-menu-item-539 > a.mega-menu-link:hover::before {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAyNCAyNCcgZmlsbD0nbm9uZScgc3Ryb2tlPScjNjBBNUZBJyBzdHJva2Utd2lkdGg9JzEuOCcgc3Ryb2tlLWxpbmVjYXA9J3JvdW5kJyBzdHJva2UtbGluZWpvaW49J3JvdW5kJz48Y2lyY2xlIGN4PSc5JyBjeT0nMjAnIHI9JzEuNScvPjxjaXJjbGUgY3g9JzE3JyBjeT0nMjAnIHI9JzEuNScvPjxwYXRoIGQ9J00zIDRoMi41bDIuNSAxMWgxMWwyLjUtOEg2LjUnLz48L3N2Zz4=") !important;
}

/* Cart-count badge: brug WooCommerce's egen .cart-count span */
#mega-menu-wrap-menu-1 li.mega-menu-item-539 .cart-count {
  position: absolute !important;
  top: 2px !important;
  right: 2px !important;
  min-width: 16px !important;
  height: 16px !important;
  padding: 0 4px !important;
  background: #A82739 !important;
  color: #FFFFFF !important;
  border-radius: 8px !important;
  font-family: 'IBM Plex Sans', sans-serif !important;
  font-size: 10px !important;
  font-weight: 600 !important;
  line-height: 16px !important;
  text-align: center !important;
  letter-spacing: 0 !important;
  display: block !important;
  z-index: 2 !important;
  /* Override de skjulte font-size fra parent */
  -webkit-text-fill-color: #FFFFFF !important;
}

/* Skjul badge når kurv er tom */
#mega-menu-wrap-menu-1 li.mega-menu-item-539 .cart-count.cart-empty {
  display: none !important;
}

/* Mobile */
@media (max-width: 768px) {
  #mega-menu-wrap-menu-1 ul.mega-menu > li.mega-menu-item-539 {
    margin-left: 12px !important;
  }
}
/* === JITS MM CART & ORDER END === */


/* === JITS WOO CARD UNIFORM HEIGHT START === */
/* WooCommerce produktkort med ens størrelse — version 2 */

.woocommerce ul.products li.product {
  display: flex !important;
  flex-direction: column !important;
}

/* IMG: fast aspect-ratio så billeder fylder samme højde uanset oprindelig størrelse */
.woocommerce ul.products li.product img,
.woocommerce ul.products li.product .attachment-woocommerce_thumbnail {
  width: 100% !important;
  aspect-ratio: 16 / 10 !important;
  object-fit: cover !important;
  display: block !important;
  margin: 0 0 16px !important;
  background: #F1F5F9 !important;
  border-radius: 8px !important;
}

/* Title clamp — max 3 linjer, fast min-højde */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2.woocommerce-loop-product__title,
.woocommerce ul.products li.product h3 {
  min-height: 3.6em !important;
  max-height: 3.6em !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 3 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  margin: 0 0 8px !important;
  line-height: 1.2 !important;
}

/* Price area: konsekvent højde og spacing */
.woocommerce ul.products li.product .price {
  margin: 0 0 12px !important;
  min-height: 1.4em !important;
  display: block !important;
}

/* Button: altid samme placering */
.woocommerce ul.products li.product .button,
.woocommerce ul.products li.product .add_to_cart_button {
  margin-top: auto !important;
  width: 100% !important;
  text-align: center !important;
  box-sizing: border-box !important;
}

/* Hvis intet "Tilføj til kurv" findes, lad price-area fylde op til bunden */
.woocommerce ul.products li.product:not(:has(> .button)):not(:has(> .add_to_cart_button)) .price {
  margin-bottom: 0 !important;
  margin-top: auto !important;
}

/* Mobil */
@media (max-width: 768px) {
  .woocommerce ul.products li.product .woocommerce-loop-product__title,
  .woocommerce ul.products li.product h2.woocommerce-loop-product__title,
  .woocommerce ul.products li.product h3 {
    min-height: 2.4em !important;
    max-height: 2.4em !important;
    -webkit-line-clamp: 2 !important;
  }
}
/* === JITS WOO CARD UNIFORM HEIGHT END === */

																





































/* === JITS-SHOP NY MENU v4 START === */

/* Bredere panel */
#mega-menu-wrap-menu-1 #mega-menu-menu-1 li#mega-menu-item-436.mega-menu-megamenu > ul.mega-sub-menu {
    width: 1180px !important;
    max-width: 95vw !important;
}

/* 5-kolonne grid */
#mega-menu-wrap-menu-1 #mega-menu-menu-1 li#mega-menu-item-436.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row:first-of-type > ul.mega-sub-menu {
    grid-template-columns: minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) 280px !important;
}

/* Skjul gammel pseudo heading */
#mega-menu-wrap-menu-1 #mega-menu-menu-1 li#mega-menu-item-436 li.mega-menu-column:not(.mega-jits-mm-cta)::before {
    display: none !important;
    content: none !important;
}

/* Heading (første link) */
#mega-menu-wrap-menu-1 #mega-menu-menu-1 li#mega-menu-item-436 li.mega-menu-row:not(.jits-chip-row) li.mega-menu-column:not(.mega-jits-mm-cta) > ul.mega-sub-menu > li.mega-menu-item:first-child > a.mega-menu-link {
    font-family: 'IBM Plex Mono', ui-monospace, monospace !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.14em !important;
    color: #1E3A8A !important;
    padding: 0 0 12px 0 !important;
    margin: 0 0 8px 0 !important;
    border-bottom: 1px solid #E2E8F0 !important;
    background: transparent !important;
}

#mega-menu-wrap-menu-1 #mega-menu-menu-1 li#mega-menu-item-436 li.mega-menu-row:not(.jits-chip-row) li.mega-menu-column:not(.mega-jits-mm-cta) > ul.mega-sub-menu > li.mega-menu-item:first-child > a.mega-menu-link::before {
    display: none !important;
}

#mega-menu-wrap-menu-1 #mega-menu-menu-1 li#mega-menu-item-436 li.mega-menu-row:not(.jits-chip-row) li.mega-menu-column:not(.mega-jits-mm-cta) > ul.mega-sub-menu > li.mega-menu-item:first-child > a.mega-menu-link:hover {
    color: #3B82F6 !important;
    background: transparent !important;
    padding-left: 0 !important;
}

/* Skjul descriptions */
#mega-menu-wrap-menu-1 #mega-menu-menu-1 li#mega-menu-item-436 li.mega-menu-column li.mega-menu-item .mega-menu-description {
    display: none !important;
}

/* Almindelige item-links (ikke heading, ikke chip, ikke 3475 mini) */
#mega-menu-wrap-menu-1 #mega-menu-menu-1 li#mega-menu-item-436 li.mega-menu-row:not(.jits-chip-row) li.mega-menu-column:not(.mega-jits-mm-cta) > ul.mega-sub-menu > li.mega-menu-item:not(:first-child):not(.jits-chip):not(#mega-menu-item-3475) > a.mega-menu-link {
    font-size: 13px !important;
    font-weight: 400 !important;
    padding: 7px 0 !important;
    color: #334155 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

#mega-menu-wrap-menu-1 #mega-menu-menu-1 li#mega-menu-item-436 li.mega-menu-row:not(.jits-chip-row) li.mega-menu-column:not(.mega-jits-mm-cta) > ul.mega-sub-menu > li.mega-menu-item:not(:first-child):not(.jits-chip):not(#mega-menu-item-3475) > a.mega-menu-link:hover {
    color: #1E3A8A !important;
    background: transparent !important;
    padding-left: 4px !important;
}

#mega-menu-wrap-menu-1 #mega-menu-menu-1 li#mega-menu-item-436 li.mega-menu-row:not(.jits-chip-row) li.mega-menu-column:not(.mega-jits-mm-cta) > ul.mega-sub-menu > li.mega-menu-item:not(:first-child):not(.jits-chip):not(#mega-menu-item-3475) > a.mega-menu-link::before {
    display: inline-block !important;
    content: '' !important;
    width: 4px !important;
    height: 4px !important;
    border-radius: 50% !important;
    background: #94A3B8 !important;
    margin-right: 10px !important;
    vertical-align: middle !important;
    flex-shrink: 0 !important;
    transition: background 0.15s !important;
}

#mega-menu-wrap-menu-1 #mega-menu-menu-1 li#mega-menu-item-436 li.mega-menu-row:not(.jits-chip-row) li.mega-menu-column:not(.mega-jits-mm-cta) > ul.mega-sub-menu > li.mega-menu-item:not(:first-child):not(.jits-chip):not(#mega-menu-item-3475) > a.mega-menu-link:hover::before {
    background: #1E3A8A !important;
}

/* MINI-HEADING: 3475 (Smart Home & Gaming) i kol 2 */
#mega-menu-wrap-menu-1 #mega-menu-menu-1 li#mega-menu-item-436 li#mega-menu-item-3475 > a.mega-menu-link {
    font-family: 'IBM Plex Mono', ui-monospace, monospace !important;
    font-size: 10px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.12em !important;
    color: #64748B !important;
    padding: 14px 0 6px 0 !important;
    margin-top: 8px !important;
    border-top: 1px solid #EFF4FA !important;
    background: transparent !important;
}

#mega-menu-wrap-menu-1 #mega-menu-menu-1 li#mega-menu-item-436 li#mega-menu-item-3475 > a.mega-menu-link::before {
    display: none !important;
    content: none !important;
}

#mega-menu-wrap-menu-1 #mega-menu-menu-1 li#mega-menu-item-436 li#mega-menu-item-3475 > a.mega-menu-link:hover {
    color: #1E3A8A !important;
    padding-left: 0 !important;
}

/* CHIP-BAR */
#mega-menu-wrap-menu-1 #mega-menu-menu-1 li#mega-menu-item-436 li.mega-menu-row.jits-chip-row {
    border-top: 1px solid #EFF4FA !important;
    margin-top: 20px !important;
    padding-top: 18px !important;
}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 li#mega-menu-item-436 li.mega-menu-column.jits-chip-col > ul.mega-sub-menu {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    align-items: center !important;
    padding: 0 !important;
    margin: 0 !important;
}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 li#mega-menu-item-436 li.jits-chip .mega-menu-description {
    display: none !important;
}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 li#mega-menu-item-436 li.mega-menu-item.jits-chip {
    display: inline-flex !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Default chip (lys, neutral) */
#mega-menu-wrap-menu-1 #mega-menu-menu-1 li#mega-menu-item-436 li.mega-menu-item.jits-chip > a.mega-menu-link {
    display: inline-flex !important;
    align-items: center !important;
    padding: 7px 14px !important;
    font-family: 'IBM Plex Sans', sans-serif !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    color: #334155 !important;
    background: #F8FAFC !important;
    border: 1px solid #E2E8F0 !important;
    border-radius: 999px !important;
    text-decoration: none !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    transition: all 0.15s ease !important;
}

#mega-menu-wrap-menu-1 #mega-menu-menu-1 li#mega-menu-item-436 li.mega-menu-item.jits-chip > a.mega-menu-link:hover {
    background: #1E3A8A !important;
    color: #FFFFFF !important;
    border-color: #1E3A8A !important;
    padding-left: 14px !important;
}

#mega-menu-wrap-menu-1 #mega-menu-menu-1 li#mega-menu-item-436 li.mega-menu-item.jits-chip > a.mega-menu-link::before {
    display: none !important;
    content: none !important;
}

/* PRIMÆRE BLÅ chips: 'Hele sortimentet' OG 'Kontor' */
#mega-menu-wrap-menu-1 #mega-menu-menu-1 li#mega-menu-item-436 li.jits-chip.jits-chip-all > a.mega-menu-link,
#mega-menu-wrap-menu-1 #mega-menu-menu-1 li#mega-menu-item-436 li.jits-chip.jits-chip-kontor > a.mega-menu-link {
    background: #1E3A8A !important;
    color: #FFFFFF !important;
    border-color: #1E3A8A !important;
}

#mega-menu-wrap-menu-1 #mega-menu-menu-1 li#mega-menu-item-436 li.jits-chip.jits-chip-all > a.mega-menu-link:hover,
#mega-menu-wrap-menu-1 #mega-menu-menu-1 li#mega-menu-item-436 li.jits-chip.jits-chip-kontor > a.mega-menu-link:hover {
    background: #3B82F6 !important;
    border-color: #3B82F6 !important;
}

/* Mobile chip styling */
@media (max-width: 768px) {
    #mega-menu-wrap-menu-1 #mega-menu-menu-1 li#mega-menu-item-436 li.mega-menu-item.jits-chip > a.mega-menu-link {
        padding: 6px 12px !important;
        font-size: 11px !important;
    }
    #mega-menu-wrap-menu-1 #mega-menu-menu-1 li#mega-menu-item-436 li.mega-menu-row.jits-chip-row {
        margin-top: 14px !important;
        padding-top: 14px !important;
    }
    #mega-menu-wrap-menu-1 #mega-menu-menu-1 li#mega-menu-item-436 li.mega-menu-column.jits-chip-col > ul.mega-sub-menu {
        gap: 6px !important;
    }
}
/* === JITS-SHOP NY MENU v4 END === */


/* === JITS SINGLE PRODUCT START === */
body.single-product #primary,
body.single-product main#main {
    padding-top: 56px !important;
}
body.single-product .product .product_title,
body.single-product h1.product_title,
body.single-product .summary .product_title {
    display: block !important;
    visibility: visible !important;
    font-family: 'Fraunces', serif !important;
    font-size: clamp(24px, 3vw, 36px) !important;
    font-weight: 500 !important;
    line-height: 1.2 !important;
    color: #0F172A !important;
    margin: 0 0 16px 0 !important;
    padding: 0 !important;
}
body.single-product .woocommerce-breadcrumb {
    margin-bottom: 28px !important;
    font-size: 13px !important;
    color: #64748B !important;
    font-family: 'IBM Plex Mono', monospace !important;
    letter-spacing: 0.05em !important;
}
body.single-product .woocommerce-breadcrumb a {
    color: #1E3A8A !important;
    text-decoration: none !important;
}
body.single-product .woocommerce-breadcrumb a:hover {
    text-decoration: underline !important;
}
body.single-product .related.products,
body.single-product .upsells.products {
    margin-top: 56px !important;
    padding-top: 32px !important;
    border-top: 1px solid #E2E8F0 !important;
}
@media (max-width: 768px) {
    body.single-product #primary,
    body.single-product main#main {
        padding-top: 32px !important;
    }
}
/* === JITS SINGLE PRODUCT END === */





/* === JITS BUTTON HOVER FIX START === */
/* Fix: Link-style buttons (Læs mere etc.) skal IKKE blive hvide ved hover */

.elementor-button.elementor-button-link {
    color: #3B82F6 !important;
    background-color: transparent !important;
}

.elementor-button.elementor-button-link:hover,
.elementor-button.elementor-button-link:focus,
.elementor-button.elementor-button-link:visited {
    color: #1E3A8A !important;
    background-color: transparent !important;
    opacity: 1 !important;
}

.elementor-button.elementor-button-link:hover .elementor-button-text,
.elementor-button.elementor-button-link:focus .elementor-button-text {
    color: #1E3A8A !important;
}

/* Specifik override for forsidens kort-knapper */
.elementor-17 .elementor-element.elementor-element-d63c2f3 .elementor-button:hover,
.elementor-17 .elementor-element.elementor-element-d63c2f3 .elementor-button:focus,
.elementor-17 .elementor-element.elementor-element-2f01063 .elementor-button:hover,
.elementor-17 .elementor-element.elementor-element-2f01063 .elementor-button:focus {
    color: #1E3A8A !important;
    background-color: transparent !important;
}
/* === JITS BUTTON HOVER FIX END === */


/* JITS HERO FULL-WIDTH FIX FOR POST 183 */
body.page-id-183 main .elementor.elementor-183 > .elementor-element.e-con.e-parent,
body.page-id-183 .elementor-183 > .elementor-element.e-con.e-flex {
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100% !important;
}











/* JITS-SHOP MEGAMENU 3-COL FIX */
/* Override MMM grid for JITS-Shop only */
#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-jits-menu-shop > ul.mega-sub-menu {
    grid-template-columns: repeat(3, 1fr) !important;
    width: 920px !important;
    max-width: 95vw !important;
    padding: 28px 32px !important;
    gap: 32px !important;
}

#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-jits-menu-shop > ul.mega-sub-menu > li.mega-menu-row {
    grid-column: 1 / -1 !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
}

#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-jits-menu-shop > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 32px !important;
    width: 100% !important;
    padding: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

/* Tving alle kolonner til 1fr (samme bredde) */
#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-jits-menu-shop .mega-menu-column {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    grid-column: span 1 !important;
}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-jits-menu-shop .mega-menu-column > ul.mega-sub-menu {
    display: block !important;
    width: 100% !important;
    padding: 0 !important;
    grid-template-columns: 1fr !important;
    background: transparent !important;
    box-shadow: none !important;
}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-jits-menu-shop .mega-menu-column > ul.mega-sub-menu > li {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
}

/* Header-elementer */
#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-jits-menu-shop .mega-menu-column > ul.mega-sub-menu > li:first-child > a.mega-menu-link {
    font-family: 'IBM Plex Mono', monospace !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.12em !important;
    color: #3B82F6 !important;
    padding: 0 0 10px 0 !important;
    margin: 0 0 8px 0 !important;
    border-bottom: 1px solid rgba(59, 130, 246, 0.2) !important;
    pointer-events: none !important;
    cursor: default !important;
}

/* Kategori-links */
#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-jits-menu-shop .mega-menu-column > ul.mega-sub-menu > li > a.mega-menu-link {
    font-family: 'IBM Plex Sans', sans-serif !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    color: #0F172A !important;
    padding: 8px 0 !important;
    line-height: 1.4 !important;
    transition: color 0.15s !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    border-bottom: none !important;
}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-jits-menu-shop .mega-menu-column > ul.mega-sub-menu > li > a.mega-menu-link:hover {
    color: #1E3A8A !important;
    background: transparent !important;
}

/* FREMHÆVET: WordPress plugins */
#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-jits-menu-shop li.mega-jits-mega-featured > a.mega-menu-link {
    background: linear-gradient(135deg, rgba(168, 39, 57, 0.10) 0%, rgba(168, 39, 57, 0.04) 100%) !important;
    border-left: 3px solid #A82739 !important;
    padding: 10px 12px 10px 14px !important;
    font-weight: 600 !important;
    color: #A82739 !important;
    border-radius: 0 6px 6px 0 !important;
    margin-top: 6px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 8px !important;
}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-jits-menu-shop li.mega-jits-mega-featured > a.mega-menu-link::after {
    content: 'Vores plugins' !important;
    display: inline-block !important;
    font-size: 9px !important;
    font-family: 'IBM Plex Mono', monospace !important;
    font-weight: 600 !important;
    background: #A82739 !important;
    color: white !important;
    padding: 3px 7px !important;
    border-radius: 3px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.06em !important;
    flex-shrink: 0 !important;
}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-jits-menu-shop li.mega-jits-mega-featured > a.mega-menu-link:hover {
    background: linear-gradient(135deg, rgba(168, 39, 57, 0.18) 0%, rgba(168, 39, 57, 0.10) 100%) !important;
    color: #8A1F2E !important;
}

/* CTA's spændt over alle 3 kolonner */
#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-jits-menu-shop > ul.mega-sub-menu > li.mega-jits-mega-cta,
#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-jits-menu-shop > ul.mega-sub-menu > li.mega-jits-mega-cta-secondary {
    grid-column: 1 / -1 !important;
}

/* Skjul mobile-toggle pile på headers */
#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-jits-menu-shop .mega-menu-column > ul.mega-sub-menu > li:first-child > .mega-indicator {
    display: none !important;
}
/* END JITS-SHOP MEGAMENU */














/* JITS-SHOP MOBILE MENU */
/* JITS Mobile Hamburger Toggle */
.jits-mobile-toggle {
    display: none;
    background: transparent;
    border: none;
    cursor: pointer;
    padding: 10px;
    min-width: 44px;
    min-height: 44px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 5px;
    margin-left: auto;
}
.jits-mobile-toggle .jits-toggle-bar {
    display: block;
    width: 24px;
    height: 3px;
    background: #1E3A8A;
    border-radius: 2px;
    transition: transform 0.2s, opacity 0.2s;
}
.jits-mobile-toggle.is-open .jits-toggle-bar:nth-child(1) {
    transform: translateY(8px) rotate(45deg);
}
.jits-mobile-toggle.is-open .jits-toggle-bar:nth-child(2) {
    opacity: 0;
}
.jits-mobile-toggle.is-open .jits-toggle-bar:nth-child(3) {
    transform: translateY(-8px) rotate(-45deg);
}

@media (max-width: 959px) {
    /* Vis hamburger på mobile */
    .jits-mobile-toggle {
        display: flex !important;
    }

    /* Nav drawer styling når åbnet */
    body #site-header > nav.site-navigation.jits-mobile-open,
    body #site-header .header-inner > nav.site-navigation.jits-mobile-open,
    body #site-header .site-navigation.jits-mobile-open,
    #site-header nav.site-navigation.jits-mobile-open {
        display: flex !important;
        flex-direction: column !important;
        position: fixed !important;
        top: 89px !important;
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
        height: auto !important;
        max-height: calc(100vh - 89px) !important;
        overflow-y: auto !important;
        background: white !important;
        box-shadow: 0 8px 24px rgba(0,0,0,0.12) !important;
        z-index: 9999 !important;
        padding: 16px !important;
    }

    /* Mobile menu items */
    .site-navigation.jits-mobile-open #mega-menu-wrap-menu-1 {
        width: 100% !important;
    }
    .site-navigation.jits-mobile-open #mega-menu-menu-1 {
        display: block !important;
        width: 100% !important;
    }
    .site-navigation.jits-mobile-open #mega-menu-menu-1 > li {
        display: block !important;
        width: 100% !important;
        border-bottom: 1px solid rgba(0,0,0,0.06) !important;
    }
    .site-navigation.jits-mobile-open #mega-menu-menu-1 > li > a.mega-menu-link {
        padding: 16px 8px !important;
        font-size: 16px !important;
        font-weight: 500 !important;
        min-height: 48px !important;
        display: flex !important;
        align-items: center !important;
    }

    /* JITS-Shop megamenu: 1 kolonne på mobile */
    .site-navigation.jits-mobile-open #mega-menu-menu-1 li.mega-jits-menu-shop > ul.mega-sub-menu {
        --columns: 1 !important;
        grid-template-columns: 1fr !important;
        width: 100% !important;
        max-width: 100% !important;
        padding: 12px 4px !important;
        gap: 16px !important;
        position: static !important;
        box-shadow: none !important;
        transform: none !important;
    }
    .site-navigation.jits-mobile-open li.mega-jits-menu-shop .mega-menu-row > ul.mega-sub-menu {
        grid-template-columns: 1fr !important;
        gap: 16px !important;
    }
    .site-navigation.jits-mobile-open li.mega-jits-menu-shop .mega-menu-column {
        width: 100% !important;
        max-width: 100% !important;
        flex: 1 1 100% !important;
        padding: 12px !important;
        background: rgba(59, 130, 246, 0.03) !important;
        border-radius: 8px !important;
    }
    .site-navigation.jits-mobile-open li.mega-jits-menu-shop .mega-menu-column > ul.mega-sub-menu > li > a.mega-menu-link {
        font-size: 16px !important;
        padding: 12px 4px !important;
        min-height: 44px !important;
        display: flex !important;
        align-items: center !important;
    }
    body.jits-mobile-menu-open { overflow: hidden; }
}
/* END JITS-SHOP MOBILE */


/* JITS: mere luft paa udvalgte forside-kort (overstyrer revert-reglen) */
body.page-id-17 .elementor-element.elementor-element-2cb1315.e-con,
body.page-id-17 .elementor-element.elementor-element-35dc599.e-con,
body.page-id-17 .elementor-element.elementor-element-7f21d85.e-con,
body.page-id-17 .elementor-element.elementor-element-e25a653.e-con,
body.page-id-17 .elementor-element.elementor-element-4ade4fc.e-con,
body.page-id-17 .elementor-element.elementor-element-578219b.e-con {
  padding-top: var(--padding-top) !important;
  padding-bottom: var(--padding-bottom) !important;
}


/* JITS: genskab sektions-padding (luft mellem sektioner) */
body.page-id-17 .elementor-17 > .elementor-element.e-con {
  padding-top: var(--padding-top) !important;
  padding-bottom: var(--padding-bottom) !important;
}


/* JITS: mindre bund-luft under Fire kernekompetencer */
body.page-id-17 .elementor-17 > .elementor-element.elementor-element-eb108fb.e-con {
  padding-bottom: 40px !important;
}


/* JITS: stram afstand yderligere under Fire kernekompetencer */
body.page-id-17 .elementor-17 > .elementor-element.elementor-element-eb108fb.e-con { padding-bottom: 0px !important; }
body.page-id-17 .elementor-17 > .elementor-element.elementor-element-62611fa.e-con { padding-top: 40px !important; }


/* JITS: fjern tom 2. grid-raekke under kernekompetencer-kort */
body.page-id-17 .elementor-element.elementor-element-ad62692 { --e-con-grid-template-rows: auto !important; }
body.page-id-17 .elementor-element.elementor-element-ad62692 > .e-con-inner,
body.page-id-17 .elementor-element.elementor-element-ad62692.e-grid { grid-template-rows: auto !important; }


/* === JITS Service mega-menu: Portaler before image + matching format (desktop only) === */
@media only screen and (min-width: 769px) {
  #mega-menu-wrap-menu-1 #mega-menu-menu-1 li#mega-menu-item-309 li.mega-menu-column.mega-jits-mm-cta { order: 1 !important; }
  #mega-menu-wrap-menu-1 #mega-menu-menu-1 li#mega-menu-item-309 li.mega-menu-row > ul.mega-sub-menu { grid-template-columns: 1fr 1fr 1fr 1fr !important; }
  #mega-menu-wrap-menu-1 #mega-menu-menu-1 li#mega-menu-item-309 li.mega-menu-column:nth-of-type(4):not(.mega-jits-mm-cta) { --jits-col-heading: "Portaler" !important; }
  #mega-menu-wrap-menu-1 #mega-menu-menu-1 li#mega-menu-item-309 .jits-mm-col-title { display: none !important; }
  #mega-menu-wrap-menu-1 #mega-menu-menu-1 li#mega-menu-item-309 li.widget_custom_html .textwidget a {
    display: flex !important; align-items: center !important;
    color: #334155 !important; font-size: 14px !important; font-weight: 400 !important;
    line-height: 1.4 !important; padding: 8px 12px 8px 14px !important; text-decoration: none !important;
  }
  #mega-menu-wrap-menu-1 #mega-menu-menu-1 li#mega-menu-item-309 li.widget_custom_html .textwidget a::before {
    content: '' !important; display: inline-block !important; width: 4px !important; height: 4px !important;
    border-radius: 50% !important; background: rgba(30,58,138,.30) !important; margin-right: 10px !important;
    flex-shrink: 0 !important; transition: all 180ms ease;
  }
  #mega-menu-wrap-menu-1 #mega-menu-menu-1 li#mega-menu-item-309 li.widget_custom_html .textwidget a:hover { color: #1E3A8A !important; }
  #mega-menu-wrap-menu-1 #mega-menu-menu-1 li#mega-menu-item-309 li.widget_custom_html .textwidget a:hover::before { background: #1E3A8A !important; }
}