/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */


@import url('https://fonts.googleapis.com/css2?family=Lexend+Deca:wght@400;600&display=swap');

body,
h1, h2, h3, h4, h5, h6, p {
    font-family: 'Lexend Deca', sans-serif !important;

/* Gør CTA-titlen større, når du har givet CTA'en klassen h2-b */
.h2-b .elementor-cta__title {
  font-size: 34px;
  font-weight: 600;
  line-height: 1.1;
  text-align: center; /* valgfrit */
}
  
/* Gør pause-tegnet 0-bredde, men behold det i DOM så TTS læser det */
.tts-gap{
  display:inline;
  font-size:0;      /* ingen visuel bredde */
  line-height:0;    /* ingen ekstra højde */
  letter-spacing:0; /* nul evt. spacing */
  margin:0; padding:0; border:0;
}
/* === RUND BILLED-CARD (kun udseende) === */
.circle-card{
  /* størrelse styres af Elementor Grid (kolonnebredde) */
  aspect-ratio: 1 / 1;      /* gør boksen kvadratisk uanset bredde */
  border-radius: 50%;
  overflow: hidden;
  position: relative;
  padding: 0 !important;
  border: 10px solid #E7F0C4; /* kantfarve */
  transition: transform .25s ease;
}
.circle-card:hover{ transform: scale(1.04); }

/* billedet fylder hele cirklen */
.circle-card .elementor-widget-image img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  border-radius: 50%;
}

/* fuld overlay der følger rundingen */
.circle-card::after{
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 50%;
  background-color: #12480652; /* overlay */
  z-index: 1;
  pointer-events: none;
}

/* titel helt i midten over overlay */
.circle-title{
  position: absolute !important;
  inset: 0;
  display: grid;
  place-items: center;
  text-align: center;
  z-index: 2;       /* over overlay */
  pointer-events: none;
  margin: 0;
}
/* farve/størrelse på teksten styrer du i Elementor → Style → Typography */
  
 /* hold alt inde i rækken – ingen vandret scrollbar */
.circle-row{
  overflow-x: clip;      /* moderne browsere */
  max-width: 100%;
}

/* sørg for at kant (border) tæller med i cellens bredde */
.circle-card{
  box-sizing: border-box;
  width: 100%;               /* fyld grid-cellen præcist */
  transform-origin: center;  /* så zoom ikke skubber ud mod kanten */
}

/* slå hover-zoom fra på touch-enheder (tablet/mobil) */
@media (hover: none){
  .circle-card:hover{ transform: none; }
}

/* ==========================================================
   Linjefag – Loop Carousel (runde kort UDEN overlay)
   Struktur i loop item:
   - Kort/container:     .circle-card-linjefag
   - Indholds-wrapper:   .circle-content-linjefag
   - Titel:              .circle-title-linjefag
   - Knap-wrap:          .circle-btn-linjefag
   På siden: karusel widget class="linjefag-carousel"
   ========================================================== */

/* ----- Karusel: fjern clipping & utilsigtet baggrund, centrér slides ----- */
.linjefag-carousel,
.linjefag-carousel .elementor-widget-container,
.linjefag-carousel .swiper,
.linjefag-carousel .swiper-wrapper,
.linjefag-carousel .swiper-slide,
.linjefag-carousel .e-loop-item {
  overflow: visible !important;
  background: transparent !important;
  padding: 0 !important;
}

/* Centrér hvert slide indhold (cirklen) */
.linjefag-carousel .swiper-slide {
  display: grid !important;
  place-items: center !important;
}

/* Ekstra wrappers i nogle temaer – hold dem rene */
.linjefag-carousel .e-loop-item .elementor-container,
.linjefag-carousel .e-loop-item .elementor-column,
.linjefag-carousel .e-loop-item .elementor-widget-wrap {
  background: transparent !important;
  padding: 0 !important;
}

