:root{--color-primary:#644E9F;--color-primary-hover:#57438B;--color-primary-soft:#B9AECF;--color-primary-bg:#F1EEF7;--color-text:#2B2F36;--color-text-muted:#6B7280;--color-bg:#FBFBFA;--color-surface:#F3F4F7;--color-border:#E7E8EC;--color-white:#FFFFFF;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--shadow-soft:0 1px 3px rgba(0,0,0,0.06),0 1px 2px rgba(0,0,0,0.04)}body{background-color:var(--color-bg)!important;color:var(--color-text)!important;font-size:16px!important;line-height:1.7!important}section,.elementor-section,.elementor-top-section,.e-con,.e-container{box-shadow:none!important}.site,.site-content,#content,.entry-content,.page-content{background-color:var(--color-bg)!important}h1,.elementor-heading-title.elementor-size-xxl,.elementor-heading-title.elementor-size-xl{font-size:clamp(2rem,5vw,3.2rem)!important;font-weight:700!important;line-height:1.15!important;letter-spacing:-0.02em!important;color:var(--color-text)!important}h2,.elementor-heading-title.elementor-size-large{font-size:clamp(1.5rem,3.5vw,2.2rem)!important;font-weight:600!important;line-height:1.25!important;letter-spacing:-0.015em!important;color:var(--color-text)!important}h3,.elementor-heading-title.elementor-size-medium{font-size:clamp(1.1rem,2.5vw,1.4rem)!important;font-weight:600!important;line-height:1.35!important;color:var(--color-text)!important}h4,.elementor-heading-title.elementor-size-small{font-size:1.1rem!important;font-weight:500!important;color:var(--color-text)!important}p,.elementor-widget-text-editor p,.elementor-text-editor p{font-size:1rem!important;line-height:1.75!important;color:var(--color-text)!important}.elementor-button,a.elementor-button,.elementor-button-wrapper .elementor-button,button.elementor-button{background-color:var(--color-primary)!important;color:var(--color-white)!important;border:none!important;border-radius:var(--radius-md)!important;padding:14px 28px!important;font-size:.95rem!important;font-weight:600!important;text-transform:none!important;box-shadow:none!important;background-image:none!important}.elementor-button:hover,a.elementor-button:hover{background-color:var(--color-primary-hover)!important;color:var(--color-white)!important}.elementor-divider-separator{border-color:var(--color-border)!important;border-width:1px!important}.elementor-top-section,.elementor-section{padding-top:80px!important;padding-bottom:80px!important}.elementor-container,.e-con-inner{max-width:1140px!important;padding-left:24px!important;padding-right:24px!important}.site-header,#masthead,.header-main-bar-wrap,.kadence-sticky-header,.site-header-inner{background-color:var(--color-white)!important;border-bottom:1px solid var(--color-border)!important;box-shadow:none!important}a{color:var(--color-primary)!important;text-decoration:none!important}.site-footer,#colophon,.footer-widget-area{background-color:var(--color-surface)!important;border-top:1px solid var(--color-border)!important;color:var(--color-text)!important;box-shadow:none!important}.elementor-widget-wrap,.elementor-widget{box-shadow:none!important}.elementor-heading-title{text-transform:none!important}img{border-radius:var(--radius-md)!important}


/* ============================================================
   HEADER & HERO — Premium Refinements
   ============================================================ */

/* --- LOGO: reduced size, balanced --- */
.site-logo img,.custom-logo,header img{border-radius:0!important}

/* --- HEADER ROW: compact, premium --- */
.site-header-wrap .site-header-upper-wrap,
.site-header-wrap .site-header-upper-inner-wrap,
.site-mobile-header-wrap .site-header-upper-wrap,
.site-mobile-header-wrap .site-header-upper-inner-wrap,
.site-main-header-wrap,
.site-header-row-container-inner {
  padding: 0 !important;
}

.site-header-wrap .site-main-header-inner-wrap.site-header-row {
  min-height: 78px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  align-items: center !important;
  box-sizing: border-box !important;
}

.site-header-wrap .site-header-main-section-left,
.site-header-wrap .site-header-main-section-left .site-header-item {
  display: flex !important;
  align-items: center !important;
  height: auto !important;
  padding: 0 !important;
  overflow: visible !important;
}

.site-header-wrap .site-branding {
  display: flex !important;
  align-items: center !important;
  overflow: visible !important;
}

.site-header-wrap .site-branding a.brand {
  display: flex !important;
  align-items: center !important;
  overflow: visible !important;
  padding: 0 !important;
  line-height: 0 !important;
}

/* LOGO: refined size — matches theme setting */
.site-header-wrap .site-branding a.brand img.custom-logo,
.site-header-wrap img.custom-logo {
  max-width: 80px !important;
  width: 80px !important;
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
  display: block !important;
  object-fit: contain !important;
  flex-shrink: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

/* NAV: refined, feminine, elegant */
.site-header-wrap .site-header-item-main-navigation {
  display: flex !important;
  align-items: center !important;
}

.site-header-wrap .site-header-item-main-navigation nav ul.menu {
  display: flex !important;
  align-items: center !important;
  gap: 2px !important;
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.site-header-wrap .site-header-item-main-navigation nav ul.menu > li {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.site-header-wrap .site-header-item-main-navigation nav ul.menu > li > a {
  font-size: 15px !important;
  font-weight: 500 !important;
  letter-spacing: 0.01em !important;
  color: #2B2F36 !important;
  padding: 8px 16px !important;
  text-decoration: none !important;
  transition: color 0.2s ease !important;
  border-radius: 6px !important;
  display: inline-flex !important;
  align-items: center !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  background: transparent !important;
}

.site-header-wrap .site-header-item-main-navigation nav ul.menu > li > a:hover {
  color: #644E9F !important;
  background: transparent !important;
}

.site-header-wrap .site-header-item-main-navigation nav ul.menu > li.current-menu-item > a,
.site-header-wrap .site-header-item-main-navigation nav ul.menu > li.current_page_item > a {
  color: #644E9F !important;
  background: transparent !important;
  font-weight: 600 !important;
}

/* CTA BUTTON: refined pill outline — elegant, premium */
.site-header-wrap .site-header-item-main-navigation nav ul.menu > li.menu-item-533 > a {
  background: transparent !important;
  color: #644E9F !important;
  padding: 7px 20px !important;
  border-radius: 50px !important;
  font-weight: 500 !important;
  font-size: 15px !important;
  letter-spacing: 0.02em !important;
  margin-left: 10px !important;
  box-shadow: none !important;
  border: 1px solid rgba(100, 78, 159, 0.6) !important;
  transition: background 0.22s ease, color 0.22s ease, border-color 0.22s ease !important;
}

.site-header-wrap .site-header-item-main-navigation nav ul.menu > li.menu-item-533 > a:hover {
  background: #644E9F !important;
  color: #fff !important;
  border-color: #644E9F !important;
  box-shadow: none !important;
}

/* --- MOBILE HEADER --- */
.site-mobile-header-wrap .site-main-header-inner-wrap.site-header-row {
  min-height: 72px !important;
  padding-top: 10px !important;
  padding-bottom: 10px !important;
  align-items: center !important;
}

.site-mobile-header-wrap .site-header-main-section-left,
.site-mobile-header-wrap .site-header-main-section-left .site-header-item {
  display: flex !important;
  align-items: center !important;
  overflow: visible !important;
  padding: 0 !important;
}

.site-mobile-header-wrap .site-branding {
  overflow: visible !important;
  display: flex !important;
  align-items: center !important;
}

.site-mobile-header-wrap .site-branding a.brand {
  overflow: visible !important;
  line-height: 0 !important;
}

.site-mobile-header-wrap img.custom-logo {
  max-width: 70px !important;
  width: 70px !important;
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
  padding: 0 !important;
  box-sizing: border-box !important;
  display: block !important;
}

/* --- MOBILE NAV --- */
#mobile-navigation ul,
.mobile-navigation ul,
.drawer-navigation-container ul {
  padding: 8px 0 !important;
  margin: 0 !important;
  list-style: none !important;
}

#mobile-navigation ul li > a,
.mobile-navigation ul li > a,
.drawer-navigation-container ul li > a {
  font-size: 17px !important;
  font-weight: 500 !important;
  color: #2B2F36 !important;
  padding: 16px 28px !important;
  display: block !important;
  text-decoration: none !important;
  border-bottom: 1px solid rgba(43,47,54,0.06) !important;
  transition: color 0.2s !important;
  letter-spacing: 0.01em !important;
}

#mobile-navigation ul li > a:hover,
.mobile-navigation ul li > a:hover {
  color: #644E9F !important;
}

#mobile-navigation ul li.menu-item-533 > a,
.mobile-navigation ul li.menu-item-533 > a {
  color: #644E9F !important;
  font-weight: 600 !important;
}

/* --- OVERFLOW FIX --- */
.site-header a.brand,
.site-header .site-branding,
.site-header .site-header-item {
  overflow: visible !important;
}

/* --- STICKY HEADER --- */
.site-header.has-sticky,
.site-header.is-sticky {
  background: rgba(255, 255, 255, 0.97) !important;
  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important;
  box-shadow: 0 1px 0 rgba(43,47,54,0.07) !important;
}

/* ============================================================
   HERO SECTION — Open, editorial, premium
   ============================================================ */

/* Remove the 80px margin on content area (no floating box) */
body.page-id-153 #primary,
body.home #primary {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* Remove article card styling */
article.single-entry.content-bg,
.entry.content-bg {
  background: transparent !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}

.entry-content-wrap {
  padding: 0 !important;
}

/* Hero left content column: flex-col, centered, proper padding */
.elementor-153 .elementor-element.elementor-element-29e101f7 {
  flex-direction: column !important;
  justify-content: center !important;
  align-items: flex-start !important;
  gap: 28px !important;
  padding: 72px 48px 72px 0 !important;
}

/* Hero heading widget */
.elementor-153 .elementor-element.elementor-element-474b03f2 {
  margin: 0 !important;
}

/* Hero H1 */
.elementor-153 .elementor-element.elementor-element-474b03f2 .elementor-heading-title {
  font-family: 'Poppins', sans-serif !important;
  font-size: clamp(2.1rem, 3.5vw, 2.8rem) !important;
  font-weight: 700 !important;
  line-height: 1.18 !important;
  letter-spacing: -0.02em !important;
  color: #2B2F36 !important;
  text-transform: none !important;
  text-align: left !important;
}

/* Sub-container (text + button): flex col with gap */
.elementor-153 .elementor-element.elementor-element-528f3896 {
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 20px !important;
}

/* Text editor container */
.elementor-153 .elementor-element.elementor-element-b79ff94 {
  margin: 0 !important;
  text-align: left !important;
}

/* Uppercase supporting line: soft, refined, light purple */
.elementor-153 .elementor-element.elementor-element-b79ff94 p:first-child {
  font-size: 10.5px !important;
  font-weight: 500 !important;
  letter-spacing: 0.2em !important;
  text-transform: uppercase !important;
  color: #9B8BB4 !important;
  margin: 0 0 10px 0 !important;
  text-align: left !important;
  line-height: 1.5 !important;
}

/* Body description text */
.elementor-153 .elementor-element.elementor-element-b79ff94 p:last-child {
  font-size: 1rem !important;
  font-weight: 400 !important;
  letter-spacing: normal !important;
  text-transform: none !important;
  color: #555B66 !important;
  line-height: 1.75 !important;
  margin: 0 !important;
  text-align: left !important;
}

/* Hero CTA button widget */
.elementor-153 .elementor-element.elementor-element-399d4288 {
  margin: 0 !important;
  text-align: left !important;
}

.elementor-153 .elementor-element.elementor-element-399d4288 .elementor-button {
  background-color: #644E9F !important;
  color: #fff !important;
  padding: 14px 32px !important;
  border-radius: 50px !important;
  font-size: 0.95rem !important;
  font-weight: 600 !important;
  text-transform: none !important;
  box-shadow: 0 4px 16px rgba(100,78,159,0.22) !important;
  background-image: none !important;
  letter-spacing: 0.01em !important;
  display: inline-block !important;
}

.elementor-153 .elementor-element.elementor-element-399d4288 .elementor-button:hover,
.elementor-153 .elementor-element.elementor-element-399d4288 .elementor-button:focus {
  background-color: #57438B !important;
  color: #fff !important;
}


.elementor-153 .elementor-element.elementor-element-1112c793:not(.elementor-motion-effects-element-type-background),.elementor-153 .elementor-element.elementor-element-1112c793>.elementor-motion-effects-container>.elementor-motion-effects-layer,.elementor-153 .elementor-element.elementor-element-2c100d53:not(.elementor-motion-effects-element-type-background),.elementor-153 .elementor-element.elementor-element-2c100d53>.elementor-motion-effects-container>.elementor-motion-effects-layer,.elementor-153 .elementor-element.elementor-element-3679eed7:not(.elementor-motion-effects-element-type-background),.elementor-153 .elementor-element.elementor-element-3679eed7>.elementor-motion-effects-container>.elementor-motion-effects-layer{background-color:var(--color-bg)!important}.elementor-153 .elementor-element.elementor-element-24ab87d2:not(.elementor-motion-effects-element-type-background),.elementor-153 .elementor-element.elementor-element-24ab87d2>.elementor-motion-effects-container>.elementor-motion-effects-layer{background-color:var(--color-surface)!important}.elementor-153 .elementor-element.elementor-element-24ab87d2 .elementor-heading-title,.elementor-153 .elementor-element.elementor-element-24ab87d2 p,.elementor-153 .elementor-element.elementor-element-24ab87d2 span,.elementor-153 .elementor-element.elementor-element-24ab87d2 li{color:var(--color-text)!important}.elementor-153 .elementor-element.elementor-element-7d4e39ee:not(.elementor-motion-effects-element-type-background),.elementor-153 .elementor-element.elementor-element-7d4e39ee>.elementor-motion-effects-container>.elementor-motion-effects-layer,.elementor-153 .elementor-element.elementor-element-14f6aecc:not(.elementor-motion-effects-element-type-background),.elementor-153 .elementor-element.elementor-element-14f6aecc>.elementor-motion-effects-container>.elementor-motion-effects-layer,.elementor-153 .elementor-element.elementor-element-e563613:not(.elementor-motion-effects-element-type-background),.elementor-153 .elementor-element.elementor-element-e563613>.elementor-motion-effects-container>.elementor-motion-effects-layer{background-color:var(--color-primary-bg)!important}.elementor-153 .elementor-element.elementor-element-7d4e39ee .elementor-heading-title,.elementor-153 .elementor-element.elementor-element-7d4e39ee p,.elementor-153 .elementor-element.elementor-element-7d4e39ee span,.elementor-153 .elementor-element.elementor-element-14f6aecc .elementor-heading-title,.elementor-153 .elementor-element.elementor-element-14f6aecc p,.elementor-153 .elementor-element.elementor-element-14f6aecc span,.elementor-153 .elementor-element.elementor-element-e563613 .elementor-heading-title,.elementor-153 .elementor-element.elementor-element-e563613 p,.elementor-153 .elementor-element.elementor-element-e563613 span{color:var(--color-text)!important}.elementor-153 .elementor-element.elementor-element-1112c793{min-height:auto!important}.elementor-star-rating__star{color:var(--color-primary)!important}.elementor-testimonial-name{color:var(--color-primary)!important;font-weight:600!important}@media(max-width:768px){.elementor-top-section,.elementor-section{padding-top:56px!important;padding-bottom:56px!important}h1,.elementor-heading-title.elementor-size-xxl{font-size:clamp(1.75rem,8vw,2.2rem)!important}h2,.elementor-heading-title.elementor-size-large{font-size:clamp(1.3rem,6vw,1.8rem)!important}.elementor-button,a.elementor-button{padding:12px 22px!important;font-size:.9rem!important}}

/* ================================================
   KAMILLA VINDING – Premium Header Redesign
   ================================================ */

/* ---- Base header ---- */
.site-header {
  background: #ffffff !important;
  border-bottom: 1px solid rgba(43, 47, 54, 0.07) !important;
}

/* ---- Wrapper layers: no extra spacing ---- */


/* ============================================================
   REFINEMENT PASS — Polished, feminine, premium
   ============================================================ */

/* --- LOGO: Full butterfly visible, refined size --- */
/* Ensure header itself doesn't clip the logo vertically */
.site-header,
.site-header-inner,
.site-header-wrap,
.site-header-row-container,
.site-header-row-container-inner,
.site-main-header-wrap,
.site-main-header-inner-wrap.site-header-row {
  overflow: visible !important;
}

/* Give the header row enough height to show full butterfly */
.site-header-wrap .site-main-header-inner-wrap.site-header-row {
  min-height: 88px !important;
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}

/* Refined logo size — smaller, elegant, fully visible */
.site-header-wrap .site-branding a.brand img.custom-logo,
.site-header-wrap img.custom-logo {
  max-width: 80px !important;
  width: 80px !important;
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
  display: block !important;
  object-fit: contain !important;
}

/* --- HERO SUPPORTING TEXT: more readable, intentional --- */
.elementor-153 .elementor-element.elementor-element-b79ff94 p:first-child {
  font-size: 10.5px !important;
  font-weight: 500 !important;
  letter-spacing: 0.14em !important;
  color: #7B6A9E !important;
  margin: 0 0 14px 0 !important;
  opacity: 1 !important;
}

/* --- HERO PARAGRAPH: slightly stronger presence --- */
.elementor-153 .elementor-element.elementor-element-b79ff94 p:last-child {
  font-size: 1.05rem !important;
  font-weight: 400 !important;
  color: #4D5260 !important;
  line-height: 1.85 !important;
  letter-spacing: 0.005em !important;
}

/* --- HERO CTA BUTTON: elegant, less puffy, premium --- */
.elementor-153 .elementor-element.elementor-element-399d4288 .elementor-button {
  background-color: #644E9F !important;
  color: #fff !important;
  padding: 13px 30px !important;
  border-radius: 50px !important;
  font-size: 0.9rem !important;
  font-weight: 500 !important;
  letter-spacing: 0.04em !important;
  box-shadow: 0 2px 10px rgba(100, 78, 159, 0.18) !important;
  text-transform: none !important;
  transition: all 0.25s ease !important;
}

.elementor-153 .elementor-element.elementor-element-399d4288 .elementor-button:hover,
.elementor-153 .elementor-element.elementor-element-399d4288 .elementor-button:focus {
  background-color: #57438B !important;
  box-shadow: 0 4px 16px rgba(100, 78, 159, 0.24) !important;
}

/* --- SECTION TRANSITION: smoother flow to next section --- */
/* Hero section bottom padding — more generous */
.elementor-153 .elementor-element.elementor-element-29e101f7 {
  padding-bottom: 88px !important;
}

/* Add breathing room at top of "Kender du det her?" section */
.elementor-153 .elementor-element.elementor-element-24ab87d2 {
  padding-top: 80px !important;
  padding-bottom: 80px !important;
}




/* ============================================================
   === MOBILE HEADER & HERO REFINEMENTS (max-width: 1024px) ===
   ============================================================ */

/* --- 1. MOBILE MENU BUTTON — elegant, light, outlined --- */
@media (max-width: 1024px) {

  /* Remove the heavy purple filled block */
  #mobile-toggle,
  .mobile-toggle-open-container .menu-toggle-open,
  .mobile-toggle-open-container .menu-toggle-open:focus {
    background: transparent !important;
    background-color: transparent !important;
    border: 1.5px solid rgba(100, 78, 159, 0.38) !important;
    border-radius: 8px !important;
    color: #644E9F !important;
    padding: 7px 10px !important;
    box-shadow: none !important;
    transition: border-color 0.2s ease, background 0.2s ease !important;
  }

  /* Hover state — very subtle fill */
  #mobile-toggle:hover,
  .mobile-toggle-open-container .menu-toggle-open:hover,
  .mobile-toggle-open-container .menu-toggle-open:focus-visible {
    background: rgba(100, 78, 159, 0.05) !important;
    border-color: rgba(100, 78, 159, 0.6) !important;
    color: #644E9F !important;
  }

  /* SVG icon — sized and clearly visible */
  #mobile-toggle .menu-toggle-icon svg,
  .mobile-toggle-open-container .menu-toggle-open .menu-toggle-icon svg {
    width: 22px !important;
    height: 22px !important;
    color: #644E9F !important;
    fill: #644E9F !important;
  }

  /* --- 2. MOBILE HEADER — clean, refined height --- */
  .site-mobile-header-wrap .site-main-header-inner-wrap.site-header-row {
    min-height: 64px !important;
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }

  /* Logo sizing on mobile */
  .site-mobile-header-wrap img.custom-logo {
    max-width: 58px !important;
    width: 58px !important;
  }
}

/* --- 3. HERO IMAGE COLUMN — hide empty column on mobile for clean layout --- */
@media (max-width: 1024px) {
  /* Hide the empty decorative image column on mobile
     (it is empty at this breakpoint and adds unwanted vertical space) */
  .elementor-153 .elementor-element.elementor-element-2c100d53 {
    display: none !important;
  }
}

/* --- 4. MOBILE HERO — compact, polished layout --- */
@media (max-width: 1024px) {

  /* Inner hero text column: start closer to header */
  .elementor-153 .elementor-element.elementor-element-29e101f7 {
    padding-top: 40px !important;
    padding-bottom: 44px !important;
    padding-right: 24px !important;
    gap: 16px !important;
    margin-top: 0 !important;
    --margin-top: 0% !important;
    justify-content: flex-start !important;
  }

  /* Restore left alignment (Elementor overrides to center at 1024px) */
  .elementor-153 .elementor-element.elementor-element-474b03f2 {
    text-align: left !important;
    margin: 0 !important;
  }

  /* Hero headline — balanced, clean mobile size */
  .elementor-153 .elementor-element.elementor-element-474b03f2 .elementor-heading-title {
    font-size: clamp(1.85rem, 7vw, 2.4rem) !important;
    line-height: 1.15 !important;
    letter-spacing: -0.02em !important;
    text-align: left !important;
  }

  /* Content sub-container — left aligned, comfortable width */
  .elementor-153 .elementor-element.elementor-element-528f3896 {
    gap: 14px !important;
    --width: 100% !important;
    width: 100% !important;
    align-items: flex-start !important;
  }

  /* Tagline — small, premium tracking */
  .elementor-153 .elementor-element.elementor-element-b79ff94 p:first-child {
    font-size: 9.5px !important;
    letter-spacing: 0.16em !important;
    margin: 0 0 8px !important;
  }

  /* Supporting paragraph */
  .elementor-153 .elementor-element.elementor-element-b79ff94 p:last-child {
    font-size: 0.97rem !important;
    line-height: 1.7 !important;
  }

  /* CTA button */
  .elementor-153 .elementor-element.elementor-element-399d4288 .elementor-button {
    padding: 12px 26px !important;
    font-size: 0.88rem !important;
  }
}

/* =============================================
   MOBILE MENU OVERLAY - Light & Premium
   ============================================= */

/* Main drawer background - light, airy, brand-aligned */
.popup-drawer .drawer-inner {
  background-color: #FBFBFA !important;
  color: #2B2F36 !important;
}

/* Overlay scrim - softer dark */
.popup-drawer-overlay,
.drawer-overlay {
  background-color: rgba(43, 47, 54, 0.25) !important;
}

/* Drawer header area */
.popup-drawer .drawer-header {
  background-color: #FBFBFA !important;
  border-bottom: 1px solid #E7E8EC !important;
}

/* Close button icon - brand color */
.popup-drawer .menu-toggle-close,
.popup-drawer .drawer-toggle.menu-toggle-close {
  color: #2B2F36 !important;
}

/* Close icon bars (the X lines) */
.popup-drawer .toggle-close-bar {
  background-color: #2B2F36 !important;
}

/* Navigation menu items */
.popup-drawer .drawer-inner .menu-item a,
.popup-drawer .drawer-inner a {
  color: #2B2F36 !important;
  font-weight: 500;
}

/* Active / current menu item */
.popup-drawer .drawer-inner .current-menu-item > a,
.popup-drawer .drawer-inner .current-menu-ancestor > a,
.popup-drawer .drawer-inner .menu-item a:hover,
.popup-drawer .drawer-inner .menu-item a:focus {
  color: #644E9F !important;
}

/* Navigation widget area inside drawer */
.popup-drawer .drawer-inner .widget_nav_menu a,
.popup-drawer .drawer-inner .kadence-navigation a {
  color: #2B2F36 !important;
}

.popup-drawer .drawer-inner .widget_nav_menu .current-menu-item > a,
.popup-drawer .drawer-inner .kadence-navigation .current-menu-item > a {
  color: #644E9F !important;
}

/* ============================================================
   KAMILLAVINDING.DK – UX SPACING & LAYOUT OPTIMERING
   ============================================================ */

/* -----------------------------------------------------------
   1. TESTIMONIALS: Fix kritisk 60%-padding (= ~739px hver side!)
      Element: 350c2c8e
   ----------------------------------------------------------- */
.elementor-element.elementor-element-350c2c8e {
  --padding-top: 80px !important;
  --padding-bottom: 80px !important;
  --padding-left: 60px !important;
  --padding-right: 60px !important;
}

/* -----------------------------------------------------------
   2. HERO: Reducer min-height 900px → 580px + ret justify
      Element: 1112c793 + 29e101f7
   ----------------------------------------------------------- */
.elementor-element.elementor-element-1112c793 {
  --min-height: 580px !important;
}
.elementor-element.elementor-element-29e101f7 {
  --justify-content: flex-start !important;
  padding-top: 64px !important;
  padding-bottom: 72px !important;
}

/* -----------------------------------------------------------
   3. HERO H1: Fjern 15% margin-top (= ~185px)
      Element: 474b03f2
   ----------------------------------------------------------- */
.elementor-element.elementor-element-474b03f2 {
  margin: 0 0 20px 0 !important;
}

/* -----------------------------------------------------------
   4. PAIN POINTS: Reducer sektion padding let
      Element: 24ab87d2
   ----------------------------------------------------------- */
.elementor-element.elementor-element-24ab87d2 {
  padding-top: 64px !important;
  padding-bottom: 64px !important;
}

/* -----------------------------------------------------------
   5. CTA-SEKTION: Reducer 100px padding til 72px
      Element: e563613
   ----------------------------------------------------------- */
.elementor-element.elementor-element-e563613 {
  padding-top: 72px !important;
  padding-bottom: 72px !important;
}

/* -----------------------------------------------------------
   6. SOCIAL / FØLG MED: Let komprimering
      Element: 1d3f6030
   ----------------------------------------------------------- */
.elementor-element.elementor-element-1d3f6030 {
  padding-top: 48px !important;
  padding-bottom: 56px !important;
}

/* -----------------------------------------------------------
   TABLET (max-width: 1024px)
   ----------------------------------------------------------- */
@media (max-width: 1024px) {
  .elementor-element.elementor-element-474b03f2 {
    margin: 0 0 16px 0 !important;
    text-align: left !important;
  }
  .elementor-element.elementor-element-350c2c8e {
    --padding-top: 60px !important;
    --padding-bottom: 60px !important;
    --padding-left: 40px !important;
    --padding-right: 40px !important;
  }
}

/* -----------------------------------------------------------
   MOBIL (max-width: 767px)
   ----------------------------------------------------------- */
@media (max-width: 767px) {
  /* Hero */
  .elementor-element.elementor-element-1112c793 {
    --min-height: 0px !important;
  }
  .elementor-element.elementor-element-29e101f7 {
    padding-top: 40px !important;
    padding-bottom: 48px !important;
  }

  /* Hero H1 */
  .elementor-element.elementor-element-474b03f2 {
    margin: 0 0 12px 0 !important;
  }

  /* Pain points – fjern 35% margin-top */
  .elementor-element.elementor-element-24ab87d2 {
    --margin-top: 0px !important;
    --margin-bottom: 0px !important;
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }

  /* Testimonials */
  .elementor-element.elementor-element-350c2c8e {
    --padding-top: 48px !important;
    --padding-bottom: 48px !important;
    --padding-left: 20px !important;
    --padding-right: 20px !important;
  }

  /* CTA */
  .elementor-element.elementor-element-e563613 {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }

  /* Social */
  .elementor-element.elementor-element-1d3f6030 {
    padding-top: 36px !important;
    padding-bottom: 40px !important;
  }
}