/*
Theme Name: Astra Child
Template: astra
*/

/* START SNYGG EFFEKT FÖR ATT VÄNDA KORT */
/*
.klure-card {
  width: 100%;
  height: 100%;
  perspective: 1000px;
  margin: 40px auto;
}

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

.klure-front, .klure-back {
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
  border-radius: 16px;
  background-color: #FFF7E6;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.15);
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: Fredoka, sans-serif;
  font-size: 36px;
  color: #333;
  padding: 20px;
  text-align: center;
}

.klure-back {
  transform: rotateY(180deg);
  background-color: #F3FAF4;
}

.klure-card.flipped .klure-inner {
  transform: rotateY(180deg);
}
*/
/* END SNYGG EFFEKT FÖR ATT VÄNDA KORT */

/*Woocomerece zoom*/
/*
.woocommerce-product-gallery .woocommerce-product-gallery__image:hover img {
  transform: none !important;
}
*/
/*Woocomerece zoom*/

/* START KLURE BILDER */
/*gör klure containers dynamiska med shadow och border och bilder blir kort storlekt*/
/*
 
.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: 350px;
  height: auto;
  perspective: 1000px;
  margin: auto;
  position: relative;
  padding:80px;
  justify-content: center!important;
}

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


/* END KLURE BILDER*/