/* ===== Shop-layout (filter + produkter) ===== */
.shop-layout { display:flex; gap:2rem; align-items:flex-start; }
.shop-filters { width:280px; flex:0 0 280px; }
.shop-products { flex:1; min-width:0; }
@media (max-width:992px){
  .shop-layout{ display:block; }
  .shop-filters{ width:100%; margin-bottom:1rem; }
}

/* ===== Sökresultatsidan: ta bort sidebar + 3-2-1 grid ===== */
body.search .col-xxl-4.col-lg-5,
body.search .sidebar-area { display:none !important; }
body.search .col-xxl-8.col-lg-7 {
  flex:0 0 100% !important; max-width:100% !important; width:100% !important;
}
/* Nollställ masonry-positionering */
body.search .search-active { height:auto !important; position:static !important; }
body.search .search-active .filter-item {
  position:static !important; left:auto !important; top:auto !important;
}
/* 3-2-1 kolumner */
@media (min-width: 992px){
  body.search .search-active .filter-item { width:33.333% !important; float:left; padding:15px; }
}
@media (min-width:576px) and (max-width:991.98px){
  body.search .search-active .filter-item { width:50% !important; float:left; padding:12px; }
}
@media (max-width:575.98px){
  body.search .search-active .filter-item { width:100% !important; float:none; padding:10px 0; }
}
body.search .search-active::after { content:""; display:table; clear:both; }

/* ===== Startsidans hero-höjd ===== */
.th-hero-wrapper, .th-hero-slide, .th-hero-bg { min-height:80vh !important; height:100vh !important; }
@media (max-width:1024px){
  .th-hero-wrapper, .th-hero-slide, .th-hero-bg { min-height:100vh !important; height:100vh !important; }
}
.th-hero-wrapper .container, .th-hero-slide .container {
  height:100%; display:flex; align-items:center;
}

/* ===== Göm recensioner vid produkttitel ===== */
.woocommerce-product-rating, .woocommerce-review-link { display:none !important; }

/* ===== Kategori-hero över hela sektionen (inkl. filter) ===== */
.th-product-wrapper.product-details{
  position:relative;
  --hero-h: clamp(220px, 32vw, 100px);         /* höjd på bilden */
  padding-top: calc(var(--hero-h) + 40px);     /* extra luft under bilden */
}
@media (max-width:767px){
  .th-product-wrapper.product-details{ --hero-h:200px; }
}
.shop-hero--category{
  position:absolute !important; top:0; left:0; right:0; width:100%; z-index:2;
  min-height:var(--hero-h); padding:0; display:flex; align-items:center;
}
.shop-hero--category .shop-hero__bg{
  position:absolute; inset:0; background-size:cover; background-position:center;
}

