/* ==========================================================================
   Cart — Bliktud styling
   superior-woocommerce/assets/css/cart.css
   ========================================================================== */

/* --- Globalt (begge viewports) --- */

/* Skjul hele rabatkupon/actions-rækken */
/* .woocommerce-cart-form .shop_table .actions {
  display: none;
} */

/* "Gå til kassen" knap — grøn, pill */
.woocommerce-cart .wc-proceed-to-checkout .checkout-button {
  background-color: var(--bs-color-action-30);
  color: var(--bs-color-base-00);
  border: none;
  border-radius: 999px;
  font-family: var(--bs-font-button);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  padding: 0.75rem 2rem;
  transition: background-color 0.15s ease;
  display: block;
  text-align: center;
}

.woocommerce-cart .wc-proceed-to-checkout .checkout-button:hover {
  background-color: var(--bs-color-action-60);
  color: var(--bs-color-base-00);
}

/* Produkt-links */
.woocommerce-cart-form .product-name a {
  color: var(--bs-color-action-30);
  transition: color 0.15s ease;
}

.woocommerce-cart-form .product-name a:hover {
  color: var(--bs-color-action-60);
}

.woocommerce-cart-form .product-thumbnail a {
  color: var(--bs-color-action-30);
}

/* Profil-produkter: skjul hele mængde-celle */
.cart-item--profile .product-quantity,
.woocommerce-cart-form__contents .product-quantity {
  display: none !important;
}

/* Shipping: skjul calculator, adresse-tekst, og ikke-valgte metoder */
.shipping-calculator-form,
.shipping-calculator-button,
.woocommerce-shipping-destination {
  display: none;
}

/* Shipping radio-buttons: skjul selve radio-inputtet */
.cart_totals .woocommerce-shipping-methods input[type="radio"] {
  display: none;
}

/* Shipping: skjul ikke-valgte metoder, vis kun valgt */
.cart_totals .woocommerce-shipping-methods li {
  display: none;
}

.cart_totals .woocommerce-shipping-methods li:has(input:checked) {
  display: block;
  list-style: none;
}

/* Fallback for browsere uden :has() — vis alle men skjul radio */
@supports not selector(:has(input:checked)) {
  .cart_totals .woocommerce-shipping-methods li {
    display: block;
    list-style: none;
  }
}

/* Shipping-rækken: flugt th og td vertikalt */
.cart_totals tr.shipping th,
.cart_totals tr.shipping td {
  vertical-align: baseline;
}

.cart_totals .woocommerce-shipping-methods {
  margin: 0;
  padding: 0;
}

/* Flugt "Fragt" label med shipping-metode tekst (LI har 0.25em top-padding) */
.cart_totals tr.shipping th {
  padding-top: calc(0.25em + 9px);
}

/* Produkt-thumbnail: vis hele billedet uden crop, ensartet på tværs af produkttyper.
   Specificitet (0,4,2) overstyrer Astra-temaets `.woocommerce-js table.shop_table
   .product-thumbnail img` (0,3,2) der ellers tvinger max-width: 70px. */
.woocommerce-cart .woocommerce-cart-form table.shop_table .product-thumbnail img {
  width: 100%;
  height: auto;
  max-width: 200px;
  display: block;
}

/* --- Mobil card-layout (< 1024px) --- */

@media (max-width: 1023px) {
  /* Skjul tabel-header */
  .woocommerce-cart .woocommerce-cart-form table.shop_table thead {
    display: none;
  }

  /* Skjul WooCommerce responsive data-title labels */
  .woocommerce-cart .woocommerce-cart-form table.shop_table tr td::before {
    display: none;
  }

  /* Tabel og tbody som block */
  .woocommerce-cart .woocommerce-cart-form table.shop_table,
  .woocommerce-cart .woocommerce-cart-form table.shop_table tbody {
    display: block;
    width: 100%;
  }

  /* Hver cart-item som grid-card — høj specificitet for at override WC/Astra responsive */
  .woocommerce-cart .woocommerce-cart-form table.shop_table tr.cart_item {
    display: grid;
    grid-template-columns: 80px 1fr auto;
    grid-template-rows: auto auto auto;
    gap: 0 12px;
    padding: 0 0 16px 0;
    border-bottom: 1px solid var(--bs-color-base-20);
    align-items: start;
  }

  .woocommerce-cart .woocommerce-cart-form table.shop_table tr.cart_item td,
  .woocommerce-js #content table.cart tr.cart_item td,
  .woocommerce-page #content table.cart tr.cart_item td {
    display: block;
    border: none;
    padding: 0;
    text-align: left;
    width: auto;
    float: none;
    min-height: 0;
  }

  /* Fjern-knap: øverste række, højrestillet, spænder alle kolonner */
  .woocommerce-cart table.shop_table tr.cart_item td.product-remove,
  .woocommerce-js #content table.cart tr.cart_item td.product-remove,
  .woocommerce-page #content table.cart tr.cart_item td.product-remove {
    grid-column: 1 / -1;
    grid-row: 1;
    text-align: right;
    min-height: 2em;
  }

  .woocommerce-cart table.shop_table tr.cart_item td.product-remove a.remove {
    font-size: 1.2rem;
    color: var(--bs-color-base-40);
  }

  .woocommerce-cart table.shop_table tr.cart_item td.product-remove a.remove:hover {
    color: var(--bs-color-base-100);
    background: none;
  }

  /* Thumbnail: venstre, spænder produkt + mængde rækker */
  .woocommerce-cart table.shop_table tr.cart_item td.product-thumbnail {
    grid-column: 1;
    grid-row: 2 / -1;
  }

  .woocommerce-cart table.shop_table tr.cart_item td.product-thumbnail img {
    width: 100%;
    height: auto;
    max-width: 100%;
    border-radius: 4px;
  }

  /* Produktnavn + specs: midterste kolonne */
  .woocommerce-cart table.shop_table tr.cart_item td.product-name {
    grid-column: 2;
    grid-row: 2;
    font-weight: 600;
  }

  /* Subtotal-pris: højre kolonne */
  .woocommerce-cart table.shop_table tr.cart_item td.product-subtotal {
    grid-column: 3;
    grid-row: 2;
    text-align: right;
    font-weight: 600;
  }

  /* Enkeltpris: skjul på mobil */
  .woocommerce-cart table.shop_table tr.cart_item td.product-price {
    display: none;
  }

  /* Mængde: under navn */
  .woocommerce-cart table.shop_table tr.cart_item td.product-quantity {
    grid-column: 2;
    grid-row: 3;
    font-size: 0.875rem;
  }

  /* Profil-produkter: skjul hele mængde-celle på mobil */
  .woocommerce-cart table.shop_table tr.cart-item--profile td.product-quantity {
    display: none;
  }

  /* Actions row */
  .woocommerce-cart-form .actions {
    display: block;
    border: none;
    padding: 12px 0;
  }

  .woocommerce-cart-form .actions td {
    display: block;
    border: none;
    padding: 0;
  }

  /* Cart totals: full width */
  .cart-collaterals {
    width: 100%;
  }

  .cart_totals {
    width: 100%;
    float: none;
  }
}