/* ======================================
   ARAUMA — CART PAGE
   (body.woocommerce-cart)
   ====================================== */


/* ======================================
   BACKGROUND
   ====================================== */

body.woocommerce-cart {
  background-color: #EFEFEF;
}


/* ======================================
   BARRA DE ENVÍO GRATIS
   ====================================== */

body.woocommerce-cart .woocommerce-info {
  font-family: var(--arauma-font) !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  letter-spacing: 0.04em !important;
  color: var(--arauma-text-dark) !important;
  background-color: var(--arauma-white) !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 14px 24px !important;
  margin-bottom: 24px !important;
  display: flex !important;
  align-items: center !important;
  gap: 0 !important;
}

/* Quitar el ícono ::before nativo */
body.woocommerce-cart .woocommerce-info::before {
  display: none !important;
  content: none !important;
}

/* Link "Seguir comprando" */
body.woocommerce-cart .woocommerce-info a,
body.woocommerce-cart .woocommerce-info a.flexible-shipping-free-shipping-button {
  font-family: var(--arauma-font) !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  color: var(--arauma-green) !important;
  text-decoration: underline !important;
  text-underline-offset: 2px !important;
  margin-left: auto !important;
  white-space: nowrap !important;
  flex-shrink: 0 !important;
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
}

body.woocommerce-cart .woocommerce-info a:hover {
  color: var(--arauma-green-hover) !important;
}

/* Forzar Jost en todos los elementos del carrito */
body.woocommerce-cart .wc-block-cart *,
body.woocommerce-cart .wc-block-components-totals-wrapper *,
body.woocommerce-cart .wp-block-woocommerce-cart * {
  font-family: var(--arauma-font) !important;
}


/* ======================================
   LAYOUT — espacio para el menú sticky
   ====================================== */

body.woocommerce-cart #primary.content-area {
  max-width: 100% !important;
  width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

body.woocommerce-cart .site-main {
  max-width: 100% !important;
  width: 100% !important;
  padding-top: 120px !important;
  padding-left: 30px !important;
  padding-right: 30px !important;
  padding-bottom: 60px !important;
  box-sizing: border-box !important;
}

/* Centrar y limitar ancho del bloque */
body.woocommerce-cart .wp-block-woocommerce-cart,
body.woocommerce-cart .woocommerce {
  max-width: 1200px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}


/* ======================================
   PANELES — Items + Sidebar
   ====================================== */

body.woocommerce-cart .wc-block-cart__main {
  background: var(--arauma-white);
  padding: 32px !important;
}

body.woocommerce-cart .wc-block-cart__sidebar {
  background: var(--arauma-white);
  padding: 28px !important;
}


/* ======================================
   CABECERA DE COLUMNAS
   ====================================== */

body.woocommerce-cart .wc-block-cart-items__header span {
  font-family: var(--arauma-font) !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  color: var(--arauma-text-muted) !important;
}


/* ======================================
   FILAS DE PRODUCTO
   ====================================== */

body.woocommerce-cart .wc-block-cart-items__row {
  border-bottom: 1px solid var(--arauma-border-divider) !important;
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}

/* Quitar el border-top que WooCommerce Blocks agrega solo a la celda de total */
body.woocommerce-cart .wc-block-cart-items__row td {
  border-top: none !important;
}


/* ======================================
   IMAGEN
   ====================================== */

/* Celda de imagen */
body.woocommerce-cart td.wc-block-cart-item__image {
  width: 100px !important;
  min-width: 100px !important;
  padding: 8px 12px 8px 0 !important;
  vertical-align: middle !important;
  align-items: center !important;
  background: transparent !important;
  overflow: visible !important;
}

/* Contenedor cuadrado — flex solo en el <a>, no en el <td> */
body.woocommerce-cart .wc-block-cart-item__image a {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 88px !important;
  height: 88px !important;
  overflow: hidden !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
}

/* Imagen: llena el cuadro sin cortar ni estirar */
body.woocommerce-cart .wc-block-cart-item__image img,
body.woocommerce-cart table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__image img {
  display: block !important;
  width: 88px !important;
  height: 88px !important;
  max-width: 88px !important;
  max-height: 88px !important;
  object-fit: contain !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
}


/* ======================================
   NOMBRE DEL PRODUCTO
   ====================================== */

