/* Svart text under varje thumbnail i Galleri för färgpluttarna */
#top .avia-gallery .avia-gallery-thumb a:after{
  content: attr(title);
  margin: 10px 0 0 0;
  position: relative;
  display: block;
  width: 100%;
  font-size: 12px;
  line-height: 1.3;
  text-align: center;
  color: #000;
  opacity: 1;
}

/* Säkerställ att själva bilden också blir rund färgpluttar */
#top .avia-gallery .avia-gallery-thumb img {
  border-radius: 50%;
  display: block;
}

/* Ta bort hover-effekt i Enfold Galleri (overlay/opacity/zoom/transition) */
#top .avia-gallery .avia-gallery-thumb a,
#top .avia-gallery .avia-gallery-thumb a img{
  transition: none !important;
  transform: none !important;
  opacity: 1 !important;
  filter: none !important;
}

/* Tar bort overlay/pseudo-element som kan ligga ovanpå bilden */
#top .avia-gallery .avia-gallery-thumb a:before,
#top .avia-gallery .avia-gallery-thumb a:after{
  transition: none !important;
}

/* Om Enfold lägger en “hover overlay”-div */
#top .avia-gallery .avia-gallery-thumb .image-overlay,
#top .avia-gallery .avia-gallery-thumb .image-overlay-inside{
  display: none !important;
}

/* Utspärrad H2 + EB Garamond */
h2.h2-spaced {
  font-family: 'EB Garamond', serif !important;
  letter-spacing: 0.2em !important;
}

/* Utspärrad brödtext */
.body-spaced {
  letter-spacing: 0.3em !important;
}

/* H2 med EB Garamond */
h2.h2-garamond {
  font-family: 'Garamond', serif !important;
}

/* Pris till vänster */
#top .inner_product_header_cell .price {
  text-align: left !important;
  display: block;
}

/* Produkttitel till vänster */
#top .products .product h2.woocommerce-loop-product__title {
  text-align: left !important;
}

/* Two columns on mobil */
@media only screen and (max-width: 767px) {
  .responsive #top #wrap_all .flex_column.avia-link-column.av_one_fourth,
  .responsive #top #wrap_all .flex_column.avia-link-column.av_one_fifth {
    width: calc(50% - 10px); /* kompenserar för gap */
    float: left;
    clear: none;
    min-height: 240px;
    margin-bottom: 10px;
  }

  /* mellanrum mellan kolumner */
  .responsive #top #wrap_all .flex_column.avia-link-column.av_one_fourth:nth-child(odd),
  .responsive #top #wrap_all .flex_column.avia-link-column.av_one_fifth:nth-child(odd) {
    margin-right: 10px;
  }
}


/* No-gap kolumner mobilt */
@media only screen and (max-width: 767px) {
  .responsive #top #wrap_all .flex_column.no-gap {
    float: left;
    clear: none;
    margin: 0 !important;
    padding: 40 !important;
  }
}

/* Typsnitt + svart pris + normal vikt */
.woocommerce div.product p.price,
.woocommerce div.product span.price,
.woocommerce div.product p.price *,
.woocommerce div.product span.price *,
.woocommerce ul.products li.product .price,
#top .grid-entry .price,
#top .grid-entry .price span,
#top .avia-content-slider .price,
#top .avia-content-slider .price span,
.woocommerce-Price-amount,
.woocommerce-Price-amount bdi {
  font-family: 'static', serif !important;
  color: #382410 !important;
  font-weight: 400 !important;
}

/* MOBIL PRODUCT SLIDER: alltid 2 kolumner */
@media only screen and (max-width: 767px) {

  #top .mobile-product-slider ul.products,
  #top .mobile-product-slider .products {
    display: flex !important;
    flex-wrap: wrap !important;
    margin: 0 !important;
    padding: 0 !important;
    gap: 10px !important;
  }

  #top .mobile-product-slider ul.products li.product,
  #top .mobile-product-slider .products li.product {
    width: calc(50% - 5px) !important;
    max-width: calc(50% - 5px) !important;
    flex: 0 0 calc(50% - 5px) !important;
    margin: 0 !important;
    padding: 0 !important;
    clear: none !important;
    float: none !important;
  }

  /* säkerställ att allt inuti får plats */
  #top .mobile-product-slider ul.products li.product .inner_product,
  #top .mobile-product-slider ul.products li.product .inner_product_header,
  #top .mobile-product-slider ul.products li.product a {
    width: 100% !important;
    box-sizing: border-box !important;
  }

  #top .mobile-product-slider ul.products li.product img {
    width: 100% !important;
    height: auto !important;
    display: block !important;
  }
}

/* Utökad padding mobilt läge -> mobile-padding */
@media only screen and (max-width: 767px) {
  .responsive #top #wrap_all .flex_column.mobile-padding .avia_textblock,
  .responsive #top #wrap_all .flex_column.mobile-padding .avia-image-container,
  .responsive #top #wrap_all .flex_column.mobile-padding .avia-button-wrap {
    padding-left: 40px !important;
    padding-right: 40px !important;
  }
}

/* Kontakt-sidan: 5 kolumner -> 2 kolumner på mobil, med 3% mellanrum */
@media only screen and (max-width: 1024px) {
  #top .kontakt-grid .entry-content-wrapper {
    display: flex !important;
    flex-wrap: wrap !important;
    column-gap: 3% !important;
    row-gap: 20px !important;
  }

  #top .kontakt-grid .flex_column.av_one_fifth {
    width: 48.5% !important;
    margin: 0 !important;
    float: none !important;
    clear: none !important;
    box-sizing: border-box !important;
  }
}

/* Fullwidth Easy Slider - rubrik med EB Garamond + spärrning */
#top .avia-slideshow .avia-caption-title,
#top .avia-slideshow .caption_title {
  font-family: "EB Garamond", serif !important;
  letter-spacing: 0.3em !important;
}

/* Centrera och förstora loggan på mobil */
/* Mobil: större och centrerad logga utan att förstöra sticky header */
@media only screen and (max-width: 989px) {
  .responsive #top #header_main .container {
    min-height: 130px !important;
    height: auto !important;
  }

  .responsive #top #header .logo {
    position: relative !important;
    left: auto !important;
    transform: none !important;
    float: none !important;
    margin: 0 auto !important;
    text-align: center !important;
    display: block !important;
    height: auto !important;
    overflow: visible !important;
  }

  .responsive #top #header .logo a {
    display: block !important;
    height: auto !important;
    line-height: normal !important;
    overflow: visible !important;
    margin: 0 auto !important;
  }

  .responsive #top #header .logo img {
    display: block !important;
    max-height: 120px !important;
    width: auto !important;
    height: auto !important;
    margin: 0 auto !important;
  }
}