/* ---------- Base theme tweaks (optional) ---------- */
html { scroll-behavior: smooth; }
:root {
	--heading-color: #000;
	--link-color: #386641;
	--link-hover: #6A994E;
}
h1,h2,h3,h4,h5,h6 { color: var(--heading-color); }
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce div.product .product_title { color: var(--heading-color); }
a,
.woocommerce ul.products li.product a,
.woocommerce div.product .product_title a {
	color: var(--link-color);
	text-decoration-color: var(--link-color);
}
a:hover,
.woocommerce ul.products li.product a:hover,
.woocommerce div.product .product_title a:hover {
	color: var(--link-hover);
	text-decoration-color: var(--link-hover);
}

/* === Critical: KVM-pris badge (liten, inline) === */
.wcm-kvm-price{
  position:absolute; top:10px; left:10px;
  background:#F5DFBB; color:#000;
  font:700 14px/1.2 system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  padding:5px 10px; border-radius:5px; z-index:10;
}

/* Grundstil för primära knappar i grid (kompakt) */
.woocommerce ul.products li.product a.button,
.woocommerce .products a.button{
  background:#386641; color:#fff; border:0; border-radius:6px;
  padding:12px 20px; font-weight:700; display:inline-flex; align-items:center; justify-content:center;
  min-height:48px; text-align:center; transition:background .2s ease-in-out;
}
.woocommerce ul.products li.product a.button:hover,
.woocommerce .products a.button:hover{ background:#4a7a55; }

/* Dölj Woo’s “loading/added” pseudo som kan rita över knappar */
.woocommerce a.button.loading::before,
.woocommerce a.button.loading::after,
.woocommerce a.button.added::after{ content:none; }

.single_add_to_cart_button.is-disabled,
.single-add-to-cart-button.is-disabled,
.add_to_cart_button.is-disabled {
  opacity: .45;
  cursor: not-allowed;
}

/* Brand AJAX Filter */
.baf-wrap { margin-bottom: 1rem; }
.baf-title { font-weight: 600; margin-bottom: .5rem; }
.baf-checkboxes { display: flex; gap: 1rem; flex-wrap: wrap; }
.baf-term { display: inline-flex; align-items: center; gap: .4rem; }
.baf-clear { margin-top: .5rem; }
.baf-loading { opacity: .5; pointer-events: none; }

/* Gör hela blocket mindre text */
.apf-readmore {
  font-size: 14px;       /* hela texten i blocket */
  line-height: 1.4;      /* lite extra radavstånd om du vill */
}

/* Specifikt för länkarna (Läs mer / Visa mindre) */
.apf-readmore .rm-more,
.apf-readmore .rm-less {
  color: #28a745;        /* grön */
  font-size: 14px;       /* matchar textstorleken */
  cursor: pointer;
  text-decoration: underline;
}