.shop-hero--category .container{ position:relative; z-index:3; }
.shop-hero--category .shop-hero__title{
  margin:0 0 8px; font-size:clamp(26px, 4vw, 44px); font-weight:700; color:#fff;
}
/* Breadcrumbs i en rad */
.shop-hero--category .woocommerce-breadcrumb,
.shop-hero--category .woocommerce-breadcrumb ul{
  display:flex; flex-wrap:wrap; gap:.4em; list-style:none; margin:0; padding:0;
}
.shop-hero--category .woocommerce-breadcrumb li{ display:inline; }
.shop-hero--category .woocommerce-breadcrumb a{ color:#fff; text-decoration:none; opacity:.95; }
.shop-hero--category .shop-hero__crumb-sep{ margin:0 .3em; opacity:.7; }


/* Tvinga "cart-plus" att använda solid-stilen i FA5 */
.th-product-action .cart-button i.fa-cart-plus::before,
.cart-button i.fa-cart-plus::before {
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 900 !important;            /* = fas */
  content: "\f217";                        /* cart-plus */
  color: currentColor;                     /* ärv knapparnas färg */
  opacity: 1 !important;
  visibility: visible !important;
}

/* ===== Endast på kategoriarkiv ===== */
.tax-product_cat .th-product-wrapper.product-details{
  position:relative;
  --hero-h: clamp(220px, 32vw, 220px);
  padding-top: calc(var(--hero-h) + 40px);
}
@media (max-width:767px){
  .tax-product_cat .th-product-wrapper.product-details{ --hero-h:200px; }
}
.tax-product_cat .shop-hero--category{
  position:absolute !important; top:0; left:0; right:0; width:100%; z-index:2;
  min-height:var(--hero-h); padding:0; display:flex; align-items:center;
}

/* ===== Reset på produktsidor (single) ===== */
.single-product .th-product-wrapper.product-details,
.single-product .th-product-wrapper{
  padding-top: 50px !important;
}

/* Gör hero-beskrivningen bredare */
.hero-style4 .hero-text {
  max-width: 800px;   /* ändra efter smak */
  margin-right: 0;    /* tillåt texten att gå längre åt höger */
}

/* Alias: Byt ut Plus Jakarta Sans mot Helvetica Neue */
@font-face {
  font-family: "Plus Jakarta Sans"; /* temat tror att det laddar detta */
  src: local("Helvetica Neue");     /* men egentligen används Helvetica Neue */
  font-weight: 300 900;             /* stöd för alla vikter */
  font-style: normal;
  font-display: swap;
}



/* === Rekommenderade produkter (varukorg + kassa) === */
.vp-upsell-strip { margin: 40px 0; }
.vp-upsell-strip__title { margin: 0 0 16px; font-size: 22px; font-weight: 600; }

/* Rad/karusell-känsla utan JS */
.vp-upsell-strip__list {
  display: flex;
  gap: 20px;
  overflow-x: auto;
  padding: 6px 2px;              /* liten “scroll gutter” */
  scroll-snap-type: x mandatory; /* snygg snäpp */
  -webkit-overflow-scrolling: touch;
}
.vp-upsell-strip__list::-webkit-scrollbar{ height:8px; }
.vp-upsell-strip__list::-webkit-scrollbar-thumb{ background:#ddd; border-radius:4px; }

/* Varje kort */
.vp-upsell-strip__item {
  flex: 0 0 280px;               /* 3 kort ≈ 840px + gap; rullar på mindre skärmar */
  scroll-snap-align: start;
  background:#fff;
  border: 1px solid #eee;
  border-radius: 14px;
  padding: 14px;
  box-shadow: 0 4px 14px rgba(0,0,0,.04);
}
.vp-upsell-strip__item img { width: 100%; height: auto; display: block; border-radius: 10px; }
.vp-upsell-strip__item .woocommerce-loop-product__title { font-size: 16px; line-height: 1.35; margin: 10px 0 6px; }
.vp-upsell-strip__item .price { display: block; margin-bottom: 10px; }
.vp-upsell-strip__item .button { width: 100%; }

/* Gör att sektionen inte “krymper” kassans layout */
.woocommerce-checkout .vp-upsell-strip { width: 100%; }
.woocommerce-checkout .vp-upsell-strip .container { max-width: var(--container, 1200px); }
.woocommerce-checkout .vp-upsell-strip,
.woocommerce-checkout .vp-upsell-strip * { min-width: 0; } /* förhindra flex-överflyt som smalnar sidan */

/* På väldigt små skärmar: lite smalare kort */
@media (max-width: 480px){
  .vp-upsell-strip__item{ flex-basis: 240px; }
}

/* Visa bara vår svenska resultatrad */
.woocommerce-result-count:not(.is-sv){ display:none !important; }


/* Dölj Quick View-knappen */
a.woosq-btn {
  display: none !important;
}

/* Dölj Wishlist-knappen */
button.woosw-btn {
  display: none !important;
}


/* Säkerställ att plus/minus-ikoner i varukorgen alltid syns */
.quantity-plus i,
.quantity-minus i {
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 900 !important; /* solid style */
}

/* Ge mellanrum mellan + och - knapparna i kvantitetsfältet */
.quantity-plus {
  margin-bottom: 6px; /* luft under + */
}

.quantity-minus {
  margin-top: 6px; /* luft ovanför - */
}


/* 2 produkter per rad på mobiler */
@media (max-width: 575.98px) {
  /* Låt beskrivningen ligga fullbredd */
  #tab-grid .shop-grid-area .row .product-category-description {
    flex: 0 0 100%;
    max-width: 100%;
  }

  /* Gör produktkorten halva bredden */
  #tab-grid .shop-grid-area .row .col-xl-3.col-lg-4.col-sm-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }

  /* Lite kompaktare gutter så två rader inte blir trånga */
  #tab-grid .shop-grid-area .row {
    margin-left: -10px;
    margin-right: -10px;
  }
  #tab-grid .shop-grid-area .row .col-xl-3.col-lg-4.col-sm-6 {
    padding-left: 10px;
    padding-right: 10px;
  }
}



