/* TA BORT ALLA FOKUSRAMAR / KLICK-RAMAR – GLOBALT */
*:focus,
*:focus-visible,
*:active {
  outline: none !important;
  box-shadow: none !important;
}

/* Extra säkerhet för Safari / iOS */
a:focus,
button:focus,
input:focus,
select:focus,
textarea:focus {
  outline: none !important;
  box-shadow: none !important;
}

/* Dölj storlek endast i produktlistor — inte produktsida */
body:not(.single-product) .swatchly-type-wrap[aria-label*="size" i],
body:not(.single-product) .swatchly-type-wrap[aria-label*="storlek" i]{
  display:none !important;
}

/* Max 4 färger i flödet (inte produktsida) */
body:not(.single-product) .swatchly-type-wrap[aria-label*="color" i] .swatchly-swatch:nth-child(n+5),
body:not(.single-product) .swatchly-type-wrap[aria-label*="färg" i]  .swatchly-swatch:nth-child(n+5){
  display:none !important;
}

/* =========================
   MER SPACE MELLAN FÄRGER OCH PRIS
   ========================= */
body:not(.single-product) .swatchly-type-wrap{
  margin-bottom:12px !important;
}

/* Om vissa teman placerar priset tight */
body:not(.single-product) .price{
  margin-top:6px !important;
}
body:not(.single-product) .woocommerce-loop-product__title{
  margin-bottom:10px;
}


/* =========================
   PRODUKTSIDA: Relaterade/upsells/cross-sells
   - Dölj storlek
   - Dölj knappar (Välj alternativ / Lägg i varukorg)
   ========================= */

/* Dölj storleksrader */
.single-product .related .swatchly-type-wrap[aria-label*="size" i],
.single-product .related .swatchly-type-wrap[aria-label*="storlek" i],
.single-product .upsells .swatchly-type-wrap[aria-label*="size" i],
.single-product .upsells .swatchly-type-wrap[aria-label*="storlek" i],
.single-product .cross-sells .swatchly-type-wrap[aria-label*="size" i],
.single-product .cross-sells .swatchly-type-wrap[aria-label*="storlek" i]{
  display:none !important;
}


/* =========================
   Relaterade produkter: jämna höjder + pris i linje
   ========================= */

/* Gör varje kort till flex-kolumn */
.single-product .related ul.products li.product{
  display:flex !important;
  flex-direction:column !important;
}

/* Reservera en fast "attributyta" (även om swatches saknas) */
.single-product .related ul.products li.product{
  padding-bottom:0;
}

/* Skapa en tom yta med samma höjd för alla kort */
.single-product .related ul.products li.product .woocommerce-loop-product__title{
  margin-bottom:10px;
}

/* Sätt en min-höjd på swatch-området när det finns */
.single-product .related ul.products li.product .swatchly-type-wrap{
  min-height:46px; /* justera 40–60 vid behov */
  margin-bottom:8px;
}

/* Om produkten INTE har swatches: lägg ändå en lika stor “luft” */
.single-product .related ul.products li.product:not(:has(.swatchly-type-wrap)) .price{
  margin-top:46px !important;  /* samma som min-height ovan */
}

/* Pris: tryck ner och håll på en rad */
.single-product .related ul.products li.product .price{
  margin-top:auto !important;
  white-space:nowrap;
}

/* Dölj bara köp-UI i Elementor loop (låt swatches vara kvar) */
.elementor-loop-container form.cart .quantity,
.elementor-loop-container form.cart button,
.elementor-loop-container .single_add_to_cart_button{
  display:none !important;
}

/* ===== FIX: se till att Add to cart-widgetens wrapper aldrig döljs i loop ===== */
.elementor-loop-container form.cart,
.elementor-loop-container form.variations_form,
.elementor-loop-container .woocommerce-variation-add-to-cart{
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;
  height:auto !important;
  overflow:visible !important;
}
/* =========================
   FORCE: Wishlist-hjärta i Elementor Loop Carousel
   ========================= */

/* Rätt parent: varje slide/kort */
body .elementor .swiper-slide,
body .elementor .e-loop-item,
body .elementor .elementor-loop-item{
  position: relative !important;
}

