:root {
  --myTopHeading: clamp(6rem, 10vw, 100px);
  --subhero-height: 350px;
  --narrow-content: 800px;
  --mask-color: var(--neutral-ultra-light);
}


h1 i, .p1-heading i {
  font-family: 'Great Vibes', cursive;
  font-weight: 400;
  font-style: normal;
  font-size: var(--myTopHeading);
  line-height: 0.4em;
  margin-bottom: 0;
  color: var(--primary);
  text-transform: none;
  letter-spacing: normal;
}


.footer-nav__link {
  position: relative;
  padding-left: 1em; /* plads til ikonet */
}

.footer-nav__link::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 0.6em;
  height: 0.6em;
  background-image: url('https://woodviking.dk/wp-content/uploads/chevron-right-solid-white.svg');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

.bm-contact-info-card__heading a {
  color: var(--white);
}

.bm-contact-info-card__heading a:visited,
.bm-contact-info-card__heading a:hover,
.bm-contact-info-card__heading a:focus,
.bm-contact-info-card__heading a:focus-visible,
.bm-contact-info-card__heading a:active {
  color: var(--white-trans-60);
}


/* Generelle bullets */
sr7-bullets {
  left: calc(50% - 5px) !important;
  transform: translateX(-50%) translateY(-30px) !important;
}


sr7-bullet {
    width: 20px !important;
    height: 20px !important;
    margin-bottom: 0px;
    background-image: url('https://woodviking.dk/wp-content/uploads/broncekugle.png') !important;
    background-size: contain !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-color: transparent !important;
    border: none !important;
    margin: 0 5px !important;
    display: inline-block !important;
    transition: transform 0.3s ease;
}

/* Hover-effekt (valgfrit) */
sr7-bullet:hover {
    transform: scale(1.1);
}

/* Valgt bullet */
sr7-bullet.selected {
    background-image: url('https://woodviking.dk/wp-content/uploads/broncekugle-hover.png') !important;
}

/* Skjul ModernCarts flydeknap – header-ikonet bruges som trigger */
#moderncart-floating-cart { display: none !important; }

#p1-scrolltop {
  display: none !important;
  opacity: 0 !important;
  transform: translateY(12px) !important;
  transition: opacity .25s ease, transform .25s ease !important;
  pointer-events: none !important;
}

#p1-scrolltop.visible {
  display: flex !important;
  opacity: 1 !important;
  transform: translateY(0) !important;
  pointer-events: auto !important;
}

/* —— Language switcher (WPML shortcode) —— */

/* If you wrapped the shortcode in a Bricks element with this class */
.p1-lang-holder { display:inline-block; width:auto; }

/* Wrapper owns both trigger and dropdown */
.p1-lang-switcher {
  position: relative;
  display: inline-flex;
  align-items: center;
  overflow: visible;         /* don't clip the dropdown */
}

/* Button (trigger) */
.p1-lang-toggle{
  display:inline-flex;
  align-items:center;
  gap:.35rem;
  background: transparent;
  border: 0;
  padding: 0;
  cursor: pointer;
  line-height:1;
}
.p1-flag { width: 20px; height: 14px; object-fit: cover; border-radius: 2px; display:block; }
.p1-current-label { font-size:.9rem; font-weight:600; letter-spacing:.02em; }

/* Chevron */
.p1-chevron{ opacity:.7; transition: transform .2s ease; }

/* Dropdown (no gap!) */
.p1-lang-menu{
  position:absolute;
  right:0;
  top:100%;                  /* directly under button – NO GAP */
  margin:0;
  list-style:none;
  min-width:150px;
  padding:.4rem;
  background:#fff;
  border:1px solid rgba(0,0,0,.1);
  border-radius:.5rem;
  box-shadow:0 8px 24px rgba(0,0,0,.08);

  /* Hidden state with transitions (better than display:none) */
  opacity:0;
  visibility:hidden;
  transform:translateY(6px); /* gives space visually without creating a hover gap */
  pointer-events:none;
  transition:opacity .15s, transform .15s, visibility .15s;
  z-index:9999;
}

