/* =========================================================
14. CHECKOUT: DIRECCIÓN, BOTONES Y PESTAÑAS ENTREGA/RECOGIDA
========================================================= */
/* 1. Tarjeta de dirección: Cursor, Hover y Selección en Verde Oscuro */
html body #app .address-card-item {
background: #18181c !important;
background-color: #18181c !important;
border: 1px solid #3f3f46 !important;
border-radius: 10px !important;
cursor: pointer !important;
transition: all 0.2s ease !important;
position: relative !important;
}
html body #app .address-card-item:hover {
background: rgba(6, 78, 59, 0.45) !important;
background-color: rgba(6, 78, 59, 0.45) !important;
border-color: #059669 !important;
transform: translateY(-1px) !important;
}
html body #app .address-card-item.address-selected,
html body #app label[class*="border-primary"],
html body #app div[class*="border-primary"].address-card-item {
background: #064e3b !important;
background-color: #064e3b !important;
border: 2px solid #10b981 !important;
box-shadow: 0 0 14px rgba(16, 185, 129, 0.35) !important;
color: #ffffff !important;
}
/* Etiqueta visual de "✓ Seleccionada" arriba a la derecha de la dirección */
html body #app .address-card-item.address-selected::after {
content: "✓ Seleccionada";
position: absolute;
top: 10px;
right: 12px;
background: #10b981;
color: #ffffff;
font-size: 11px;
font-weight: 700;
padding: 2px 8px;
border-radius: 9999px;
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4);
}
/* 2. Botones Editar, Agregar Nuevo y Volver al Carrito -> Verde Oscuro */
html body #app .btn-checkout-dark {
background: #064e3b !important;
background-color: #064e3b !important;
border: 1px solid #059669 !important;
color: #ffffff !important;
font-weight: 600 !important;
transition: all 0.2s ease !important;
box-shadow: 0 2px 8px rgba(6, 78, 59, 0.4) !important;
}
html body #app .btn-checkout-dark *,
html body #app .btn-checkout-dark i {
color: #ffffff !important;
}
html body #app .btn-checkout-dark:hover {
background: #047857 !important;
background-color: #047857 !important;
border-color: #10b981 !important;
transform: translateY(-1px) !important;
}
/* 3. Switch de Entrega / Recogida en Tienda */
html body #app .order-type-btn {
background: #18181c !important;
background-color: #18181c !important;
border: 1px solid #27272a !important;
color: #a1a1aa !important;
transition: all 0.2s ease !important;
}
html body #app .order-type-btn.order-type-active {
background: #10b981 !important;
background-color: #10b981 !important;
border: 1px solid #059669 !important;
color: #ffffff !important;
font-weight: 700 !important;
box-shadow: 0 2px 10px rgba(16, 185, 129, 0.35) !important;
}