/* Página Carrito. Este archivo solo se carga en is_cart(). */

body.woocommerce-cart {
  --of-azul: #1c4056;
  --of-turquesa: #14b1ab;
  --of-turquesa-oscuro: #0f948f;
  --of-turquesa-suave: #e7f7f6;
  --of-gris: #8a97a3;
  --of-linea: #e9eef2;
  --of-sombra: 0 10px 32px rgba(28, 64, 86, .06);
  --of-radio: 16px;
  --of-verde: #23a45c;
  color: var(--of-azul);
  font-family: "Kanit", sans-serif;
}

body.woocommerce-cart a {
  color: var(--of-turquesa);
  text-decoration: none;
}

body.woocommerce-cart a:hover,
body.woocommerce-cart a:focus {
  color: var(--of-turquesa-oscuro);
}

/* Título "Carrito" */
body.woocommerce-cart h1,
body.woocommerce-cart h1.elementor-heading-title,
body.woocommerce-cart .elementor-widget-theme-page-title .elementor-heading-title,
body.woocommerce-cart .entry-title {
  color: var(--of-azul);
  font-family: "Paralucent Stencil", "Kanit", sans-serif;
  font-weight: 400;
}

body.woocommerce-cart .wp-block-woocommerce-cart,
body.woocommerce-cart .wc-block-cart,
body.woocommerce-cart .woocommerce {
  max-width: var(--container-max-width, 1400px);
  margin-inline: auto;
  margin-bottom: 3rem;
  color: var(--of-azul);
  font-family: "Kanit", sans-serif;
}

/* ---------------------------------------------------------------------- */
/* Carrito por bloques                                                     */
/* ---------------------------------------------------------------------- */

body.woocommerce-cart .wc-block-cart-items__header,
body.woocommerce-cart .wc-block-cart-items__header th,
body.woocommerce-cart .wp-block-woocommerce-cart-order-summary-heading-block,
body.woocommerce-cart .wc-block-cart__totals-title {
  color: var(--of-gris);
  font-family: "Kanit", sans-serif;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: .08em;
  text-transform: uppercase;
}

body.woocommerce-cart .wc-block-components-product-name,
body.woocommerce-cart .wc-block-cart-item__product a,
body.woocommerce-cart a.wc-block-components-product-name {
  color: var(--of-azul);
  font-family: "Kanit", sans-serif;
  font-weight: 600;
}

body.woocommerce-cart .wc-block-components-product-name:hover,
body.woocommerce-cart .wc-block-cart-item__product a:hover {
  color: var(--of-turquesa);
}

body.woocommerce-cart .wc-block-cart-item__image img,
body.woocommerce-cart .wc-block-components-product-image img {
  border-radius: 10px;
  background: #f7fafb;
}

body.woocommerce-cart .wc-block-components-product-metadata,
body.woocommerce-cart .wc-block-cart-item__prices,
body.woocommerce-cart .wc-block-components-product-badge {
  color: var(--of-gris);
  font-family: "Kanit", sans-serif;
}

body.woocommerce-cart .wc-block-components-product-price del,
body.woocommerce-cart .wc-block-components-product-price__regular {
  color: var(--of-gris);
  font-weight: 400;
}

body.woocommerce-cart .wc-block-components-product-price ins,
body.woocommerce-cart .wc-block-components-product-price__value.is-discounted,
body.woocommerce-cart .wc-block-cart-item__total .wc-block-components-product-price {
  color: var(--of-turquesa);
  font-weight: 700;
  text-decoration: none;
}

body.woocommerce-cart .wc-block-components-sale-badge,
body.woocommerce-cart .wc-block-components-product-sale-badge,
body.woocommerce-cart .wc-block-cart-item__total .wc-block-components-product-metadata {
  color: var(--of-verde);
  border: 0;
  background: transparent;
  font-size: 12px;
  font-weight: 500;
  text-transform: none;
}

/* Cantidad: misma pastilla que el carrito lateral */
body.woocommerce-cart .wc-block-components-quantity-selector {
  overflow: hidden;
  height: 36px;
  border: 1px solid var(--of-linea);
  border-radius: 999px;
  background: #fff;
}

body.woocommerce-cart .wc-block-components-quantity-selector input.wc-block-components-quantity-selector__input {
  color: var(--of-azul);
  font-family: "Kanit", sans-serif;
  font-weight: 600;
}

body.woocommerce-cart .wc-block-components-quantity-selector input.wc-block-components-quantity-selector__input:focus {
  box-shadow: none;
}

body.woocommerce-cart .wc-block-components-quantity-selector .wc-block-components-quantity-selector__button {
  color: var(--of-turquesa);
}

body.woocommerce-cart .wc-block-cart-item__remove-link {
  color: #b6c1c9;
}

