.elementor-kit-10{--e-global-color-primary:#303633;--e-global-color-secondary:#565E57;--e-global-color-text:#000000;--e-global-color-accent:#2A3D45;--e-global-color-26e4df6:#2D2E2E;--e-global-color-d56f957:#A3A3A3;--e-global-color-02bcaf1:#393E41;--e-global-color-dc9349b:#263D42;--e-global-color-e7556c4:#639A88;--e-global-color-0ee4259:#4D8079;--e-global-typography-primary-font-family:"Inter";--e-global-typography-primary-font-weight:400;--e-global-typography-primary-letter-spacing:0.1rem;--e-global-typography-secondary-font-family:"Inter";--e-global-typography-secondary-font-weight:400;--e-global-typography-secondary-letter-spacing:0.1rem;--e-global-typography-text-font-family:"Inter";--e-global-typography-text-font-weight:400;--e-global-typography-text-letter-spacing:0.1rem;--e-global-typography-accent-font-family:"Inter";--e-global-typography-accent-font-weight:400;--e-global-typography-accent-letter-spacing:0.1rem;}.elementor-kit-10 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){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:820px){.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 */.return-to-top {
  display: none;
  /* Alternatively, if you want to use opacity and transitions:
  opacity: 0;
  transition: opacity 0.5s ease-in-out;
  */
}


.taletid-container {
  height: 100vh;                /* Fallback */
  height: calc(var(--vh) * 100);
  overflow: hidden;
}




/* Lenis */

html {
  scroll-behavior: auto !important;
}
html.lenis {
  height: auto;
}
.lenis.lenis-smooth {
  scroll-behavior: auto;
}
.lenis.lenis-smooth [data-lenis-prevent] {
  overscroll-behavior: contain;
}
.lenis.lenis-stopped {
  overflow: hidden;
}



/* 1) Sæt standard-størrelse og farve-variabler på selve widgetten – med !important */
.pager--numbers {
  --swiper-pagination-bullet-size: 36px !important;               /* cirkelstørrelse */
  --swiper-pagination-bullet-horizontal-gap: 10px !important;
  --swiper-pagination-bullet-inactive-opacity: 1 !important;
  --swiper-pagination-bullet-opacity: 1 !important;
  --swiper-pagination-bullet-inactive-color: #565E57 !important;  /* fallback til tema */
  --swiper-pagination-color: #26081C !important;                  /* aktiv farve */
}

/* 2) Layout + tal-counter */
.pager--numbers .swiper-pagination {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  align-items: center !important;
  gap: var(--swiper-pagination-bullet-horizontal-gap) !important;
  counter-reset: slide !important;
}

/* 3) Cirklerne (inaktive) – maksimal override */
.pager--numbers .swiper-pagination .swiper-pagination-bullet {
  position: relative !important;
  width: var(--swiper-pagination-bullet-size) !important;
  height: var(--swiper-pagination-bullet-size) !important;
  box-sizing: border-box !important;           /* så kant medregnes i størrelsen */
  border-radius: 50% !important;
  background: #ffffff !important;              /* brug 'background' (ikke kun -color) */
  border: 1px solid #d3d3d3 !important;
  opacity: 1 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 auto !important;
  cursor: pointer !important;
  transform: none !important;                  /* nulstil evt. tema-scale */
  transition: transform 160ms ease, box-shadow 160ms ease,
              background-color 160ms ease, color 160ms ease, border-color 160ms ease !important;
  counter-increment: slide !important;
}

/* 4) Tallene i cirklerne */
.pager--numbers .swiper-pagination .swiper-pagination-bullet::before {
  content: counter(slide) !important;
  font: 600 14px/1.2 Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif !important;
  color: #26081C !important;
}

/* 5) Hover */
.pager--numbers .swiper-pagination .swiper-pagination-bullet:hover,
.pager--numbers .swiper-pagination .swiper-pagination-bullet:focus-visible {
  background: #ffffff !important;
  border-color: #26081C !important;
  transform: translateY(-2px) !important;
}

/* 6) Aktiv bullet (større + farvet) */
.pager--numbers .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #26081C !important;
  border-color: #26081C !important;
  transform: scale(1.35) !important;
  box-shadow: 0 4px 12px rgba(43,108,176,.35) !important;
  z-index: 2 !important;
}
.pager--numbers .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::before {
  color: #ffffff !important;
}

/* 7) Mobil */
@media (max-width: 480px) {
  .pager--numbers { --swiper-pagination-bullet-size: 28px !important; }
  .pager--numbers .swiper-pagination .swiper-pagination-bullet::before { font-size: 12px !important; }
}


/* ----- Desktop: fixed filter + skub content ----- */
@media (min-width: 1025px) {
  /* Filter */
  .filter-column {
    position: fixed !important;
    top: 50px;                 /* justér hvis header/adminbar er højere/lavere */
    left: 5%;                /* vil blive opdateret af JS hvis container bruges */
    width: 260px;              /* din ønskede faste bredde */
    z-index: 9999;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    will-change: transform, opacity;
    backface-visibility: hidden;
  }

  /* Content: skubbes til højre så den ikke ligger under filter */
  .content-column {
    margin-left: calc(260px + 5%); /* samme som filter width + gap */
    transition: margin-left .18s ease;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}

/* ----- Slå fixed helt fra på tablet/mobil ----- */
@media (max-width: 1024px) {
  .filter-column { position: static !important; left: auto !important; top: auto !important; width: auto !important; }
  .content-column { margin-left: 0 !important; }
}

/* ----- Forebyggende forældre-problem (midlertidig testregel) ----- */
/* Hvis forældre har transform/filter kan sticky/fixed opføre sig underligt.
   Fjern kommentaren midlertidigt hvis du vil teste. */
.parent-grid, .elementor-section, .elementor-column {
  /* transform: none !important; filter: none !important; */
}

/* ----- Simple visual tweaks (valgfrit) ----- */
.filter-column { box-sizing: border-box; }
.content-column img { display:block; max-width:100%; height:auto; }/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url('https://sprogselskabet.dk/wp-content/uploads/Inter-Bold.woff2') format('woff2');
}
@font-face {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 900;
	font-display: swap;
	src: url('https://sprogselskabet.dk/wp-content/uploads/Inter-Black.woff2') format('woff2');
}
@font-face {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 300;
	font-display: swap;
	src: url('https://sprogselskabet.dk/wp-content/uploads/Inter-Light.woff2') format('woff2');
}
/* End Custom Fonts CSS */