/* ============================================================
   PLATVISION – PRODUKTKORT v1.0
   WooCommerce loop + Elementor Products/Archive Products
   Endast produktkortens kopknappar – APF, kassa, varukorg orors.
   ============================================================ */

/* Ordinarie knapp (aven innan hover). */
.woocommerce ul.products li.product .woocommerce-loop-product__buttons > a.button,
.woocommerce ul.products li.product > a.button,
.elementor-widget-woocommerce-products ul.products li.product a.button,
.elementor-widget-woocommerce-archive-products ul.products li.product a.button {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  max-width: 100%;
  min-height: 42px;
  margin-top: 9px;
  padding: 9px 13px !important;
  border: 1px solid #012D1D !important;
  border-radius: 0 !important;
  background: #012D1D !important;
  background-image: none !important;
  color: #ffffff !important;
  font-family: inherit;
  font-size: 12px !important;
  font-weight: 600;
  line-height: 1.2;
  text-align: center;
  text-decoration: none !important;
  white-space: normal;
  box-shadow: none !important;
  transition: background-color 150ms ease, border-color 150ms ease;
}

/* Hover – alltid lasbar vit text mot gron bakgrund. */
.woocommerce ul.products li.product .woocommerce-loop-product__buttons > a.button:hover,
.woocommerce ul.products li.product > a.button:hover,
.elementor-widget-woocommerce-products ul.products li.product a.button:hover,
.elementor-widget-woocommerce-archive-products ul.products li.product a.button:hover {
  background: #064b32 !important;
  border-color: #064b32 !important;
  color: #ffffff !important;
}

/* Tangentbordsfokus: tydlig fokusmarkering. */
.woocommerce ul.products li.product .woocommerce-loop-product__buttons > a.button:focus-visible,
.woocommerce ul.products li.product > a.button:focus-visible,
.elementor-widget-woocommerce-products ul.products li.product a.button:focus-visible,
.elementor-widget-woocommerce-archive-products ul.products li.product a.button:focus-visible {
  outline: 2px solid #012D1D !important;
  outline-offset: 3px;
}

/* Tablet & mobil: mindre text och kompaktare knapp. */
@media (max-width: 1024px) {
  .woocommerce ul.products li.product .woocommerce-loop-product__buttons > a.button,
  .woocommerce ul.products li.product > a.button,
  .elementor-widget-woocommerce-products ul.products li.product a.button,
  .elementor-widget-woocommerce-archive-products ul.products li.product a.button {
    min-height: 38px;
    padding: 7px 10px !important;
    font-size: 12px !important;
  }
}