/* Flytta hjärtat (överstyr ALLT) */
body .elementor .swiper-slide .yith-wcwl-add-to-wishlist,
body .elementor .e-loop-item .yith-wcwl-add-to-wishlist,
body .elementor .elementor-loop-item .yith-wcwl-add-to-wishlist{
  position: absolute !important;
  top: 14px !important;
  right: 14px !important;
  left: auto !important;
  bottom: auto !important;
  margin: 0 !important;
  z-index: 999 !important;
  transform: none !important;
}

/* Ta bort tema-knapp-styling (ruta bakom) */
body .elementor .yith-wcwl-add-to-wishlist a,
body .elementor .yith-wcwl-add-to-wishlist a.add_to_wishlist{
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
}

/* Cart + mini cart: dölj attributnamn/labels, visa bara värden */
.woocommerce-cart .variation dt,
.woocommerce-mini-cart .variation dt,
.woocommerce-checkout .variation dt {
  display: none !important;
}

/* Fix spacing så det inte blir konstiga indrag */
.woocommerce-cart .variation dd,
.woocommerce-mini-cart .variation dd,
.woocommerce-checkout .variation dd {
  margin: 0 !important;
}

/* 
/* 1) Gör Woo-container fullbredd och ge padding i kanterna */
body.woocommerce-page .site-content .col-full,
body.woocommerce-page .site-content,
body.woocommerce-page .content-area,
body.woocommerce-page .site-main {
  max-width: 100% !important;
  width: 100% !important;
  box-sizing: border-box !important;
  padding-left: 32px !important;
  padding-right: 32px !important;
}

/* 2) Tvinga produktlistan till GRID (så gap faktiskt fungerar) */
body.woocommerce-page .woocommerce ul.products {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  column-gap: 40px !important;
  row-gap: 50px !important;

  /* reset som annars kan störa */
  margin: 0 !important;
  padding: 0 !important;
}

/* 3) Bryt Storefronts float-kort så grid kan styra */
body.woocommerce-page .woocommerce ul.products li.product {
  float: none !important;
  width: auto !important;
  margin: 0 !important;
}

/* Responsivt */
@media (max-width: 1024px){
  body.woocommerce-page .woocommerce ul.products{
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}
@media (max-width: 767px){
  body.woocommerce-page .site-content .col-full,
  body.woocommerce-page .site-content,
  body.woocommerce-page .content-area,
  body.woocommerce-page .site-main{
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  body.woocommerce-page .woocommerce ul.products{
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    column-gap: 16px !important;
    row-gap: 28px !important;
  }
}
/* Gör högerkolumnen vertikal */
li.product .atg-card-right {
  display: flex;
  flex-direction: column;   /* <-- staplar */
  align-items: center;
  gap: 8px;
}

/* Gör ikonerna lite mindre så det känns mer premium */
li.product a.atg-icon-add-to-cart {
  min-width: 40px;
  height: 40px;
}

li.product .yith-wcwl-add-to-wishlist a {
  min-width: 40px;
  height: 40px;
}

/* Dölj WooCommerce sortering */
.woocommerce-ordering {
    display: none !important;
}

/* Dölj antal resultat */
.woocommerce-result-count {
    display: none !important;
}

/* Dölj WooCommerce pagination */
.woocommerce-pagination {
    display: none !important;
}
/* Rea badge */
li.product .onsale{
  position:absolute !important;
  top:20px;
  left:20px;
  z-index:10;

  background:#000;
  color:#fff;

  padding:12px 18px;     /* mer luft runt texten */

  font-size:12px;
  font-weight:700;
  letter-spacing:.12em;
  text-transform:uppercase;

  border-radius:0;
  border:none;

  line-height:1;

  min-width:0 !important;
  min-height:0 !important;
  width:auto !important;
  height:auto !important;

  display:inline-block;
}

/* Endast på sidan REA (byt 123 mot din page-id) */
.page-id-46608 li.product .add_to_cart_button,
.page-id-46608 li.product a.button {
    opacity: 1 !important;
    color: #3d2113 !important;
}