/* Dölj overlay-ikoner över bilden (annars kan de fånga klick) */
.th-product .product-img .actions,
.product .product-action {
  display: none !important;
}

/* Ta bort mörkläggning/hover-effekter som kan täcka bilden */
.th-product .product-img::before,
.th-product .product-img::after,
.product .product-thumb::before,
.product .product-thumb::after {
  content: none !important;
}

/* Länken runt bilden ska fylla ytan – känns klickbar */
.malen-thumb-link {
  display: block;
  width: 100%;
  height: 100%;
}



/* Breadcrumbs på produktsida: horisontell rad */
.malen-product-breadcrumbs {
  margin: 0 0 15px;
  font-size: 14px;
  line-height: 1.4;
  display: flex;
  flex-wrap: wrap;
  gap: .9em;
}

.malen-product-breadcrumbs a {
  color: inherit;
  text-decoration: none;
}

.malen-product-breadcrumbs a:hover {
  text-decoration: underline;
}

.shop-hero__crumb-sep {
  opacity: .7;
}

/* Ta bort WooCommerce standard-punkt/slash i breadcrumbs */
.woocommerce-breadcrumb li::before {
  content: none !important;
}

/* Separeraren du satte (›) ska visas normalt */
.shop-hero__crumb-sep {
  opacity: .7;
  margin: 0 .35em;
}

/* Ta bort punkter från breadcrumbs-listan */
.malen-product-breadcrumbs,
.malen-product-breadcrumbs ul,
.malen-product-breadcrumbs li,
.woocommerce-breadcrumb,
.woocommerce-breadcrumb ul,
.woocommerce-breadcrumb li {
  list-style: none !important;
  margin: 0;
  padding: 0;
}


/* Byt ordning: Titel först, pris efter – bara på produktsidan */
.single-product .product-about {
  display: grid;               /* säkert för order */
}
.single-product .product-about > * { order: 10; }  /* defaultordning för övriga block */

.single-product .product-about .product-title { 
  order: 1; 
  margin-top: .5rem;
  margin-bottom: 1rem;
}

.single-product .product-about .product-price {
  order: 2;
  margin-bottom: 1rem;
}


/* Centrera pagination i sökresultaten */
.search .th-pagination,
.search .th-pagination ul {
  display: flex;
  justify-content: center;
  gap: 6px; /* lite luft mellan siffrorna */
}

.search .th-pagination li {
  list-style: none;
}

/* Sök: style på priset */
.search-active .th-search .price { display:inline-block; margin-top:6px; font-weight:600; }



/* Snygg ruta över SKU i metadata-blocket */
.single-product .product_meta .malen-extra-info{
  margin: 0 0 12px;
  padding: 12px 14px;
  border: 1px solid #eee;
  border-radius: 8px;
  background: #fafafa;
}
.single-product .product_meta .malen-extra-list{
  list-style: disc;
  padding-left: 18px;
  margin: 0 0 10px 0;
}
.single-product .product_meta .malen-extra-list li{
  font-size: 14px;
  line-height: 1.45;
}
.single-product .product_meta .malen-extra-shipping img{
  max-height: 40px;
  width: auto;
  display: block;
}







