.elementor-754 .elementor-element.elementor-element-9e12af4{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-754 .elementor-element.elementor-element-9e12af4:not(.elementor-motion-effects-element-type-background), .elementor-754 .elementor-element.elementor-element-9e12af4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#02010100;}.elementor-754 .elementor-element.elementor-element-9bdf725{--display:flex;}.elementor-754 .elementor-element.elementor-element-bf76e27{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;}.elementor-754 .elementor-element.elementor-element-d6d14bc.elementor-element{--align-self:flex-start;}.elementor-754 .elementor-element.elementor-element-d6d14bc .elementor-icon-box-wrapper{align-items:start;text-align:left;}.elementor-754 .elementor-element.elementor-element-d6d14bc{--icon-box-icon-margin:20px;}.elementor-754 .elementor-element.elementor-element-d6d14bc .elementor-icon{font-size:18px;}.elementor-754 .elementor-element.elementor-element-d6d14bc .elementor-icon-box-title, .elementor-754 .elementor-element.elementor-element-d6d14bc .elementor-icon-box-title a{font-family:var( --e-global-typography-04bd25c-font-family ), Sans-serif;font-size:var( --e-global-typography-04bd25c-font-size );font-weight:var( --e-global-typography-04bd25c-font-weight );line-height:var( --e-global-typography-04bd25c-line-height );}.elementor-754 .elementor-element.elementor-element-907bb8d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--border-radius:12px 12px 12px 12px;}.elementor-754 .elementor-element.elementor-element-907bb8d:not(.elementor-motion-effects-element-type-background), .elementor-754 .elementor-element.elementor-element-907bb8d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-09b637e );}#elementor-popup-modal-754 .dialog-widget-content{background-color:#02010100;box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}#elementor-popup-modal-754 .dialog-message{width:280px;height:auto;}#elementor-popup-modal-754{justify-content:flex-end;align-items:flex-end;}@media(max-width:1366px){.elementor-754 .elementor-element.elementor-element-d6d14bc .elementor-icon-box-title, .elementor-754 .elementor-element.elementor-element-d6d14bc .elementor-icon-box-title a{font-size:var( --e-global-typography-04bd25c-font-size );line-height:var( --e-global-typography-04bd25c-line-height );}}@media(max-width:1024px){.elementor-754 .elementor-element.elementor-element-d6d14bc .elementor-icon-box-title, .elementor-754 .elementor-element.elementor-element-d6d14bc .elementor-icon-box-title a{font-size:var( --e-global-typography-04bd25c-font-size );line-height:var( --e-global-typography-04bd25c-line-height );}}@media(max-width:767px){.elementor-754 .elementor-element.elementor-element-d6d14bc .elementor-icon-box-title, .elementor-754 .elementor-element.elementor-element-d6d14bc .elementor-icon-box-title a{font-size:var( --e-global-typography-04bd25c-font-size );line-height:var( --e-global-typography-04bd25c-line-height );}}@media(min-width:768px){.elementor-754 .elementor-element.elementor-element-9e12af4{--content-width:100%;}}/* Start custom CSS for button, class: .elementor-element-eb8aeba *//* Make the Elementor button look like text-only */
.simpel-cta-dark .elementor-button {
  background: none;
  border: 0;
  padding: 0;
  color: #000;
  display: inline-flex;
  height: 30px;
}

/* Keep text + trailing circle aligned with spacing */
.simpel-cta-dark .elementor-button-content-wrapper {
  display: inline-flex;
  align-items: center;
  gap: 12px; /* 12px space between text and circle */
  position: relative; /* anchor for the pseudo-element */
}

/* Trailing circle AFTER the text, also hosts the arrow (clipped inside) */
.simpel-cta-dark .elementor-button-content-wrapper::after {
  content: "";
  display: inline-block;
  width: 7px;              /* initial dot size */
  height: 7px;
  border-radius: 50%;
  background-color: #000;  /* circle color */
  overflow: hidden;        /* clip the arrow inside the circle */
  /* Put the arrow as a layered background that slides in */
  background-image: url("/wp-content/uploads/2025/08/pil-frem-hvid.svg");
  background-repeat: no-repeat;
  background-size: 16px 16px;           /* arrow size */
  background-position: -20px center;     /* start outside left */
  transition:
    width .25s ease,
    height .25s ease,
    border-radius .25s ease,
    background-position .2s ease;  /* arrow slides in after expand */
}

/* Hover: circle expands, then arrow slides to center, clipped by the circle */
.simpel-cta-dark .elementor-button:hover .elementor-button-content-wrapper::after {
  width: 30px;              /* expanded circle size */
  height: 30px;
  border-radius: 50%;
  background-position: center center; /* arrow moves in */
}

.simpel-cta-dark .elementor-button:hover {
    background: none; 
      color: #000;
}

/* Respect reduced motion */
@media (prefers-reduced-motion: reduce) {
  .simpel-cta-dark .elementor-button-content-wrapper::after {
    transition: none;
    background-position: center center;
    width: 24px;
    height: 24px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9e12af4 *//* =================== Floating CTA — pill → card (generic) =================== */
.elementor-popup-modal.floating-cta,
.elementor-popup-modal.floating-cta .dialog-widget,
.elementor-popup-modal.floating-cta .dialog-widget-content,
.elementor-popup-modal.floating-cta .dialog-lightbox-message,
.elementor-popup-modal.floating-cta .dialog-message,
.elementor-popup-modal.floating-cta .elementor { transform: none !important; }

.elementor-popup-modal.floating-cta .dialog-widget-content,
.elementor-popup-modal.floating-cta .dialog-lightbox-message,
.elementor-popup-modal.floating-cta .dialog-header {
  background: transparent !important; 
  border: 0 !important; 
  box-shadow: none !important;
  padding: 0 !important; 
  margin: 0 !important; 
  overflow: visible !important;
}
.elementor-popup-modal.floating-cta .dialog-close-button { display: none !important; }

.elementor-popup-modal.floating-cta .e-con,
.elementor-popup-modal.floating-cta .e-con-inner,
.elementor-popup-modal.floating-cta .elementor-element {
  background: transparent !important; 
  padding: 2.5px !important; 
  margin: 0 !important;
  width: auto !important; 
  max-width: none !important; 
  overflow: visible !important;
  justify-content: flex-start !important; 
  align-items: left !important; 
  text-align: left !important;
}

/* ===================== The MORPHING BOX (pill → card) ===================== */
.elementor-popup-modal.floating-cta .floating-cta-box{
  position: fixed !important; right: 12px; bottom: 12px; z-index: 100000;

  width: 260px !important; 
  max-width: 260px !important; 
  min-width: 260px !important;
  flex: 0 0 260px !important; --container-widget-width: 260px; --container-widget-flex-grow: 0;

  background: rgba(255,255,255,0.55) !important;
  border: 0.5px solid rgba(255,255,255,0.38) !important;
  backdrop-filter: blur(6px) !important; -webkit-backdrop-filter: blur(6px) !important;
  border-radius: 22.5px !important;

  display: grid !important;
  grid-template-rows: auto 0fr;           /* CLOSED: panel takes no space */
  row-gap: 8px;

  /* pill height */
  padding: 0 !important;
  max-height: 50px !important;            /* 40px circle + 5px top/bottom */
  overflow: hidden !important;

  transform: translateY(0) !important;
  box-shadow: 0 4px 12px rgba(0,0,0,0.08);

  transition:
    max-height .42s cubic-bezier(.22,.61,.36,1),
    box-shadow .28s ease,
    grid-template-rows .42s cubic-bezier(.22,.61,.36,1);
}

/* OPEN = card (no vertical move; grows upward) */
.elementor-popup-modal.floating-cta.is-open .floating-cta-box{
  padding: 5px 12px 12px 5px !important;  /* 5px top/left keeps circle perfect */
  max-height: 1000px !important; overflow: visible !important;
  grid-template-rows: auto 1fr;           /* OPEN: panel participates in layout */
  box-shadow: 0 8px 24px rgba(0,0,0,0.12);
}

/* ============================== HEADER (pill) ============================== */
.elementor-popup-modal.floating-cta .floating-cta-box .cta-header{
  position: relative; z-index: 3;
  display: flex !important; align-items: center !important; justify-content: flex-start !important;
  gap: 12px !important;
  padding: 5px 14px 5px 5px !important;   /* exact pill fit */
  height: auto !important; min-height: 0 !important;
  background: transparent !important; color: #000 !important;
  cursor: pointer; user-select: none;
}

.elementor-popup-modal.floating-cta .cta-head .elementor-icon-box,
.elementor-popup-modal.floating-cta .cta-head .elementor-icon-box-wrapper{
  width: auto !important; max-width: 100% !important;
}
.elementor-popup-modal.floating-cta .cta-head .elementor-icon-box-wrapper{
  display: inline-flex !important; flex-direction: row !important;
  align-items: center !important; justify-content: flex-start !important;
  gap: 16px !important; min-height: 40px;
}

.elementor-popup-modal.floating-cta .cta-head .elementor-icon-box-content{ text-align: left !important; }
.elementor-popup-modal.floating-cta .cta-head .elementor-icon-box-title{
  margin: 0 !important; line-height: 1.2 !important;
  white-space: normal !important; word-break: break-word !important; color: #000 !important;
}
.elementor-popup-modal.floating-cta .cta-head .elementor-icon-box-title a{
  color: #000 !important; text-decoration: none !important;
}

/* Circle + arrow */
.elementor-popup-modal.floating-cta .cta-head .elementor-icon-box-icon .elementor-icon{
  width: 40px; height: 40px; flex: 0 0 40px !important;
  border-radius: 50%; background: #fff !important;
  display: flex; align-items: center; justify-content: center;
}
.elementor-popup-modal.floating-cta .cta-head .elementor-icon-box-icon .elementor-icon svg{
  width: 17px; height: auto; display: block; color: #000; fill: currentColor;
  transform-origin: 50% 50%; transition: transform .25s ease;
}
.elementor-popup-modal.floating-cta:not(.is-open) .cta-head .elementor-icon-box-icon .elementor-icon svg{ transform: rotate(-45deg); }
.elementor-popup-modal.floating-cta:not(.is-open) .cta-header:hover .cta-head .elementor-icon-box-icon .elementor-icon svg{ transform: rotate(0deg); }
.elementor-popup-modal.floating-cta.is-open .cta-head .elementor-icon-box-icon .elementor-icon svg{ transform: rotate(45deg); }

/* ================================== PANEL ================================== */
/* CLOSED: panel should take no space and be non-interactive */
.elementor-popup-modal.floating-cta .floating-cta-box .cta-panel{
  position: relative; z-index: 2;
  width: 100% !important;
  background: transparent !important;     /* glass is on the box */
  opacity: 0; visibility: hidden; pointer-events: none;
  transform: translateY(6px);
  max-height: 0 !important; overflow: hidden !important;  /* <- collapse layout */
  transition:
    opacity .20s ease .12s,
    transform .42s cubic-bezier(.22,.61,.36,1),
    visibility 0s linear .12s,
    max-height .42s cubic-bezier(.22,.61,.36,1);
}

/* OPEN: show panel and expand its layout height */
.elementor-popup-modal.floating-cta.is-open .floating-cta-box .cta-panel{
  opacity: 1; visibility: visible !important; pointer-events: auto !important;
  transform: translateY(0);
  max-height: 1000px !important; overflow: visible !important;
}

/* Text wrap + LEFT aligned inner CTA button */
.elementor-popup-modal.floating-cta .floating-cta-box .cta-panel,
.elementor-popup-modal.floating-cta .floating-cta-box .cta-panel *{
  white-space: normal !important; overflow-wrap: anywhere !important; word-break: break-word !important;
  color: #000 !important; text-align: left !important;
}

/* Hard-left the button in case Elementor centers it */
.elementor-popup-modal.floating-cta .floating-cta-box .cta-panel .elementor-button-wrapper{
  display: flex !important; width: 100% !important;
  justify-content: flex-start !important; align-items: center !important;
  margin: 0 !important;
}
.elementor-popup-modal.floating-cta .floating-cta-box .cta-panel .elementor-button{
  margin: 0 !important;                 /* kill auto-centering margins */
}

/* Remove extra bottom gap inside panel */
.elementor-popup-modal.floating-cta .floating-cta-box .cta-panel .elementor-widget:last-child{
  margin-bottom: 0 !important;
}

/* ========================= Remove blue focus outlines ====================== */
.elementor-popup-modal.floating-cta *:focus,
.elementor-popup-modal.floating-cta *:focus-visible { outline: none !important; box-shadow: none !important; }

/* === Præcis justering af cirklens placering og pill/card-padding === */

/* 1) Sæt en lokal variabel for gap’et (du kan tweake denne én værdi) */
.elementor-popup-modal.floating-cta .floating-cta-box{
  --gap: 2.5px;                           /* ← 2,5 px luft hele vejen rundt */
}

/* 2) LUKKET tilstand: pill-højde = 40px + 2*gap = 45px */
.elementor-popup-modal.floating-cta .floating-cta-box{
  max-height: calc(40px + (var(--gap) * 2)) !important;   /* = 45px */
}

/* Headeren styrer pillens indre luft: cirkel + tekst har var(--gap) hele vejen */
.elementor-popup-modal.floating-cta .floating-cta-box .cta-header{
  padding: var(--gap) 14px var(--gap) var(--gap) !important;
}

/* 3) ÅBEN tilstand: selve kortet har var(--gap) top/venstre, 
   så cirklen stadig står var(--gap) fra hjørnet. Headeren får 0,
   så vi undgår dobbelt-padding. */
.elementor-popup-modal.floating-cta.is-open .floating-cta-box{
  padding: var(--gap) 12px 12px var(--gap) !important;
}
.elementor-popup-modal.floating-cta.is-open .floating-cta-box .cta-header{
  padding: 0 12px 0 0 !important;
}

/* 4) Sørg for at icon-box’en ikke skubber højden: ingen min-height > 40 */
.elementor-popup-modal.floating-cta .cta-head .elementor-icon-box-wrapper{
  min-height: 40px !important;            /* cirkel er 40px høj */
}

/* 5) Cirklen er præcis 40px (så 40 + 2*2.5 = 45px total pill) */
.elementor-popup-modal.floating-cta .cta-head .elementor-icon-box-icon .elementor-icon{
  width: 40px; height: 40px; flex: 0 0 40px !important;
}

/* 6) (valgfrit) hvis overskriftens linjehøjde løfter pillen, 
   kan du låse den lidt strammere: */
.elementor-popup-modal.floating-cta .cta-head .elementor-icon-box-title{
  line-height: 1.2 !important;            /* eller 1.1 hvis du vil have den strammere */
}

/* 7) Venstrestil simpel-cta-knappen i panelet (hårdt) */
.elementor-popup-modal.floating-cta .floating-cta-box .cta-panel .elementor-button-wrapper{
  display: flex !important;
  justify-content: flex-start !important; /* ← venstre */
  width: 100% !important;
  margin: 0 !important;
}
.elementor-popup-modal.floating-cta .floating-cta-box .cta-panel .elementor-button{
  margin: 0 !important;
}/* End custom CSS */