.elementor-kit-76{--e-global-color-primary:#CDE6F9;--e-global-color-secondary:#555555;--e-global-color-text:#333333;--e-global-color-accent:#75BFEA;--e-global-color-dd8709c:#FFF7E6;--e-global-color-a7d9d21:#D4F5DC;--e-global-color-25dad76:#75BFEA;--e-global-color-bc37a88:#FFE0CB;--e-global-color-8da51d0:#FAD6E6;--e-global-color-e661e71:#FFF8B5;--e-global-color-610f2c1:#D7EDFF;--e-global-color-20dcf14:#E2F0CB;--e-global-color-f9886f3:#FDFCF9;--e-global-color-6979ffa:#FFFDF4;--e-global-color-025fb72:#F9F6F0;--e-global-color-1c87613:#F7E1D7;--e-global-color-ca21487:#262626;--e-global-typography-primary-font-family:"Fredoka";--e-global-typography-primary-font-size:30px;--e-global-typography-primary-font-weight:500;--e-global-typography-secondary-font-family:"Fredoka";--e-global-typography-secondary-font-size:24px;--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Nunito";--e-global-typography-text-font-size:16px;--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Fredoka";--e-global-typography-accent-font-weight:500;--e-global-typography-903de1d-font-family:"Nunito";--e-global-typography-903de1d-font-size:20px;--e-global-typography-903de1d-font-weight:700;--e-global-typography-903de1d-font-style:normal;background-color:transparent;background-image:linear-gradient(180deg, var( --e-global-color-6979ffa ) 0%, var( --e-global-color-f9886f3 ) 100%);}.elementor-kit-76 e-page-transition{background-color:#FFBC7D;}.elementor-kit-76 a{font-family:"Fredoka", Sans-serif;font-size:18px;font-weight:500;}.elementor-kit-76 h1{font-family:"Fredoka", Sans-serif;font-size:42px;font-weight:700;}.elementor-kit-76 h3{font-family:"Fredoka", Sans-serif;font-size:24px;font-weight:500;}.elementor-kit-76 h4{color:var( --e-global-color-f9886f3 );font-family:var( --e-global-typography-903de1d-font-family ), Sans-serif;font-size:var( --e-global-typography-903de1d-font-size );font-weight:var( --e-global-typography-903de1d-font-weight );font-style:var( --e-global-typography-903de1d-font-style );}.elementor-kit-76 button,.elementor-kit-76 input[type="button"],.elementor-kit-76 input[type="submit"],.elementor-kit-76 .elementor-button{font-family:"Fredoka", Sans-serif;font-size:18px;font-weight:800;border-radius:10px 10px 10px 10px;}.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:1024px){.elementor-kit-76 h4{font-size:var( --e-global-typography-903de1d-font-size );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-76 h4{font-size:var( --e-global-typography-903de1d-font-size );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//*tar bort zoom funktionen finns ett php i child theme*/
.woocommerce-product-gallery .woocommerce-product-gallery__image:hover img {
  transform: none !important;
}

.klure-img {
  border: 5% solid #fff; /* 5% av kortets bredd/höjd */
  box-shadow: 5px 5px 15px 0 rgba(0, 0, 0, 0.05);
  transition: box-shadow 0.3s ease;
  border-radius: 16px;
    aspect-ratio: 3 / 4;     /* Låser t.ex. 300x400, 375x500 etc */
  width: 100%;             /* Eller fast bredd, t.ex. 320px */
  max-width: 420px;
  height: auto;
  perspective: 1000px;
  /*margin: auto; */
  position: relative;
  padding:20%;
  justify-content: center!important;
  min-height: 100px;
}

.klure-img:hover {
  box-shadow: 5px 5px 15px 0 rgba(0, 0, 0, 0.1);
}

/*start klure container används till alla boxar*/
.klure-container {
  box-shadow: 5px 5px 15px 0 rgba(0, 0, 0, 0.05);
  transition: box-shadow 0.3s ease;
  border-radius: 16px;
}

.klure-container:hover {
  box-shadow: 5px 5px 15px 0 rgba(0, 0, 0, 0.1);
}
/*end klure container*/

/* ändrar sido shop menyn*/
.xoo-wsc-btn{
    border-radius: 16px !important;
}


/*Font används till pris och short desc*/
.klure-text-p {
  font-family: var(--e-global-typography-text-font-family);
  font-weight: var(--e-global-typography-text-font-weight);
}

/*ändrar priset*/
.klure-text-B {
  font-family: var(--e-global-typography-primary-font-family);
  font-weight: var(--e-global-typography-primary-font-weight);
    font-size: 18px; /* Ändra till vad du vill, t.ex. 1.2rem eller 20px */
}


/*Produkt rutor*/

/*ORG .klure-prod-img img{*/
.klure-prod-img img{
  width: 100%;
  height: 340px!important;
  object-fit: cover;

}

/*Dynamik link on click for container*/
.klure-overlay-link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 5;
  display: block;
}


.add_to_cart_button,
.woocommerce-loop-product__link {
  position: relative;
  z-index: 10;
}


/*FLIP CARD EFFECT*/
.card-container {
  width: 250px;
  height: 320px;
  perspective: 1000px;
  margin: 0 auto; /* 🔥 detta centrerar horisontellt */
} 

.card {
  width: 100%;
  height: 100%;
  position: relative;
  transform-style: preserve-3d;
  transition: transform 0.6s;
  cursor: pointer;
}

    .card.is-flipped {
      transform: rotateY(180deg);
    }

    .card-side {
      position: absolute;
      width: 100%;
      height: 100%;
      backface-visibility: hidden;
      border-radius: 16px;
      overflow: hidden;
      box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
        font-weight: inherit;
          font-family: inherit;
            font-size: 24px;

    }

    .card-front {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #fff6e1;
    font-size: 24px;
}

.img-wrapper {
  width: 65%;
  height: auto;
  display: flex;
  justify-content: center;
  align-items: center;
}

.img-wrapper img {
  width: 100%;
  height: auto;
  object-fit: contain;

}


    .card-front img {
  width: 85%;
  height: auto;
  max-height: 85%;
  object-fit: contain;
    }

    .card-back {
      background-color: #fff6e1;
      transform: rotateY(180deg);
      display: flex;
      justify-content: center;
      align-items: center;
      font-size: 24px;
      padding: 20px;
      box-sizing: border-box;
      text-align: center;
    }
/*END FLIPCARDEFFECT*//* End custom CSS */