/* Produktmeta: ersätt "Categories:" i HTML utan mellanrumsglapp */
.product_meta .posted_in{
  font-size:0;           /* nolla originaltexten (inkl. mellanrummet) */
  font-weight:600;       /* etikett ska vara bold */
}
.product_meta .posted_in:before{
  content:"Kategorier: ";
  font-size:1rem;        /* återställ storlek för vår etikett */
}
.product_meta .posted_in a{
  font-size:1rem;        /* återställ storlek för länkarna */
  font-weight:400;       /* länkarna normaltunna */
}
/* lägg till kommatecken igen (Woo:s egna försvann när font-size=0) */
.product_meta .posted_in a:not(:last-child)::after{
  content:", ";
  font-size:1rem;
  font-weight:400;
}




/* Byt "Tag:" -> "Varumärke:" utan att röra kategorier */
.product_meta span:not(.posted_in):has(> a[rel="tag"]) {
  font-size:0;            /* göm originaltexten "Tag:" */
  font-weight:600;
}
.product_meta span:not(.posted_in):has(> a[rel="tag"])::before {
  content:"Varumärke: ";
  font-size:1rem;
}
.product_meta span:not(.posted_in):has(> a[rel="tag"]) a {
  font-size:1rem;
  font-weight:400;
}
.product_meta span:not(.posted_in):has(> a[rel="tag"]) a:not(:last-child)::after {
  content:", ";
  font-size:1rem;
}



/* === PILAR I PRODUKTGALLERI (Slick) — REN, RÖD, ALLTID SYNLIG === */
/* Justera enkelt avståndet från bildens kanter här */
.single-product .product-big-img { --arrow-offset: 16px; }

/* Förankra pilarna till själva slidern/bilden */
.single-product .product-big-img .img,
.single-product .product-big-img .product-img-slider { position: relative; }

/* Bas: alltid synliga, inga fades/animationer, röd bakgrund, ingen text */
.single-product .product-big-img .product-img-slider .slick-prev,
.single-product .product-big-img .product-img-slider .slick-next,
.single-product .product-big-img .product-img-slider .malen-slick-prev,
.single-product .product-big-img .product-img-slider .malen-slick-next{
  position:absolute; top:50% !important; transform:translateY(-50%) !important;
  display:flex !important; align-items:center; justify-content:center;
  width:44px; height:44px; border-radius:9999px;
  background:#e30613 !important;       /* helröd knapp */
  border:none; color:transparent;       /* ta bort ev. textfärg */
  text-indent:-9999px; line-height:0;   /* göm ev. knapptext helt */
  z-index:50;
  opacity:1 !important; visibility:visible !important;
  transition:none !important;
  margin:0 !important; pointer-events:auto; cursor:pointer;
}

/* Exakt position — jämt utrymme från bildens kanter */
.single-product .product-big-img .product-img-slider .slick-prev,
.single-product .product-big-img .product-img-slider .malen-slick-prev{
  left:var(--arrow-offset) !important; right:auto !important;
}
.single-product .product-big-img .product-img-slider .slick-next,
.single-product .product-big-img .product-img-slider .malen-slick-next{
  right:var(--arrow-offset) !important; left:auto !important;
}