body.woocommerce-cart a.wc-block-components-product-name,
body.woocommerce-cart a.wc-block-components-product-name:link,
body.woocommerce-cart a.wc-block-components-product-name:visited {
  font-family: var(--arauma-font) !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  letter-spacing: 0.07em !important;
  text-transform: uppercase !important;
  color: #111111 !important;
  text-decoration: none !important;
  line-height: 1.4 !important;
  display: block !important;
  margin-bottom: 2px !important;
}

body.woocommerce-cart a.wc-block-components-product-name:hover {
  color: var(--arauma-green) !important;
}


/* ======================================
   META (variación, peso, etc.)
   ====================================== */

body.woocommerce-cart .wc-block-components-product-metadata,
body.woocommerce-cart .wc-block-components-product-details {
  font-family: var(--arauma-font) !important;
  font-size: 11px !important;
  color: var(--arauma-text-muted) !important;
  margin-top: 4px !important;
  letter-spacing: 0.03em !important;
}

body.woocommerce-cart .wc-block-components-product-details__name,
body.woocommerce-cart .wc-block-components-product-details__value {
  color: var(--arauma-text-muted) !important;
  font-family: var(--arauma-font) !important;
  font-size: 11px !important;
}

/* Ocultar el separador " / " nativo de WooCommerce */
body.woocommerce-cart .wc-block-components-product-details span[aria-hidden="true"] {
  display: none !important;
}

/* Insertar " — " antes de cada atributo después del primero */
body.woocommerce-cart .wc-block-components-product-details > span + span::before {
  content: ' — ';
  color: var(--arauma-text-muted);
}


/* ======================================
   PRECIO
   ====================================== */

body.woocommerce-cart .wc-block-cart-item__prices .wc-block-components-product-price,
body.woocommerce-cart .wc-block-cart-item__prices .price,
body.woocommerce-cart .wc-block-cart-item__prices {
  font-family: var(--arauma-font) !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  color: var(--arauma-gold) !important;
  letter-spacing: 0.04em !important;
}


/* ======================================
   SELECTOR DE CANTIDAD
   ====================================== */

body.woocommerce-cart .wc-block-components-quantity-selector {
  border: 1px solid var(--arauma-border-control) !important;
  border-radius: 0 !important;
  background: var(--arauma-white) !important;
  box-shadow: none !important;
}

body.woocommerce-cart .wc-block-components-quantity-selector__button {
  border: none !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: var(--arauma-green) !important;
  font-size: 16px !important;
  box-shadow: none !important;
  outline: none !important;
}

body.woocommerce-cart .wc-block-components-quantity-selector__button:hover {
  background: transparent !important;
  color: var(--arauma-green-hover) !important;
}

body.woocommerce-cart .wc-block-components-quantity-selector__value {
  font-family: var(--arauma-font) !important;
  font-size: 13px !important;
  color: var(--arauma-text-dark) !important;
  border-left: 1px solid var(--arauma-border-control) !important;
  border-right: 1px solid var(--arauma-border-control) !important;
}


/* ======================================
   BOTÓN ELIMINAR
   ====================================== */

body.woocommerce-cart .wc-block-cart-item__remove-link {
  font-family: var(--arauma-font) !important;
  font-size: 11px !important;
  color: var(--arauma-text-muted) !important;
  text-decoration: underline !important;
  text-underline-offset: 2px !important;
  letter-spacing: 0.03em !important;
}

body.woocommerce-cart .wc-block-cart-item__remove-link:hover {
  color: var(--arauma-text-dark) !important;
}


/* ======================================
   SIDEBAR — RESUMEN DEL PEDIDO
   ====================================== */

body.woocommerce-cart .wc-block-components-order-summary__title,
body.woocommerce-cart .wc-block-components-totals-wrapper .wc-block-components-title {
  font-family: var(--arauma-font) !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.12em !important;
  color: var(--arauma-text-dark) !important;
  margin-bottom: 16px !important;
}

body.woocommerce-cart .wc-block-components-totals-item {
  font-family: var(--arauma-font) !important;
  font-size: 13px !important;
  color: var(--arauma-text-dark) !important;
  border-color: var(--arauma-border-divider) !important;
  padding-top: 12px !important;
  padding-bottom: 12px !important;
}

body.woocommerce-cart .wc-block-components-totals-item__label {
  color: var(--arauma-text-body) !important;
}