/* ----- Rundt kort (ingen kant, intet overlay) ----- */
.circle-card-linjefag {
  width: 100%;                 /* fyld slidebredden */
  height: auto;                /* bestemmes af aspect-ratio */
  aspect-ratio: 1 / 1;         /* kvadrat → rund med border-radius */
  border-radius: 50%;
  overflow: hidden;
  position: relative;
  line-height: 0;              /* fjern img-baseline hak i bunden */
  padding: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  transition: transform .25s ease;
}

/* Let, sikker hover-zoom (kan slås fra ved behov) */
.circle-card-linjefag:hover { transform: scale(1.04); }

/* Billedet fylder hele cirklen præcist */
.circle-card-linjefag .elementor-widget-image,
.circle-card-linjefag .elementor-widget-image img {
  margin: 0 !important;
  padding: 0 !important;
}
.circle-card-linjefag .elementor-widget-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  border-radius: 50%;
}

/* ----- Indhold i midten (titel + knap) ----- */
.circle-content-linjefag {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 12px;                  /* afstand mellem titel og knap */
  z-index: 2;
  pointer-events: none;       /* knappen fanger klik via wrap */
  text-align: center;
}

/* Titel (styres i Elementor → Typography) */
.circle-title-linjefag {
  margin: 0;
  color: #fff;
  text-shadow: 0 1px 2px rgba(0,0,0,.45);
}

/* Knap */
.circle-btn-linjefag { pointer-events: auto; }
.circle-btn-linjefag .elementor-button {
  border-radius: 999px;
  padding: 8px 16px;
  background: rgba(0,0,0,.35);
  color: #fff;
  border: 2px solid #fff;
  transition: background .25s ease, color .25s ease;
}
.circle-btn-linjefag .elementor-button:hover {
  background: #fff;
  color: #124806;
}

/* ----- Pile i karusellen (centrér ikon i runde knapper) ----- */
.linjefag-carousel .elementor-swiper-button {
  width: 44px;
  height: 44px;
  border-radius: 999px;
  display: grid;
  place-items: center;
  background: rgba(0,0,0,.35);
  color: #fff;
  backdrop-filter: blur(2px);
  top: 50%;
  transform: translateY(-50%);
  transition: background .3s ease;
}
.linjefag-carousel .elementor-swiper-button:hover { background: rgba(0,0,0,.55); }
.linjefag-carousel .elementor-swiper-button-prev { left: 0px; }
.linjefag-carousel .elementor-swiper-button-next { right: 0px; }
.linjefag-carousel .elementor-swiper-button i,
.linjefag-carousel .elementor-swiper-button svg {
  margin: 0; line-height: 1; font-size: 18px;
}

/* ----- Touch: deaktiver zoom så intet “hopper” ud af slidet ----- */
@media (hover: none) {
  .circle-card-linjefag:hover { transform: none; }
}
  
  .wpem-event-listings .wpem-event-banner,
.wpem-event-listings .wpem-event-thumbnail,
.wpem-event-listings .wpem-event-image,
.wpem-event-listings .event_listing_thumbnail,
.wpem-event-listings .listing_thumbnail {
    display: none !important;
}

/* Fjern evt. tom plads når billede er væk */
.wpem-event-listings .wpem-event-layout-wrapper {
    padding-left: 0 !important;
}
  
  /* WP Event Manager: skjul lokation-linjen (pin + tom lokation “-”) */
.wpem-event-listings .wpem-event-location,
.wpem-event-listings .wpem-location,
.wpem-event-listings .event_listing-location,
.wpem-event-listings .event_listing_location {
  display: none !important;
}
  
/* WP Event Manager: fjern Lokation-feltet i filterbaren */
.wpem-form-group.wpem-location-container{
  display: none !important;
}
    /* Events uden info: gør links "døde" i UI */
.fe-evt-not-clickable a {
  pointer-events: none;
  cursor: default;
  text-decoration: none;
}