/* Neutralisera temats hover-regler som flyttar/gömmer pilarna */
.single-product .product-big-img:hover .product-img-slider .slick-prev,
.single-product .product-big-img .product-img-slider:hover .slick-prev,
.single-product .product-big-img .product-img-slider .slick-prev:hover{
  left:var(--arrow-offset) !important; right:auto !important;
  transform:translateY(-50%) !important; opacity:1 !important; visibility:visible !important;
}
.single-product .product-big-img:hover .product-img-slider .slick-next,
.single-product .product-big-img .product-img-slider:hover .slick-next,
.single-product .product-big-img .product-img-slider .slick-next:hover{
  right:var(--arrow-offset) !important; left:auto !important;
  transform:translateY(-50%) !important; opacity:1 !important; visibility:visible !important;
}
.single-product .product-big-img:hover .product-img-slider .malen-slick-prev,
.single-product .product-big-img .product-img-slider:hover .malen-slick-prev,
.single-product .product-big-img .product-img-slider .malen-slick-prev:hover{
  left:var(--arrow-offset) !important;
}
.single-product .product-big-img:hover .product-img-slider .malen-slick-next,
.single-product .product-big-img .product-img-slider:hover .malen-slick-next,
.single-product .product-big-img .product-img-slider .malen-slick-next:hover{
  right:var(--arrow-offset) !important;
}

/* Ta bort Slicks standardtecken och rita egna vita pilar */
.single-product .product-big-img .product-img-slider .slick-prev:before,
.single-product .product-big-img .product-img-slider .slick-next:before{
  content:'' !important;                /* ta bort ←/→-tecken */
  display:block; width:12px; height:12px; margin:auto;
  border:3px solid #fff;                /* vit pil */
  border-top:none; border-left:none;
  opacity:1;                            /* alltid synlig */
}
.single-product .product-big-img .product-img-slider .slick-prev:before{ transform:rotate(135deg); }
.single-product .product-big-img .product-img-slider .slick-next:before{ transform:rotate(-45deg); }

/* Samma vita pil till våra fallback-knappar */
.single-product .product-big-img .product-img-slider .malen-slick-prev::before,
.single-product .product-big-img .product-img-slider .malen-slick-next::before{
  content:''; display:block; width:12px; height:12px; margin:auto;
  border:3px solid #fff; border-top:none; border-left:none;
}
.single-product .product-big-img .product-img-slider .malen-slick-prev::before{ transform:rotate(135deg); }
.single-product .product-big-img .product-img-slider .malen-slick-next::before{ transform:rotate(-45deg); }

/* (valfritt) mindre offset på mobil */
@media (max-width: 575.98px){
  .single-product .product-big-img { --arrow-offset: 12px; }
}
/* === FLYTTA PILARNA UTANFÖR BILDEN (Slick) === */
body.single-product .product-big-img{
  --arrow-size: 44px;      /* samma storlek som knapparna */
  --arrow-outside: 24px;   /* hur långt utanför bilden de ska ligga */
}

/* se till att inget klipper bort pilarna */
body.single-product .product-big-img,
body.single-product .product-big-img .img,
body.single-product .product-big-img .product-img-slider{ overflow: visible; }

/* vänsterpil: lägg utanför */
body.single-product .product-big-img .product-img-slider .slick-prev,
body.single-product .product-big-img .product-img-slider .malen-slick-prev{
  left: calc(-1 * (var(--arrow-size) / 2 + var(--arrow-outside))) !important;
  right: auto !important;
  top: 50% !important; transform: translateY(-50%) !important;
}

/* högerpil: lägg utanför */
body.single-product .product-big-img .product-img-slider .slick-next,
body.single-product .product-big-img .product-img-slider .malen-slick-next{
  right: calc(-1 * (var(--arrow-size) / 2 + var(--arrow-outside))) !important;
  left: auto !important;
  top: 50% !important; transform: translateY(-50%) !important;
}

/* neutralisera temats hover-förflyttningar/fade för säkerhets skull */
body.single-product .product-big-img:hover .product-img-slider .slick-prev,
body.single-product .product-big-img .product-img-slider:hover .slick-prev,
body.single-product .product-big-img .product-img-slider .slick-prev:hover{
  left: calc(-1 * (var(--arrow-size) / 2 + var(--arrow-outside))) !important;
  right: auto !important; transform: translateY(-50%) !important; opacity:1 !important; visibility:visible !important;
}
body.single-product .product-big-img:hover .product-img-slider .slick-next,
body.single-product .product-big-img .product-img-slider:hover .slick-next,
body.single-product .product-big-img .product-img-slider .slick-next:hover{
  right: calc(-1 * (var(--arrow-size) / 2 + var(--arrow-outside))) !important;
  left: auto !important; transform: translateY(-50%) !important; opacity:1 !important; visibility:visible !important;
}

