.elementor-kit-7{--e-global-color-primary:#262424;--e-global-color-secondary:#F9F8F6;--e-global-color-text:#262424;--e-global-color-accent:#262424;--e-global-color-e75f19c:#E8E8E8;--e-global-color-0f26bd5:#D4D1CB;--e-global-color-dd718e7:#F7E164;--e-global-color-f1228eb:#634B1C;--e-global-color-48d932d:#E7E2D8;--e-global-typography-primary-font-family:"Playfair Display";--e-global-typography-primary-font-weight:normal;--e-global-typography-secondary-font-family:"Barlow";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Barlow";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Barlow";--e-global-typography-accent-font-weight:400;background-color:var( --e-global-color-secondary );color:var( --e-global-color-primary );font-family:"Barlow", Sans-serif;font-size:16px;font-weight:400;text-transform:none;font-style:normal;text-decoration:none;line-height:1.4em;--e-page-transition-entrance-animation:e-page-transition-fade-out;--e-page-transition-animation-duration:400ms;}.elementor-kit-7 button,.elementor-kit-7 input[type="button"],.elementor-kit-7 input[type="submit"],.elementor-kit-7 .elementor-button{background-color:var( --e-global-color-primary );font-family:"Barlow", Sans-serif;font-size:16px;font-weight:400;line-height:1.2em;color:var( --e-global-color-secondary );border-radius:16px 16px 16px 16px;padding:20px 20px 20px 20px;}.elementor-kit-7 e-page-transition{background-color:var( --e-global-color-secondary );}body.e-wc-message-notice .woocommerce-message, body.e-wc-message-notice .wc-block-components-notice-banner.is-success{background-color:#FFFFFF;}body.e-wc-message-notice .woocommerce-message .button, body.e-wc-message-notice .wc-block-components-notice-banner.is-success .button{background-color:var( --e-global-color-primary );background-image:var( --e-global-color-primary );font-family:"Barlow", Sans-serif;font-size:16px;font-weight:400;border-width:1px 1px 1px 1px;}body.e-wc-message-notice .woocommerce-message .button:hover, body.e-wc-message-notice .wc-block-components-notice-banner.is-success .button:hover{background-color:#FFFFFF !important;background-image:none !important;}body.e-wc-info-notice .woocommerce-info, body.e-wc-info-notice .wc-block-components-notice-banner.is-info{background-color:#FFFFFF;}body.e-wc-info-notice .woocommerce-info .button, body.e-wc-info-notice .wc-block-components-notice-banner.is-info .button{background-color:var( --e-global-color-primary );background-image:var( --e-global-color-primary );font-family:"Barlow", Sans-serif;font-size:16px;line-height:1.2em;border-width:1px 1px 1px 1px;}body.e-wc-info-notice .woocommerce-info .button:hover, body.e-wc-info-notice .wc-block-components-notice-banner.is-info .button:hover, body.e-wc-info-notice .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce .woocommerce-info .woocommerce-Button:hover, body.e-wc-info-notice .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce .wc-block-components-notice-banner.is-info .woocommerce-Button:hover{background-color:#FFFFFF !important;background-image:none !important;}.elementor-kit-7 a{color:var( --e-global-color-primary );font-weight:normal;}.elementor-kit-7 h1{font-family:"Playfair Display", Sans-serif;font-size:48px;font-weight:normal;line-height:1.2em;}.elementor-kit-7 h2{font-family:"Playfair Display", Sans-serif;font-size:32px;font-weight:400;line-height:1.4em;}.elementor-kit-7 h3{font-family:"Playfair Display", Sans-serif;font-size:28px;font-weight:400;line-height:1.4em;}.elementor-kit-7 h4{font-family:"Playfair Display", Sans-serif;font-size:22px;font-weight:400;line-height:1.6em;}.elementor-kit-7 h5{font-family:"Playfair Display", Sans-serif;font-size:18px;font-weight:400;line-height:1.2em;}.elementor-kit-7 h6{font-family:"Barlow", Sans-serif;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:2px;}.elementor-kit-7 button:hover,.elementor-kit-7 button:focus,.elementor-kit-7 input[type="button"]:hover,.elementor-kit-7 input[type="button"]:focus,.elementor-kit-7 input[type="submit"]:hover,.elementor-kit-7 input[type="submit"]:focus,.elementor-kit-7 .elementor-button:hover,.elementor-kit-7 .elementor-button:focus{color:var( --e-global-color-primary );border-style:none;border-radius:16px 16px 16px 16px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;--container-default-padding-top:4%;--container-default-padding-right:4%;--container-default-padding-bottom:4%;--container-default-padding-left:4%;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.e-wc-error-notice .woocommerce-error, .e-wc-error-notice .wc-block-components-notice-banner.is-error{--error-message-text-color:var( --e-global-color-primary );font-family:"Barlow", Sans-serif;font-size:16px;--error-message-normal-links-color:var( --e-global-color-primary );--error-box-border-radius:0px 0px 0px 0px;}body.e-wc-error-notice .woocommerce-error a.wc-backward, body.e-wc-error-notice .wc-block-components-notice-banner.is-error a.wc-backward{font-family:"Barlow", Sans-serif;}.e-wc-message-notice .woocommerce-message, .e-wc-message-notice .wc-block-components-notice-banner.is-success{--message-message-text-color:var( --e-global-color-primary );font-family:"Barlow", Sans-serif;font-size:16px;--message-message-icon-color:var( --e-global-color-primary );--message-box-border-radius:0px 0px 16px 16px;--message-buttons-normal-text-color:var( --e-global-color-secondary );--message-buttons-hover-text-color:var( --e-global-color-primary );--message-buttons-hover-border-color:var( --e-global-color-primary );--message-border-type:solid;--message-border-color:var( --e-global-color-primary );--message-buttons-border-radius:16px 16px 16px 16px;--message-buttons-padding:16px 28px 16px 28px;}body.e-wc-message-notice .woocommerce-message .restore-item, body.e-wc-message-notice .wc-block-components-notice-banner.is-success .restore-item, body.e-wc-message-notice .woocommerce-message a:not([class]), body.e-wc-message-notice .wc-block-components-notice-banner.is-success a:not([class]){font-family:"Barlow", Sans-serif;}.e-wc-info-notice .woocommerce-info, .e-wc-info-notice .wc-block-components-notice-banner.is-info{--info-message-text-color:var( --e-global-color-primary );font-size:16px;--info-message-icon-color:var( --e-global-color-primary );--info-box-border-radius:0px 0px 16px 16px;--info-buttons-normal-text-color:var( --e-global-color-secondary );--info-buttons-hover-text-color:var( --e-global-color-primary );--info-buttons-hover-border-color:var( --e-global-color-primary );--info-border-type:solid;--info-border-color:var( --e-global-color-primary );--info-buttons-border-radius:16px 16px 16px 16px;--info-buttons-padding:16px 28px 16px 28px;}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-kit-7{font-size:16px;line-height:1.4em;}.elementor-kit-7 h1{font-size:36px;line-height:1.2em;}.elementor-kit-7 h2{font-size:28px;line-height:1.4em;}.elementor-kit-7 h3{font-size:24px;line-height:1.4em;}.elementor-kit-7 h4{font-size:20px;line-height:1.4em;}.elementor-kit-7 h5{font-size:18px;line-height:1.2em;}.elementor-kit-7 h6{font-size:16px;line-height:1.2em;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:768px;}.e-con{--container-max-width:768px;--container-default-padding-top:4%;--container-default-padding-right:4%;--container-default-padding-bottom:4%;--container-default-padding-left:4%;}}@media(max-width:767px){.elementor-kit-7{font-size:16px;line-height:1.4em;}.elementor-kit-7 h1{font-size:32px;line-height:1.2em;}.elementor-kit-7 h2{font-size:24px;line-height:1.4em;}.elementor-kit-7 h3{font-size:18px;line-height:1.4em;}.elementor-kit-7 h4{font-size:16px;line-height:1.4em;}.elementor-kit-7 h5{font-size:16px;}.elementor-kit-7 h6{font-size:16px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:340px;}.e-con{--container-max-width:340px;--container-default-padding-top:8%;--container-default-padding-right:4%;--container-default-padding-bottom:8%;--container-default-padding-left:4%;}}/* Start custom CSS *//* 1️⃣ Import skal altid stå øverst */

@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600;700&family=Barlow:wght@300;400;500;600&display=swap');


/* 2️⃣ Derefter dine font-regler */
h1, h2, .klass {
  font-family: 'Playfair Display', serif !important;
}

/* Sikrer tekst i footeren bruger Barlow */
footer, 
footer p, 
footer li, 
footer a, 
footer span,
.site-footer, 
.site-footer p, 
.site-footer a,
.footer, 
.footer p,
.footer a,
.footer-widgets *, 
.mobile-footer *,
.footer-bottom * {
  font-family: 'Barlow', sans-serif;
}

/* Sikrer overskrifter i footeren bruger Playfair */
footer h1, footer h2, footer h3,
.site-footer h1, .site-footer h2, .site-footer h3,
.footer h1, .footer h2, .footer h3,
.mobile-footer h2, .footer-bottom h2 {
  font-family: 'Playfair Display', serif !important;
}


/* Sørg for at alle afsnit (p-tags) bruger Barlow som font */
p {
  font-family: 'Barlow', sans-serif !important;
}
.woocommerce-Tabs-panel--description p,
.woocommerce-product-details__short-description p {
  font-family: 'Barlow', sans-serif !important;
}
/* Sørg for at al fed tekst bruger Barlow 600 */
strong,
b {
  font-family: 'Barlow', sans-serif !important;
  font-weight: 600 !important;
}





/* 🎯 WooCommerce "Sorter efter" dropdown */
.woocommerce-ordering {
  position: relative; /* nødvendig for at placere ikonet */
  display: inline-block;
}

.woocommerce-ordering select.orderby {
  background-color: transparent !important;
  color: #262424 !important;
  border: 1px solid #262424 !important;
  border-radius: 8px !important;
  padding: .5rem 2.5rem .5rem 1rem !important; 
  /* ekstra plads til ikonet */
  transition: all .3s ease;
  width: auto !important;
  font-family: 'Barlow', sans-serif;
  appearance: none; 
  /* fjerner browserens standardpil */
  -webkit-appearance: none;
  -moz-appearance: none;
  cursor: pointer;
}

/* 🔻 Tilføj chevron-ikon (CSS pseudo-element) */
.woocommerce-ordering::after {
  content: "⌄"; 
  /* alternativt: "\25BE" for trekant, "\f078" hvis du bruger Font Awesome */
  font-size: 1rem;
  color: #262424;
  position: absolute;
  right: 1rem;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none; 
  /* så man stadig kan klikke dropdown’en */
}

/* Hover/focus */
.woocommerce-ordering select.orderby:hover,
.woocommerce-ordering select.orderby:focus {
  border-color: #262424 !important;
  background-color: rgba(255,255,255,0.1);
  outline: none;
}




/*________________*/


/* 🟩 WooCommerce knapper */
body:not(.woocommerce-block-theme-has-button-styles) .woocommerce #respond input#submit,
body:not(.woocommerce-block-theme-has-button-styles) .woocommerce a.button,
body:not(.woocommerce-block-theme-has-button-styles) .woocommerce button.button,
body:not(.woocommerce-block-theme-has-button-styles) .woocommerce input.button {
  color: var(--e-global-color-secondary);
  background-color: #262424;
  border: 1px solid #262424;
  border: 1px solid var(--e-global-color-primary);
  font-family: "Barlow", sans-serif;
  font-weight: 400;
  border-radius: 8px;
  padding: 16px 28px;
  margin-top: 10px;
  transition: all 0.3s ease;
}

/* Hover-effekt */
body:not(.woocommerce-block-theme-has-button-styles) .woocommerce #respond input#submit:hover,
body:not(.woocommerce-block-theme-has-button-styles) .woocommerce a.button:hover,
body:not(.woocommerce-block-theme-has-button-styles) .woocommerce button.button:hover,
body:not(.woocommerce-block-theme-has-button-styles) .woocommerce input.button:hover {
  color: var(--e-global-color-primary);
  background-color: #ffffff;
  border-color: var(--e-global-color-primary);
}
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button:hover {
  color: var(--e-global-color-primary);
  background-color: #ffffff;
  border-color: var(--e-global-color-primary);
}


/* ⃣Font woocommerce widgets */
.elementor-widget-woocommerce-cart .woocommerce {
  font-family: "Barlow", Sans-serif!important;
}

.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product .stock {
  color: #262424;
}

/* Wrapper for rabatkodefelt og knap */
.form-row.coupon-col {
  display: flex;
  align-items: center;
  justify-content: space-between; /* holder elementerne i hver sin side */
  gap: 10px; /* lille mellemrum mellem input og knap */
  flex-wrap: wrap; /* så de bryder pænt på små skærme */
}

/* Input-felt */
.form-row.coupon-col .coupon-col-start {
  flex: 1 1 auto; /* fylder alt ledig plads */
}

.form-row.coupon-col input#coupon_code {
  width: 100%;
  margin-top: 5px;
  padding: 10px 12px;
  border-radius: 8px;
  border: 1px solid #ccc;
  font-family: inherit;
  font-size: 16px;
  box-sizing: border-box;
}