body.woocommerce-cart .wc-block-components-totals-item__value {
  font-weight: 500 !important;
  color: var(--arauma-text-dark) !important;
}

/* Total final */
body.woocommerce-cart .wc-block-components-totals-item.wc-block-components-totals-footer-item {
  border-top: 1px solid var(--arauma-border-control) !important;
}

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-totals-item__value {
  font-size: 15px !important;
  font-weight: 600 !important;
  color: var(--arauma-text-dark) !important;
}


/* ======================================
   BOTÓN FINALIZAR COMPRA
   ====================================== */

body.woocommerce-cart .wc-block-cart__submit-container a,
body.woocommerce-cart .wc-block-cart__submit-container button,
body.woocommerce-cart .wp-block-woocommerce-proceed-to-checkout-block a,
body.woocommerce-cart .wc-block-components-checkout-place-order-button {
  background: var(--arauma-green) !important;
  color: var(--arauma-white) !important;
  border: 1px solid var(--arauma-green) !important;
  border-radius: var(--arauma-radius-sm) !important;
  font-family: var(--arauma-font) !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  padding: 14px 28px !important;
  width: 100% !important;
  text-align: center !important;
  display: block !important;
  text-decoration: none !important;
  box-shadow: none !important;
  transition: background var(--arauma-transition), border-color var(--arauma-transition) !important;
}

body.woocommerce-cart .wc-block-cart__submit-container a:hover,
body.woocommerce-cart .wc-block-cart__submit-container button:hover,
body.woocommerce-cart .wp-block-woocommerce-proceed-to-checkout-block a:hover {
  background: var(--arauma-green-hover) !important;
  border-color: var(--arauma-green-hover) !important;
  color: var(--arauma-white) !important;
}


/* ======================================
   CUPÓN
   ====================================== */

body.woocommerce-cart .wc-block-components-totals-coupon__form {
  display: flex !important;
  gap: 8px !important;
  align-items: stretch !important;
}

body.woocommerce-cart .wc-block-components-totals-coupon__form input[type="text"],
body.woocommerce-cart .wc-block-components-totals-coupon__form input {
  font-family: var(--arauma-font) !important;
  font-size: 13px !important;
  border: 1px solid var(--arauma-border-control) !important;
  border-radius: var(--arauma-radius-sm) !important;
  padding: 22px 14px 8px !important;
  height: auto !important;
  line-height: 1.4 !important;
  color: var(--arauma-text-dark) !important;
  background: var(--arauma-white) !important;
  box-shadow: none !important;
  flex: 1 !important;
}

body.woocommerce-cart .wc-block-components-totals-coupon__form input:focus {
  outline: none !important;
  border-color: var(--arauma-green) !important;
  box-shadow: none !important;
}

body.woocommerce-cart .wc-block-components-totals-coupon__button {
  font-family: var(--arauma-font) !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  border: 1px solid var(--arauma-green) !important;
  border-radius: var(--arauma-radius-sm) !important;
  background: var(--arauma-white) !important;
  color: var(--arauma-green) !important;
  height: 44px !important;
  padding: 0 18px !important;
  cursor: pointer !important;
  white-space: nowrap !important;
  transition: background var(--arauma-transition), color var(--arauma-transition) !important;
  box-shadow: none !important;
}

body.woocommerce-cart .wc-block-components-totals-coupon__button:hover {
  background: var(--arauma-green) !important;
  color: var(--arauma-white) !important;
}


/* ======================================
   CARRITO VACÍO
   ====================================== */

/* Contenedor principal */
body.woocommerce-cart .wp-block-woocommerce-empty-cart-block {
  max-width: 1200px !important;
  margin: 0 auto !important;
  text-align: center !important;
}

/* Ícono de carrito vacío */
body.woocommerce-cart .wp-block-woocommerce-empty-cart-block svg,
body.woocommerce-cart .wc-block-cart--is-empty svg {
  fill: var(--arauma-text-muted) !important;
  opacity: 0.4 !important;
}

/* Título "Your cart is currently empty!" */
body.woocommerce-cart .wp-block-woocommerce-empty-cart-block .wp-block-heading:first-of-type,
body.woocommerce-cart .wc-block-cart--is-empty .wc-block-cart__empty-cart__title {
  font-family: var(--arauma-font) !important;
  font-size: 18px !important;
  font-weight: 300 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  color: var(--arauma-text-muted) !important;
  margin-bottom: 16px !important;
}

