/* =============================================================================
   woocommerce.css — Doing Nutrition
   Carrito + Checkout — WooCommerce BLOCKS (no shortcode clásico)
   v3.0.0
   =============================================================================
   IMPORTANTE: Este sitio usa WooCommerce Blocks, NO el carrito clásico.
   Los selectores .shop_table, .cart_totals, .checkout-button NO existen aquí.
   Siempre inspeccionar el HTML real antes de escribir selectores WooCommerce.
   ============================================================================= */


/* ─── Layout: ocultar sidebar y estirar contenido ─────────────────────────── */

body.woocommerce-cart #sidebar,
body.woocommerce-checkout #sidebar,
body.woocommerce-cart .et_right_sidebar,
body.woocommerce-checkout .et_right_sidebar,
body.woocommerce-cart .et_left_sidebar,
body.woocommerce-checkout .et_left_sidebar {
    display: none !important;
}

body.woocommerce-cart #main-content,
body.woocommerce-checkout #main-content,
body.woocommerce-cart #content-area,
body.woocommerce-checkout #content-area {
    width: 100% !important;
    float: none !important;
    max-width: 100% !important;
}


/* ─── Contenedor principal ─────────────────────────────────────────────────── */

body.woocommerce-cart .entry-content,
body.woocommerce-checkout .entry-content,
body.woocommerce-cart article.page,
body.woocommerce-checkout article.page {
    max-width: 1200px;
    margin: 0 auto;
    padding: 3rem 2rem 5rem;
    font-family: var(--dn-font-body, 'DM Sans', sans-serif);
}


/* ─── Títulos ──────────────────────────────────────────────────────────────── */

body.woocommerce-cart h1.entry-title,
body.woocommerce-checkout h1.entry-title {
    font-family: var(--dn-font-heading, 'DM Sans', sans-serif) !important;
    font-size: clamp(1.75rem, 3vw, 2.25rem) !important;
    font-weight: 700 !important;
    color: #0d1a0f !important;
    letter-spacing: -.02em !important;
    margin-bottom: .5rem !important;
}

body.woocommerce-cart h1.entry-title::after {
    content: "Revisá tu pedido antes de continuar";
    display: block;
    font-size: 1rem;
    font-weight: 400;
    color: #6b7280;
    letter-spacing: 0;
    margin-top: .375rem;
}

body.woocommerce-checkout h1.entry-title::after {
    content: "Completá tus datos para finalizar la inscripción";
    display: block;
    font-size: 1rem;
    font-weight: 400;
    color: #6b7280;
    letter-spacing: 0;
    margin-top: .375rem;
}


/* ═══════════════════════════════════════════════════════════════════════════
   CARRITO — WooCommerce Blocks
   ═══════════════════════════════════════════════════════════════════════════ */


/* ─── Lista de ítems ───────────────────────────────────────────────────────── */

body.woocommerce-cart .wc-block-cart-items {
    border: 1px solid #e8eeea !important;
    border-radius: 12px !important;
    overflow: hidden !important;
}

body.woocommerce-cart .wc-block-cart-items__header {
    background: #f8faf8 !important;
    border-bottom: 1px solid #e8eeea !important;
    padding: .75rem 1.25rem !important;
    font-size: .75rem !important;
    font-weight: 700 !important;
    letter-spacing: .08em !important;
    text-transform: uppercase !important;
    color: #6b7280 !important;
}

body.woocommerce-cart .wc-block-cart-item {
    border-bottom: 1px solid #e8eeea !important;
    padding: 1.25rem !important;
}

body.woocommerce-cart .wc-block-cart-item:last-child {
    border-bottom: none !important;
}

body.woocommerce-cart .wc-block-cart-item__image img {
    border-radius: 10px !important;
}

body.woocommerce-cart .wc-block-cart-item__product-name a {
    font-weight: 600 !important;
    color: #0d1a0f !important;
    text-decoration: none !important;
}

body.woocommerce-cart .wc-block-cart-item__product-name a:hover {
    color: #15803d !important;
}

body.woocommerce-cart .wc-block-cart-item__individual-prices .wc-block-cart-item__price-wrapper,
body.woocommerce-cart .wc-block-cart-item__total .wc-block-cart-item__price-wrapper {
    color: #15803d !important;
    font-weight: 700 !important;
}


/* ─── Sidebar / Totales ────────────────────────────────────────────────────── */

body.woocommerce-cart .wc-block-cart__sidebar .wc-block-components-totals-wrapper {
    border: 1px solid #e8eeea !important;
    border-radius: 14px !important;
    overflow: hidden !important;
    padding: 0 !important;
}

body.woocommerce-cart .wc-block-components-totals-item {
    padding: 1rem 1.5rem !important;
    border-bottom: 1px solid #e8eeea !important;
}

body.woocommerce-cart .wc-block-components-totals-item:last-child {
    border-bottom: none !important;
}

body.woocommerce-cart .wc-block-components-totals-item__label {
    color: #6b7280 !important;
    font-weight: 500 !important;
}

body.woocommerce-cart .wc-block-components-totals-item__value {
    font-weight: 700 !important;
    color: #0d1a0f !important;
}

