.elementor-kit-4{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#404D36;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-4 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.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);}.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-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* --- Image inside the layer (added via the content area) --- */
.img-cover  .elementor-flip-box__layer img{ width:100%; height:100%; object-fit:cover; }
.img-contain .elementor-flip-box__layer img{ width:100%; height:100%; object-fit:contain; }

/* --- Image set as BACKGROUND on the layer (Style → Background) --- */
.bg-cover  .elementor-flip-box__layer,
.bg-cover  .elementor-flip-box__layer .elementor-background-overlay{
  background-size:cover; background-position:center; background-repeat:no-repeat;
}
.bg-contain .elementor-flip-box__layer,
.bg-contain .elementor-flip-box__layer .elementor-background-overlay{
  background-size:contain; background-position:center; background-repeat:no-repeat;
}

/* Back button positioning (center bottom on mobile, bottom-right on desktop) */
.back-btn .elementor-flip-box__back{ position:relative; }
.back-btn .elementor-flip-box__back .elementor-flip-box__button,
.back-btn .elementor-flip-box__back .elementor-button{
  position:absolute; left:50%; bottom:12px; transform:translateX(-50%);
  background:#404D36; border:2px solid #404D36; color:#fff; border-radius:10px;
  padding:12px 18px; font-weight:800; box-shadow:0 6px 20px rgba(0,0,0,.18); z-index:3;
}
@media (min-width:768px){
  .back-btn .elementor-flip-box__back .elementor-flip-box__button,
  .back-btn .elementor-flip-box__back .elementor-button{
    left:auto; right:16px; bottom:16px; transform:none;
  }
}

/* ===== IMG på baksiden: fyll hele flaten, uten å sprenge høyden ===== */
.bg-img-be .elementor-flip-box__back{
  padding:0 !important;                  /* ikke la padding krympe bildet */
  overflow:hidden;                       /* ikke vis scrollbars */
}

.bg-img-be .elementor-flip-box__back .elementor-flip-box__layer__inner{
  width:100%; height:100%;
  display:flex; align-items:center; justify-content:center;
  padding:0 !important;
}

/* Dekker både Flip Box sin innebygde “image” og et separat Image-widget */
.bg-img-be .elementor-flip-box__back .elementor-flip-box__image,
.bg-img-be .elementor-flip-box__back .elementor-widget-image{
  width:100% !important; height:100% !important;
}

.bg-img-be .elementor-flip-box__back img{
  width:100% !important;
  height:100% !important;
  max-width:none !important;
  object-fit:contain !important;         /* vis hele tegningen */
  object-position:center !important;
}

/* Ikke noe mørkt overlay på baksiden selv om tema/innstillinger prøver */
.bg-img-be .elementor-flip-box__back::after{ display:none !important; }

/* Knapp-plassering (du har ct-btn-klassen fra før) */
.ct-btn .elementor-flip-box__back .elementor-button,
.ct-btn .elementor-flip-box__back .elementor-flip-box__button{
  position:absolute; right:16px; bottom:16px; z-index:3;
  background:#404D36; border:2px solid #404D36; color:#fff;
  padding:10px 16px; border-radius:8px; font-weight:800;
  box-shadow:0 6px 20px rgba(0,0,0,.18);
}
.ct-btn .elementor-flip-box__back .elementor-button:hover,
.ct-btn .elementor-flip-box__back .elementor-flip-box__button:hover{
  background:transparent; color:#404D36; border-color:#404D36;
}
@media (max-width:767px){
  .ct-btn .elementor-flip-box__back .elementor-button,
  .ct-btn .elementor-flip-box__back .elementor-flip-box__button{
    left:50%; right:auto; bottom:12px; transform:translateX(-50%);
    padding:12px 18px; border-radius:10px;
  }
}

/* ============== HORIZONTAL SCROLL PÅ BAKSIDEN ============== */
/* Aktiveres kun når flip-boksen har klassen .hscroll-img */

@media (max-width: 1024px){ /* gjerne kun på mobil/nettbrett */
  .hscroll-img .elementor-flip-box__back{
    overflow: hidden;                  /* skjul vertikal scroll */
    position: relative;
  }

  /* Selve "lerretet" på baksiden får sideveis scroll */
  .hscroll-img .elementor-flip-box__back .elementor-flip-box__layer__inner{
    height: 100%;
    width: 100%;
    overflow-x: auto;                  /* ⟵ sideveis scroll */
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch; /* smooth iOS */
    scrollbar-width: thin;             /* litt smalere på Firefox */
  }

  /* Bildet gjør vi høyde-basert, så bredde kan overskride og scrolles */
  .hscroll-img .elementor-flip-box__back img{
    height: 100% !important;
    width: auto !important;            /* ⟵ bredere enn container */
    max-width: none !important;        /* ikke krymp i bredden */
    display: block;
    object-fit: contain !important;    /* behold proporsjoner */
    object-position: left center !important;
  }

  /* Hvis du bruker Flip Box sitt innebygde image-wrapper */
  .hscroll-img .elementor-flip-box__back .elementor-flip-box__image,
  .hscroll-img .elementor-flip-box__back .elementor-widget-image{
    height: 100% !important;
    width: auto !important;
  }

  /* La PDF-knappen ligge over bildet mens man scroller */
  .hscroll-img.ct-btn .elementor-flip-box__back .elementor-button,
  .hscroll-img.ct-btn .elementor-flip-box__back .elementor-flip-box__button{
    position: absolute;
    left: 50%; bottom: 12px; transform: translateX(-50%);
    z-index: 5;
  }
}

/* Valgfritt: små fade-masker i kantene for å indikere scrollbarhet */
@media (max-width: 1024px){
  .hscroll-img .elementor-flip-box__back::before,
  .hscroll-img .elementor-flip-box__back::after{
    content:""; position:absolute; top:0; bottom:0; width:24px; z-index:4;
    pointer-events:none;
  }
  .hscroll-img .elementor-flip-box__back::before{
    left:0; background:linear-gradient(to right, rgba(0,0,0,.18), transparent);
  }
  .hscroll-img .elementor-flip-box__back::after{
    right:0; background:linear-gradient(to left, rgba(0,0,0,.18), transparent);
  }
}/* End custom CSS */