/* Separador de puntos */
body.woocommerce-cart .wp-block-woocommerce-empty-cart-block hr.wp-block-separator {
  border-color: var(--arauma-border-divider) !important;
  margin: 24px auto !important;
}

/* Título "New in store" */
body.woocommerce-cart .wp-block-woocommerce-empty-cart-block .wp-block-heading:last-of-type {
  font-family: var(--arauma-font) !important;
  font-size: 22px !important;
  font-weight: 300 !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  color: var(--arauma-text-dark) !important;
  margin-bottom: 32px !important;
}

/* Grid de productos */
body.woocommerce-cart .wp-block-woocommerce-empty-cart-block .wc-block-grid__products {
  text-align: left !important;
}

/* Nombre del producto (eliminar color rosa/magenta de WooCommerce) */
body.woocommerce-cart .wp-block-woocommerce-empty-cart-block .wc-block-grid__product-title,
body.woocommerce-cart .wp-block-woocommerce-empty-cart-block a.wc-block-grid__product-link {
  font-family: var(--arauma-font) !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  letter-spacing: 0.07em !important;
  text-transform: uppercase !important;
  color: #111111 !important;
  text-decoration: none !important;
  /* Fuerza altura mínima de 2 líneas para que todos los títulos queden alineados */
  min-height: calc(2 * 1.4 * 13px) !important;
  display: block !important;
}

body.woocommerce-cart .wp-block-woocommerce-empty-cart-block a.wc-block-grid__product-link:hover {
  color: var(--arauma-green) !important;
}

/* Precio */
body.woocommerce-cart .wp-block-woocommerce-empty-cart-block .wc-block-grid__product-price,
body.woocommerce-cart .wp-block-woocommerce-empty-cart-block .wc-block-grid__product-price .woocommerce-Price-amount {
  font-family: var(--arauma-font) !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  color: var(--arauma-gold) !important;
  letter-spacing: 0.04em !important;
}

/* Botón "Seleccionar opciones" */
body.woocommerce-cart .wp-block-woocommerce-empty-cart-block .wc-block-grid__product-add-to-cart .wp-block-button__link,
body.woocommerce-cart .wp-block-woocommerce-empty-cart-block a.add_to_cart_button,
body.woocommerce-cart .wp-block-woocommerce-empty-cart-block .wc-block-grid__product-add-to-cart a {
  font-family: var(--arauma-font) !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  background: transparent !important;
  color: var(--arauma-green) !important;
  border: 1px solid var(--arauma-green) !important;
  border-radius: var(--arauma-radius-sm) !important;
  padding: 10px 20px !important;
  text-decoration: none !important;
  display: inline-block !important;
  transition: background var(--arauma-transition), color var(--arauma-transition) !important;
  box-shadow: none !important;
}

body.woocommerce-cart .wp-block-woocommerce-empty-cart-block .wc-block-grid__product-add-to-cart .wp-block-button__link:hover,
body.woocommerce-cart .wp-block-woocommerce-empty-cart-block a.add_to_cart_button:hover,
body.woocommerce-cart .wp-block-woocommerce-empty-cart-block .wc-block-grid__product-add-to-cart a:hover {
  background: var(--arauma-green) !important;
  color: var(--arauma-white) !important;
}


/* ======================================
   RESPONSIVE — Tablet (max 1024px)
   ====================================== */

@media (max-width: 1024px) {
  body.woocommerce-cart .site-main {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }

  body.woocommerce-cart .wc-block-cart__main {
    padding: 24px !important;
  }

  body.woocommerce-cart .wc-block-cart__sidebar {
    padding: 20px !important;
  }
}


/* ======================================
   RESPONSIVE — Mobile (max 767px)
   ====================================== */

@media (max-width: 767px) {
  body.woocommerce-cart .site-main {
    padding-top: 90px !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
    padding-bottom: 40px !important;
  }

  body.woocommerce-cart .wc-block-cart__main {
    padding: 16px !important;
  }

  body.woocommerce-cart .wc-block-cart__sidebar {
    padding: 16px !important;
  }

  body.woocommerce-cart .wc-block-cart-item__image img {
    width: 64px !important;
    height: 64px !important;
  }
}