.elementor-widget-woocommerce-cart .woocommerce .input-text.qty {
    padding: 4px 4px!important;
}

/* Style hele Add to Cart containeren */
.elementor-widget-woocommerce-product-add-to-cart {
    text-align: center;          /* eksempel: centrer indhold */
    background-color: none;   /* baggrundsfarve */
    padding: 20px;               /* indvendig afstand */
    border-radius: 8px;          /* afrundede hjørner */
}

/* fjerner 'SKU:' */
.product .sku:before {
    content: ''; 
}


/* Knap */
.form-row.coupon-col .coupon-col-end {
  flex: 0 0 auto; /* holder knappen i fast bredde */
}

.form-row.coupon-col .coupon-col-end .button {
  padding: 12px 20px;
  border-radius: 8px;
  background-color: #262424;
  color: #f9f8f6;
  border: 1px solid var(--e-global-color-primary, #262424);
  font-family: "Barlow", sans-serif;
  font-weight: 400;
  cursor: pointer;
  transition: all 0.3s ease;
}

/* Hover-effekt på knappen */
.form-row.coupon-col .coupon-col-end .button:hover {
  background-color: #ffffff;
  color: var(--e-global-color-primary, #262424);
}

/* Mobilvenlig layout */
@media (max-width: 600px) {
  .form-row.coupon-col {
    flex-direction: column; /* læg input og knap under hinanden */
    align-items: stretch;
  }

  .form-row.coupon-col .coupon-col-end .button {
    width: 100%; /* knappen fylder hele bredden på mobil */
  }
}






/* Custom Buttons with arrows */
.arrow-btn .elementor-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding: 16px 28px;
  border-radius: 16px;
  font-family: "Barlow", sans-serif;
  font-weight: 400;
  transition: all .28s ease;
  position: relative;
  color: inherit;
  width: auto;
  min-width: 50px;
 
  white-space: nowrap; /* forhindrer tekst i at bryde linjen */
}

/* Fjern standard Elementor-ikon */
.arrow-btn .elementor-button .elementor-button-icon {
  display: none !important;
}

/* Pseudo-element til pil */
.arrow-btn .elementor-button::after {
  content: "";
  display: block;
  width: 18px;
  height: 18px;
  background-repeat: no-repeat;
  background-size: contain;
  transition: transform .28s ease;
}

/* Hover: pil glider mod højre */
.arrow-btn .elementor-button:hover::after {
  transform: translateX(6px);
}

/* Sort knap */
.arrow-btn.black .elementor-button {
  background-color: #262424;
  color: #f9f8f6;
  border: 1px solid #262424;
}

.arrow-btn.black .elementor-button::after {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'><path d='M3 12h14' stroke='%23FFFDF9' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/><path d='M13.5 5.5L20 12l-6.5 6.5' stroke='%23FFFDF9' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/></svg>");
}

/* Hvid knap */
.arrow-btn.white .elementor-button {
  background-color: #f9f8f6;
  color: #262424;
  border: 1px solid #262424;
}

.arrow-btn.white .elementor-button::after {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'><path d='M3 12h14' stroke='%23262424' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/><path d='M13.5 5.5L20 12l-6.5 6.5' stroke='%23262424' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/></svg>");
}

/* Transparent knap */
.arrow-btn.transparent .elementor-button {
  background-color: transparent;
  border: 1px solid #262424;
  width: 50px;
  height: 50px;
  padding: 0;
  position: relative;
}
/* === Layout til flere knapper i samme række === */
.arrow-btn-group {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px; /* 20px mellemrum mellem knapper */
  margin-top: 20px;
}

/* Elementor kan tilføje ekstra div'er — dette sikrer afstand alligevel */
.arrow-btn-group > * {
  margin: 0 !important;
}

/* Fallback, hvis gap ikke virker pga. Elementor */
.arrow-btn-group > *:not(:last-child) {
  margin-right: 20px !important;
}

/* Sørg for at knapper selv opfører sig pænt i flex */
.arrow-btn-group .arrow-btn {
  flex: 0 1 auto;
}

/* === Mobiltilpasning === */
@media (max-width: 767px) {
  .arrow-btn-group {
    flex-direction: column;       /* stabler knapperne */
    align-items: stretch;         /* fuld bredde */
    gap: 20px !important;         /* lodret afstand */
  }

  /* Sørg for at alle børn fylder hele bredden */
  .arrow-btn-group > *,
  .arrow-btn-group .arrow-btn,
  .arrow-btn-group .arrow-btn .elementor-button {
    width: 100% !important;
    max-width: none !important;
    margin-right: 0 !important;
  }

  /* Centrer tekst og pil inde i knappen */
  .arrow-btn-group .arrow-btn .elementor-button {
    justify-content: center !important;
  }
}


.arrow-btn.transparent .elementor-button::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 18px;
  height: 18px;
  transform: translate(-50%, -50%);
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'><path d='M3 12h14' stroke='%23262424' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/><path d='M13.5 5.5L20 12l-6.5 6.5' stroke='%23262424' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/></svg>");
  transition: transform .28s ease;
}