body.woocommerce-cart .wc-block-components-totals-footer-item {
    background: #f0fdf4 !important;
    padding: 1rem 1.5rem !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 {
    color: #15803d !important;
    font-weight: 700 !important;
    font-size: 1.0625rem !important;
}


/* ─── Botón Finalizar compra ───────────────────────────────────────────────── */

body.woocommerce-cart .wc-block-cart__submit-button,
body.woocommerce-cart .wp-block-woocommerce-proceed-to-checkout-block .wc-block-components-button,
body.woocommerce-cart .wc-block-cart__submit .wc-block-components-button {
    background: #16a34a !important;
    background-color: #16a34a !important;
    color: #fff !important;
    font-weight: 700 !important;
    font-size: 1rem !important;
    border-radius: 10px !important;
    border: none !important;
    padding: .9rem 1.5rem !important;
    width: 100% !important;
    text-align: center !important;
    box-shadow: none !important;
}

body.woocommerce-cart .wc-block-cart__submit-button:hover,
body.woocommerce-cart .wp-block-woocommerce-proceed-to-checkout-block .wc-block-components-button:hover {
    background: #15803d !important;
    background-color: #15803d !important;
}


/* ═══════════════════════════════════════════════════════════════════════════
   CHECKOUT — WooCommerce Blocks
   ═══════════════════════════════════════════════════════════════════════════ */


/* ─── Pasos del checkout ───────────────────────────────────────────────────── */

body.woocommerce-checkout .wc-block-components-checkout-step {
    border: 1px solid #e8eeea !important;
    border-radius: 12px !important;
    padding: 1.5rem !important;
    margin-bottom: 1.25rem !important;
    background: #fff !important;
}

body.woocommerce-checkout .wc-block-components-checkout-step__heading {
    font-size: 1rem !important;
    font-weight: 700 !important;
    color: #0d1a0f !important;
    margin-bottom: 1rem !important;
}

body.woocommerce-checkout .wc-block-components-checkout-step__heading-number {
    background: #16a34a !important;
    color: #fff !important;
    border-radius: 50% !important;
    width: 28px !important;
    height: 28px !important;
    font-size: .8125rem !important;
    font-weight: 700 !important;
}


/* ─── Inputs del formulario ────────────────────────────────────────────────── */

body.woocommerce-checkout .wc-block-components-text-input input,
body.woocommerce-checkout .wc-block-components-select select,
body.woocommerce-checkout .wc-block-components-textarea textarea {
    border: 1px solid #e8eeea !important;
    border-radius: 8px !important;
    padding: .65rem 1rem !important;
    font-size: .9375rem !important;
    color: #374151 !important;
    background: #fff !important;
    box-shadow: none !important;
    transition: border-color .2s !important;
}

body.woocommerce-checkout .wc-block-components-text-input input:focus,
body.woocommerce-checkout .wc-block-components-select select:focus {
    border-color: #16a34a !important;
    outline: none !important;
    box-shadow: 0 0 0 3px rgba(22, 163, 74, .15) !important;
}

body.woocommerce-checkout .wc-block-components-label {
    font-size: .875rem !important;
    font-weight: 500 !important;
    color: #374151 !important;
    margin-bottom: .375rem !important;
}


/* ─── Resumen del pedido (sidebar) ─────────────────────────────────────────── */

body.woocommerce-checkout .wc-block-components-checkout-order-summary {
    border: 1px solid #e8eeea !important;
    border-radius: 14px !important;
    overflow: hidden !important;
}

body.woocommerce-checkout .wc-block-components-checkout-order-summary__title {
    background: #f8faf8 !important;
    padding: 1.25rem 1.5rem !important;
    font-size: .75rem !important;
    font-weight: 700 !important;
    letter-spacing: .1em !important;
    text-transform: uppercase !important;
    color: #6b7280 !important;
    border-bottom: 1px solid #e8eeea !important;
}

body.woocommerce-checkout .wc-block-components-order-summary-item {
    padding: 1rem 1.5rem !important;
    border-bottom: 1px solid #e8eeea !important;
}

body.woocommerce-checkout .wc-block-components-order-summary-item__individual-prices {
    color: #15803d !important;
    font-weight: 700 !important;
}

body.woocommerce-checkout .wc-block-components-totals-footer-item {
    background: #f0fdf4 !important;
    padding: 1rem 1.5rem !important;
}

body.woocommerce-checkout .wc-block-components-totals-footer-item .wc-block-components-totals-item__label,
body.woocommerce-checkout .wc-block-components-totals-footer-item .wc-block-components-totals-item__value {
    color: #15803d !important;
    font-weight: 700 !important;
    font-size: 1.0625rem !important;
}


/* ─── Botón Realizar pedido ────────────────────────────────────────────────── */

body.woocommerce-checkout .wc-block-checkout__actions .wc-block-components-button,
body.woocommerce-checkout .wc-block-checkout__place-order .wc-block-components-button,
body.woocommerce-checkout button.wc-block-components-checkout-place-order-button {
    background: #16a34a !important;
    background-color: #16a34a !important;
    color: #fff !important;
    font-weight: 700 !important;
    font-size: 1rem !important;
    border-radius: 10px !important;
    border: none !important;
    padding: .9rem 2rem !important;
    min-height: auto !important;
    box-shadow: none !important;
}

body.woocommerce-checkout .wc-block-checkout__actions .wc-block-components-button:hover,
body.woocommerce-checkout button.wc-block-components-checkout-place-order-button:hover {
    background: #15803d !important;
    background-color: #15803d !important;
}


/* ─── Responsive ───────────────────────────────────────────────────────────── */

@media (max-width: 680px) {
    body.woocommerce-cart .entry-content,
    body.woocommerce-checkout .entry-content {
        padding: 2rem 1.25rem 4rem !important;
    }
}