/* (valfritt) för mobil: dra in dem igen så de inte hamnar utanför viewport */
@media (max-width: 575.98px){
  body.single-product .product-big-img{ --arrow-outside: 0px; } /* inne i bilden */
}

/* Öka horisontellt mellanrum mellan bildkolumn och infokolumn */
@media (min-width: 992px){
  .single-product .row{ --bs-gutter-x: 3rem; } /* standard ~1.5rem → nu ~48px */
}

/* Dölj pilar på mobil (<768px). Ändra 767.98px vid behov. */
@media (max-width: 767.98px){
  .single-product .product-big-img .product-img-slider .slick-prev,
  .single-product .product-big-img .product-img-slider .slick-next,
  .single-product .product-big-img .product-img-slider .malen-slick-prev,
  .single-product .product-big-img .product-img-slider .malen-slick-next{
    display: none !important;
  }
}



/* Mer mellanrum mellan bilderna (.product-big-img) och infon (.product-about) på mobil */
@media (max-width: 767.98px){
  .single-product { --mob-gap: 60px; } /* justera 20–40px efter smak */

  /* Rekommenderat: luft under bildsektionen */
  .single-product .product-big-img{
    margin-bottom: var(--mob-gap) !important;
  }
}



/* Rubrik med "dubbla streck" på sidorna */
.rubrik-streck .elementor-heading-title{
  /* justera fritt: */
  --eq-color: #c8102e;   /* röd färg */
  --eq-width: 40px;      /* längd på översta linjen */
  --eq-short: 70%;       /* längd på UNDRE linjen (i % av översta) */
  --eq-thickness: 2px;   /* linjetjocklek */
  --eq-gap: 4px;         /* vertikalt mellanrum mellan linjerna */
  --eq-offset: 12px;     /* avstånd mellan text och streck (närmare texten) */

  display: inline-flex;
  align-items: center;           /* håller strecken i linje med rubriken */
  gap: var(--eq-offset);
  text-align: center;
}

/* Vänster sida */
.rubrik-streck .elementor-heading-title::before{
  content: "";
  display: block;
  width: var(--eq-width);
  height: calc(var(--eq-thickness)*2 + var(--eq-gap));
  background-image:
    linear-gradient(var(--eq-color), var(--eq-color)),  /* överst – full längd */
    linear-gradient(var(--eq-color), var(--eq-color));  /* underst – kortare */
  background-repeat: no-repeat;
  background-size:
    100% var(--eq-thickness),
    var(--eq-short) var(--eq-thickness);
  /* ankra båda linjerna mot rubriken (innerkant till höger) */
  background-position:
    right top,
    right bottom;
}

/* Höger sida */
.rubrik-streck .elementor-heading-title::after{
  content: "";
  display: block;
  width: var(--eq-width);
  height: calc(var(--eq-thickness)*2 + var(--eq-gap));
  background-image:
    linear-gradient(var(--eq-color), var(--eq-color)),
    linear-gradient(var(--eq-color), var(--eq-color));
  background-repeat: no-repeat;
  background-size:
    100% var(--eq-thickness),
    var(--eq-short) var(--eq-thickness);
  /* ankra mot rubriken (innerkant till vänster) */
  background-position:
    left top,
    left bottom;
}

/* (valfritt) lite kompaktare på små skärmar */
@media (max-width: 575.98px){
  .rubrik-streck .elementor-heading-title{
    --eq-width: 44px;
    --eq-offset: 12px;
    --eq-gap: 5px;
  }
}