.arrow-btn.transparent .elementor-button:hover::after {
  transform: translate(-50%, -50%) translateX(6px);
}

/* Justér scroll-position for Anchor-links */
.elementor-menu-anchor {
  position: relative;
  top: -100px; /* justér tallet efter din header-højde */
}

/* === Layout til flere knapper i samme række === */
.arrow-btn-group {
  display: flex;
  flex-wrap: wrap;
  justify-content: center; /* centrer knapperne */
  gap: 20px; /* 20px mellemrum mellem knapper */
  margin-top: 20px;
}

/* Sørg for at knapperne selv ikke bryder forkert */
.arrow-btn-group .arrow-btn {
  flex: 0 1 auto;
  margin: 0; /* nulstil Elementor-margin */
}

/* Fallback hvis Elementor wrapper knapper */
.arrow-btn-group .arrow-btn:not(:last-child) {
  margin-right: 20px;
}

/* Mobiljustering */
@media (max-width: 767px) {
  .arrow-btn-group {
    flex-direction: column; /* læg knapperne under hinanden */
    align-items: stretch; /* stræk dem i fuld bredde */
    gap: 20px; /* vertikal afstand */
  }

  .arrow-btn-group .arrow-btn {
    width: 100%;
    margin-right: 0 !important;
  }

  .arrow-btn .elementor-button {
    width: 100%; /* fuld bredde */
    justify-content: center;
  }
}

 .elementor-upload-field {
  background-color: #ffffff;
  border-color: var( --e-global-color-e75f19c );
  border-radius: 0px 0px 0px 0px!important;
}

/*MailPoet Slide-in*/
#mp_form_slide_in1.mailpoet_form_position_right {
  border-top-right-radius: 8px!important;
}
#mp_form_slide_in1.mailpoet_form_slide_in {
  border-bottom-left-radius: 8px!important;
  border-bottom-right-radius: 8px!important;
}
@media (min-width: 500px) {
  #mp_form_slide_in1 {
    margin: 10px;
  }
}

/*MFormattering af links i text-widgetsn*/
.elementor-widget-text-editor a {
  position: relative;
  font-weight: 600;
  text-decoration: none;
}

.elementor-widget-text-editor a::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -2px;
  width: 100%;
  height: 1px;
  background-color: currentColor;
  transform: scaleX(0);
 transform-origin: center;
  transition: transform 0.25s ease;
}

.elementor-widget-text-editor a:hover::after {
  transform: scaleX(1);
}

/*Afrundede hjørner på herofilm*/
.elementor-section:has(.elementor-background-video-container),
.e-con:has(.elementor-background-video-container) {
  clip-path: inset(0 round 16px);
  position: relative;
}/* End custom CSS */