/* ==========================================================================
   MINAJI DISTRIBUTION - ESTILOS EXCLUSIVOS PARA EL MENÚ DE MI CUENTA
   ========================================================================== */

:root {
    --minaji-charcoal: #4A4A4A !important;
    --minaji-rose: #C97585 !important;
    --minaji-bg-soft: #FBF4F5 !important;
    --minaji-border: #EED7DC !important;
}

/* Contenedor de la lista del menú */
body.woocommerce-account .woocommerce-MyAccount-navigation ul {
    list-style: none !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Enlaces individuales del menú */
body.woocommerce-account .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link a {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    padding: 12px 18px !important;
    border-radius: 8px !important;
    color: var(--minaji-charcoal) !important;
    text-decoration: none !important;
    font-size: 0.85rem !important;
    font-weight: 500 !important;
    background: transparent !important;
    border: none !important;
    transition: all 0.2s ease !important;
}

/* Efecto Hover */
body.woocommerce-account .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link a:hover {
    background-color: var(--minaji-bg-soft) !important;
    color: var(--minaji-rose) !important;
}

/* Elemento Activo (Pastilla Rosa) */
body.woocommerce-account .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link.is-active a {
    background-color: var(--minaji-bg-soft) !important;
    color: var(--minaji-charcoal) !important;
    font-weight: 600 !important;
    border: 1px solid var(--minaji-border) !important;
    box-shadow: 0 2px 8px rgba(201, 117, 133, 0.1) !important;
}/* ==========================================================================
   MINAJI DISTRIBUTION - ESTILOS PARA LA TABLA DE PEDIDOS (WOOCOMMERCE)
   ========================================================================== */

:root {
    --minaji-charcoal: #4A4A4A !important;
    --minaji-rose: #C97585 !important;
    --minaji-bg-soft: #FBF4F5 !important;
    --minaji-border: #EED7DC !important;
    --minaji-white: #FFFFFF !important;
}

/* Contenedor de la tabla */
body.woocommerce-account .woocommerce-MyAccount-content {
    background: var(--minaji-white) !important;
    border: 1px solid var(--minaji-border) !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    box-shadow: 0 4px 20px rgba(201, 117, 133, 0.05) !important;
}

/* Estructura general de la tabla */
body.woocommerce-account table.woocommerce-orders-table,
body.woocommerce-account table.shop_table {
    width: 100% !important;
    border-collapse: collapse !important;
    text-align: left !important;
    margin: 0 !important;
    border: none !important;
}

/* Cabecera de la tabla */
body.woocommerce-account table.woocommerce-orders-table thead tr,
body.woocommerce-account table.shop_table thead tr {
    background-color: var(--minaji-bg-soft) !important;
    border-bottom: 1px solid var(--minaji-border) !important;
}

body.woocommerce-account table.woocommerce-orders-table th,
body.woocommerce-account table.shop_table th {
    padding: 16px 24px !important;
    font-size: 0.7rem !important;
    font-weight: 700 !important;
    letter-spacing: 1.5px !important;
    color: var(--minaji-rose) !important;
    text-transform: uppercase !important;
    border: none !important;
}

/* Filas del cuerpo */
body.woocommerce-account table.woocommerce-orders-table tbody tr,
body.woocommerce-account table.shop_table tbody tr {
    border-bottom: 1px solid #f2e3e6 !important;
    background-color: transparent !important;
    transition: background 0.2s ease !important;
}

body.woocommerce-account table.woocommerce-orders-table tbody tr:last-child,
body.woocommerce-account table.shop_table tbody tr:last-child {
    border-bottom: none !important;
}

body.woocommerce-account table.woocommerce-orders-table tbody tr:hover,
body.woocommerce-account table.shop_table tbody tr:hover {
    background-color: #faf5f5 !important;
}

/* Celdas individuales */
body.woocommerce-account table.woocommerce-orders-table td, 
body.woocommerce-account table.woocommerce-orders-table th.woocommerce-orders-table__cell-order-number,
body.woocommerce-account table.shop_table td {
    padding: 20px 24px !important;
    font-size: 0.85rem !important;
    color: var(--minaji-charcoal) !important;
    vertical-align: middle !important;
    border: none !important;
}

/* Enlace del número de pedido (Ej: #170) */
body.woocommerce-account table.woocommerce-orders-table .woocommerce-orders-table__cell-order-number a {
    color: var(--minaji-charcoal) !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    transition: color 0.2s ease !important;
}

body.woocommerce-account table.woocommerce-orders-table .woocommerce-orders-table__cell-order-number a:hover {
    color: var(--minaji-rose) !important;
}

/* Precios y cantidades */
body.woocommerce-account table.woocommerce-orders-table .woocommerce-Price-amount {
    font-weight: 600 !important;
    color: var(--minaji-charcoal) !important;
}

/* Botón de acción "Ver" */
body.woocommerce-account table.woocommerce-orders-table a.woocommerce-button.button.view,
body.woocommerce-account table.woocommerce-orders-table a.button {
    color: var(--minaji-rose) !important;
    background: transparent !important;
    border: none !important;
    text-decoration: none !important;
    font-size: 0.75rem !important;
    font-weight: 700 !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
    padding: 0 !important;
    box-shadow: none !important;
    transition: opacity 0.2s ease !important;
}

body.woocommerce-account table.woocommerce-orders-table a.woocommerce-button.button.view:hover,
body.woocommerce-account table.woocommerce-orders-table a.button:hover {
    opacity: 0.7 !important;
    background: transparent !important;
} 

/* ==========================================================================
   MINAJI DISTRIBUTION - ESTILOS PARA EL AVISO DE CORREO (WOOCOMMERCE)
   ========================================================================== */

:root {
    --minaji-charcoal: #4A4A4A !important;
    --minaji-rose: #C97585 !important;
    --minaji-bg-soft: #FBF4F5 !important;
    --minaji-border: #EED7DC !important;
}

body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-info {
    background-color: var(--minaji-bg-soft) !important;
    border-left: 4px solid var(--minaji-rose) !important;
    border-top: none !important;
    border-right: none !important;
    border-bottom: none !important;
    padding: 16px 20px !important;
    margin: 20px !important;
    border-radius: 4px !important;
    font-size: 0.8rem !important;
    display: flex !important;
    justify-content: flex-start;
    align-items: flex-start;
    color: var(--minaji-charcoal) !important;
    box-shadow: none !important;
    flex-direction: column;
    row-gap: 10px;
    /* padding-left: 50px !important; */
}

/* Botón de confirmación dentro del aviso */
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-info a.button.wc-forward {
    background-color: var(--minaji-rose) !important;
    color: #FFFFFF !important;
    padding: 8px 16px !important;
    border-radius: 20px !important;
    text-decoration: none !important;
    font-size: 0.75rem !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    border: none !important;
    box-shadow: none !important;
    transition: opacity 0.2s ease !important;
}

body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-info a.button.wc-forward:hover {
    opacity: 0.85 !important;
    background-color: var(--minaji-rose) !important;
}





/**/

/* --- LIMPIEZA TOTAL DEL CARRITO B2B AYARYS --- */

/* 1. Ocultar columnas de Precio y Subtotal en la tabla del carrito */
.woocommerce-cart-form th.product-price, 
.woocommerce-cart-form td.product-price,
.woocommerce-cart-form th.product-subtotal, 
.woocommerce-cart-form td.product-subtotal {
    display: none !important;
}

/* 2. Ocultar la sección de "Totales del carrito" (Subtotales finales) */
.cart-collaterals .cart_totals {
    display: none !important;
}

/* 3. Ajustar el ancho de la columna de producto para que se vea mejor */
.woocommerce-cart-form th.product-name {
    width: 60% !important;
}

/* 4. Estilo para los nombres de productos en el carrito (Montserrat 20px) */
.woocommerce-cart-form .product-name a {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #012764 !important;
    text-decoration: none !important;
}

/* 5. Estilo para las etiquetas de cantidad */
.woocommerce-cart-form td.product-quantity {
    font-family: 'Montserrat', sans-serif !important;
}

/* 6. Hacer que la tabla ocupe el ancho completo de forma limpia */
.woocommerce-cart-form table.shop_table {
    border: 2px solid #012764 !important;
    border-radius: 8px !important;
    overflow: hidden !important;
}

.woocommerce-cart-form thead th {
    background-color: #012764 !important;
    color: #ffffff !important;
    text-transform: uppercase;
    padding: 15px !important;
}
/* --- CORRECCIÓN BOTÓN CHECKOUT CARRITO --- */

/* 1. Ocultamos los subtotales y precios pero NO el contenedor del botón */
.cart-collaterals .cart_totals h2,
.cart-collaterals .cart_totals table.shop_table_responsive,
.cart-collaterals .cart_totals .wc-proceed-to-checkout > p {
    display: none !important;
}

/* 2. Aseguramos que el contenedor de totales sea visible para mostrar el botón */
.cart-collaterals .cart_totals {
    display: block !important;
    width: 100% !important;
    float: none !important;
}

/* 3. Estilo del Botón de Finalizar Cotización en el Carrito */
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
    background-color: #09a7f9 !important; /* Celeste Ayarys */
    color: #fff !important;
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    padding: 20px !important;
    font-size: 18px !important;
    border-radius: 8px !important;
    text-align: center !important;
    display: block !important;
    width: 100% !important;
    max-width: 400px;
    margin: 30px 0 0 auto !important; /* Alineado a la derecha */
    transition: 0.3s ease;
}

.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover {
    background-color: #012764 !important;
    transform: translateY(-3px);
}