/* WooCommerce — vi erstatter Woos egne stilarter fuldstændigt. */

.hk-products{display:grid;gap:var(--hk-s-5);list-style:none;margin:0;padding:0}
@media (min-width:640px){.hk-products{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1000px){.hk-products{grid-template-columns:repeat(3,1fr)}}

.hk-product-card{
  position:relative;display:flex;flex-direction:column;height:100%;
  background:var(--hk-surface);border:1px solid var(--hk-border);
  border-radius:var(--hk-r-lg);overflow:hidden;box-shadow:var(--hk-shadow-sm);
  transition:transform .2s var(--hk-ease),box-shadow .2s var(--hk-ease);
}
.hk-product-card:hover{transform:translateY(-4px);box-shadow:var(--hk-shadow-md)}
.hk-product-card__media{display:block;aspect-ratio:1/1;background:var(--hk-surface-2);overflow:hidden}
.hk-product-card__media img{width:100%;height:100%;object-fit:cover}
.hk-product-card__body{padding:var(--hk-s-5);display:flex;flex-direction:column;flex:1}
.hk-product-card__title{font-size:1.1rem;margin-bottom:.4rem}
.hk-product-card__title a{color:inherit;text-decoration:none}
.hk-product-card__title a:hover{color:var(--hk-accent-text)}
.hk-product-card__excerpt{font-size:.92rem;color:var(--hk-text-soft);flex:1}
.hk-product-card__price{display:flex;align-items:baseline;gap:.5rem;flex-wrap:wrap;margin:.5rem 0 var(--hk-s-4)}
.hk-product-card__actions{display:flex;flex-direction:column;gap:var(--hk-s-2)}

/* ——— Produktside ——— */
.hk-product{display:grid;gap:clamp(2rem,5vw,3.5rem);align-items:start}
@media (min-width:900px){.hk-product{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
.hk-product__media img{border-radius:var(--hk-r-lg);width:100%;box-shadow:var(--hk-shadow-sm)}
.hk-product__price{display:flex;align-items:baseline;gap:.7rem;flex-wrap:wrap;margin:var(--hk-s-5) 0}

/* Woos egen add-to-cart-formular, sat i vores formsprog. */
.hk-product__summary form.cart{display:grid;gap:var(--hk-s-3);margin-top:var(--hk-s-5)}
.hk-product__summary .quantity{display:flex;align-items:center;gap:.6rem}
.hk-product__summary .quantity label{font-weight:700;font-size:.92rem}
.hk-product__summary .qty{
  width:5.5rem;padding:.7rem .8rem;font:inherit;color:var(--hk-text);
  background:var(--hk-surface);border:1px solid var(--hk-border-strong);border-radius:var(--hk-r-sm);
}
.hk-product__summary button.single_add_to_cart_button,
.woocommerce button.button,.woocommerce a.button,.woocommerce input.button,
.woocommerce .button.alt,.woocommerce #respond input#submit{
  display:inline-flex;align-items:center;justify-content:center;gap:.5rem;
  padding:.95rem 1.6rem;border-radius:var(--hk-r-pill);border:2px solid transparent;
  background:var(--hk-accent-fill);color:var(--hk-on-accent);
  font:inherit;font-weight:700;line-height:1.2;text-decoration:none;cursor:pointer;
  transition:transform .18s var(--hk-ease),background-color .18s;
}
.woocommerce button.button:hover,.woocommerce a.button:hover,
.hk-product__summary button.single_add_to_cart_button:hover{
  background:var(--hk-accent-fill-hover);color:var(--hk-on-accent);transform:translateY(-2px);
}
.woocommerce .button.wc-backward{background:transparent;color:var(--hk-text);border-color:var(--hk-border-strong)}

/* Variantvælger. */
.hk-product__summary table.variations{width:100%;border-collapse:collapse}
.hk-product__summary table.variations th,
.hk-product__summary table.variations td{display:block;text-align:left;padding:0 0 .5rem}
.hk-product__summary table.variations label{font-weight:700;font-size:.92rem}
.hk-product__summary select{
  width:100%;padding:.8rem 1rem;font:inherit;color:var(--hk-text);
  background:var(--hk-surface);border:1px solid var(--hk-border-strong);border-radius:var(--hk-r-sm);
}
.hk-product__summary .reset_variations{font-size:.88rem;display:inline-block;margin-top:.4rem}
.woocommerce-variation-price{margin:.75rem 0}

/* ——— Kurv og kasse ——— */
.woocommerce-cart .hk-wrap,.woocommerce-checkout .hk-wrap{padding-block:var(--hk-s-6)}
.woocommerce table.shop_table{
  width:100%;border-collapse:collapse;border:1px solid var(--hk-border);
  border-radius:var(--hk-r-md);overflow:hidden;background:var(--hk-surface);
}
.woocommerce table.shop_table th,.woocommerce table.shop_table td{
  padding:.9rem 1rem;border-bottom:1px solid var(--hk-border);text-align:left;
}
.woocommerce table.shop_table th{background:var(--hk-surface-2);font-weight:700}
.woocommerce table.shop_table img{width:64px;height:auto;border-radius:var(--hk-r-sm)}
.woocommerce .cart_totals,.woocommerce-checkout-review-order{
  background:var(--hk-surface);border:1px solid var(--hk-border);
  border-radius:var(--hk-r-lg);padding:var(--hk-s-5);margin-top:var(--hk-s-5);
}
.woocommerce form .form-row{display:grid;gap:.35rem;margin-bottom:var(--hk-s-4)}
.woocommerce form .form-row label{font-weight:700;font-size:.92rem}
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select,
.woocommerce .select2-container .select2-selection--single{
  width:100%;padding:.8rem 1rem;font:inherit;color:var(--hk-text);
  background:var(--hk-surface);border:1px solid var(--hk-border-strong);
  border-radius:var(--hk-r-sm);min-height:auto;
}
.woocommerce form .form-row input.input-text:focus,
.woocommerce form .form-row textarea:focus,
.woocommerce form .form-row select:focus{
  outline:none;border-color:var(--hk-accent-fill);box-shadow:0 0 0 3px var(--hk-ring);
}
.woocommerce .required{color:var(--hk-accent-text);text-decoration:none}
.woocommerce-checkout #payment{
  background:var(--hk-surface-2);border:1px solid var(--hk-border);
  border-radius:var(--hk-r-lg);padding:var(--hk-s-5);margin-top:var(--hk-s-5);
}
.woocommerce-checkout #payment ul.payment_methods{list-style:none;margin:0 0 var(--hk-s-4);padding:0}
.woocommerce-checkout #payment .payment_box{
  background:var(--hk-surface);border-radius:var(--hk-r-sm);
  padding:var(--hk-s-4);margin-top:.6rem;font-size:.94rem;color:var(--hk-text-soft);
}
.woocommerce-message,.woocommerce-info,.woocommerce-error{
  padding:var(--hk-s-4) var(--hk-s-5);border-radius:var(--hk-r-md);
  border:1px solid var(--hk-border-strong);background:var(--hk-surface);
  margin-bottom:var(--hk-s-5);list-style:none;
}
.woocommerce-error{border-color:var(--hk-accent-fill);background:var(--hk-accent-soft)}
.woocommerce-message{border-color:var(--hk-ok)}
.woocommerce ul.order_details{list-style:none;padding:0;display:grid;gap:var(--hk-s-4)}
@media (min-width:700px){.woocommerce ul.order_details{grid-template-columns:repeat(4,1fr)}}
.woocommerce ul.order_details li{
  background:var(--hk-surface);border:1px solid var(--hk-border);
  border-radius:var(--hk-r-md);padding:var(--hk-s-4);font-size:.88rem;color:var(--hk-text-faint);
}
.woocommerce ul.order_details li strong{display:block;font-size:1.05rem;color:var(--hk-text);margin-top:.25rem}

.woocommerce .woocommerce-ordering,.woocommerce .woocommerce-result-count{
  display:inline-block;margin-bottom:var(--hk-s-4);color:var(--hk-text-faint);font-size:.92rem;
}
.woocommerce .woocommerce-ordering select{
  padding:.6rem .8rem;font:inherit;border-radius:var(--hk-r-sm);
  border:1px solid var(--hk-border-strong);background:var(--hk-surface);color:var(--hk-text);
}
.woocommerce nav.woocommerce-pagination ul{display:flex;gap:.4rem;list-style:none;padding:0;justify-content:center;margin-top:var(--hk-s-6)}
.woocommerce nav.woocommerce-pagination a,.woocommerce nav.woocommerce-pagination span{
  display:grid;place-items:center;min-width:2.5rem;height:2.5rem;padding:0 .6rem;
  border-radius:var(--hk-r-sm);border:1px solid var(--hk-border);text-decoration:none;color:var(--hk-text);
}
.woocommerce nav.woocommerce-pagination .current{background:var(--hk-accent-fill);color:var(--hk-on-accent);border-color:transparent}