.p1-lang-menu li a{
  display:grid;
  grid-template-columns:20px 1fr;
  align-items:center;
  gap:.6rem;
  padding:.35rem .45rem;
  border-radius:.35rem;
  text-decoration:none;
  color:inherit;
}
.p1-lang-menu li a:hover{ background:rgba(0,0,0,.04); }

/* Open states: on hover, focus-within, or JS class */
.p1-lang-switcher:hover .p1-lang-menu,
.p1-lang-switcher:focus-within .p1-lang-menu,
.p1-lang-switcher.is-open .p1-lang-menu{
  opacity:1;
  visibility:visible;
  transform:translateY(0);
  pointer-events:auto;
}

.p1-lang-switcher:hover .p1-chevron,
.p1-lang-switcher:focus-within .p1-chevron,
.p1-lang-switcher.is-open .p1-chevron{
  transform:rotate(180deg);
}

/* If your header/row clips popovers, un-comment this:
header, .brx-header { overflow: visible; }
*/



.woocommerce-product-gallery .woocommerce-product-gallery__image img {
    width: 100%;
    border: #000 solid 1px;
}

.woocommerce-product-gallery .flex-control-thumbs img {
    border: #000 solid 1px;
}

.wc-pill-badge {
  display: none;
}

.p1-legal-txt h2 {
  font-size: var(--h3) !important;
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

.p1-legal-txt h3 {
  font-size: var(--h4) !important;
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

.p1-legal-txt h2 + p {
  margin-top: 0 !important;
}

.p1-legal-txt p {
  font-size: var(--text-s) !important;
  line-height: 1.5;
}

/* CMPLZ Body text */
.cmplz-document p,
.cmplz-document li {
  font-size: var(--text-s) !important;
  line-height: 1.5;
}

/* CMPLZ H2 overskrifter */
.cmplz-document h2 {
  font-size: var(--h3) !important;
  font-weight: 700;
  margin-bottom: 0 !important;
}

/* CMPLZ H3 overskrifter */
.cmplz-document h3 {
  font-size: var(--h4) !important;
  font-weight: 700;
  margin-bottom: 0 !important;
}

/* Force search to a new line in the mobile menu (also around 800px) */
@media (max-width: 970px) {

  /* The wrapper that contains: toggle, logo, lang, search, back, nav-items */
  .p1-mobile-nav {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 12px !important;
  }

  /* Make sure the search container takes full width and comes after the top icons */
  .p1-mobile-nav .p1-search-mobile-container {
    flex: 0 0 100% !important;
    width: 100% !important;
    order: 50 !important;
    margin-top: 10px !important;
  }

  /* Make the actual search field full width */
  .p1-mobile-nav .p1-search-mobile,
  .p1-mobile-nav .p1-search-mobile .asp_w_container,
  .p1-mobile-nav .p1-search-mobile .asp_w,
  .p1-mobile-nav .p1-search-mobile .probox {
    width: 100% !important;
    max-width: 100% !important;
  }

  /* Back button must not be overlapped */
  .p1-mobile-nav .brxe-button,
  .p1-mobile-nav .back-button {
    position: relative !important;
    z-index: 2 !important;
  }
}


@media (max-width: 970px){

  /* 1) Giv parenten en rigtig højde */
  #ajaxsearchpro1_1 .probox,
  #ajaxsearchpro1_1 .probox .proinput{
    height: 56px !important;
    min-height: 56px !important;
  }

  /* 2) Input: fyld parentens højde + fjern "tynd-gørende" margin */
  #ajaxsearchpro1_1 .probox .proinput input.orig,
  #ajaxsearchpro1_1 .probox .proinput input.autocomplete{
    height: 100% !important;      /* vigtig pga. plugin-reglen */
    line-height: 56px !important; /* centrer tekst */
    margin: 0 !important;         /* fjerner -1px / -4px */
    padding: 0 52px 0 18px !important; /* plads til ikon højre */
    box-sizing: border-box !important;
  }

  /* 3) Søg-ikonet (så det matcher højden) */
  #ajaxsearchpro1_1 .probox .promagnifier,
  #ajaxsearchpro1_1 .probox .proclose{
    height: 56px !important;
    width: 56px !important;
    line-height: 56px !important;
  }
}