body.woocommerce-cart .wc-block-cart-item__remove-link:hover,
body.woocommerce-cart .wc-block-cart-item__remove-link:focus {
  color: #c0392b;
}

body.woocommerce-cart .wp-block-woocommerce-cart-order-summary-block {
  padding: 24px;
  border: 0;
  border-radius: var(--of-radio);
  background: #fff;
  box-shadow: var(--of-sombra);
}

body.woocommerce-cart .wc-block-components-totals-item,
body.woocommerce-cart .wc-block-components-totals-coupon,
body.woocommerce-cart .wc-block-components-panel__button {
  color: var(--of-azul);
  font-family: "Kanit", sans-serif;
}

body.woocommerce-cart .wc-block-components-totals-footer-item .wc-block-components-totals-item__label,
body.woocommerce-cart .wc-block-components-totals-footer-item .wc-block-components-formatted-money-amount {
  color: var(--of-azul);
  font-size: 18px;
  font-weight: 700;
}

body.woocommerce-cart .wc-block-components-button:not(.is-link),
body.woocommerce-cart .wc-block-cart__submit-button,
body.woocommerce-cart .wc-block-components-checkout-place-order-button {
  min-height: 48px;
  border: 0 !important;
  border-radius: 999px !important;
  background: var(--of-turquesa) !important;
  color: #fff !important;
  font-family: "Kanit", sans-serif !important;
  font-weight: 600 !important;
  box-shadow: none !important;
}

body.woocommerce-cart .wc-block-components-button:not(.is-link):hover,
body.woocommerce-cart .wc-block-components-button:not(.is-link):focus,
body.woocommerce-cart .wc-block-cart__submit-button:hover,
body.woocommerce-cart .wc-block-cart__submit-button:focus {
  background: var(--of-turquesa-oscuro) !important;
  color: #fff !important;
}

body.woocommerce-cart .wc-block-components-button.is-link,
body.woocommerce-cart .wc-block-components-panel__button {
  color: var(--of-azul);
}

/* ---------------------------------------------------------------------- */
/* Carrito clásico / widget de Elementor                                   */
/* ---------------------------------------------------------------------- */

body.woocommerce-cart .woocommerce-cart-form,
body.woocommerce-cart .cart_totals {
  color: var(--of-azul);
  font-family: "Kanit", sans-serif;
}

body.woocommerce-cart .cart_totals {
  padding: 24px;
  border: 0;
  border-radius: var(--of-radio);
  background: #fff;
  box-shadow: var(--of-sombra);
}

body.woocommerce-cart .woocommerce-cart-form table.cart,
body.woocommerce-cart .cart_totals table {
  border: 0;
}

body.woocommerce-cart .woocommerce-cart-form table.cart th,
body.woocommerce-cart .cart_totals table th {
  color: var(--of-gris);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: .08em;
  text-transform: uppercase;
}

body.woocommerce-cart .woocommerce-cart-form table.cart td,
body.woocommerce-cart .cart_totals table td {
  border-color: var(--of-linea);
  color: var(--of-azul);
}

body.woocommerce-cart .woocommerce-cart-form .product-name a {
  color: var(--of-azul);
  font-weight: 600;
}

body.woocommerce-cart .woocommerce-cart-form .product-name a:hover {
  color: var(--of-turquesa);
}

body.woocommerce-cart .woocommerce-cart-form .product-thumbnail img {
  border-radius: 10px;
}

body.woocommerce-cart .woocommerce-cart-form del {
  color: var(--of-gris);
}

body.woocommerce-cart .woocommerce-cart-form ins {
  color: var(--of-turquesa);
  text-decoration: none;
}

body.woocommerce-cart .wc-proceed-to-checkout .checkout-button,
body.woocommerce-cart .woocommerce-cart-form button[name="update_cart"],
body.woocommerce-cart .cart_totals .button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 48px;
  padding: 12px 24px;
  border: 0 !important;
  border-radius: 999px !important;
  background: var(--of-turquesa) !important;
  color: #fff !important;
  font-family: "Kanit", sans-serif !important;
  font-weight: 600 !important;
}

body.woocommerce-cart .wc-proceed-to-checkout .checkout-button:hover,
body.woocommerce-cart .woocommerce-cart-form button[name="update_cart"]:hover,
body.woocommerce-cart .cart_totals .button:hover {
  background: var(--of-turquesa-oscuro) !important;
  color: #fff !important;
}

@media (max-width: 782px) {
  body.woocommerce-cart .wp-block-woocommerce-cart,
  body.woocommerce-cart .wc-block-cart,
  body.woocommerce-cart .woocommerce {
    margin-bottom: 2rem;
  }
}