/* * Estilos para el plugin de Seguimiento Avanzado de Pedidos (MSP-WC)
 * Versión: 2.9.0
 */

#msp-wc-tracking-container h2 {
    font-size: 1.7em !important; 
    font-weight: 600 !important; 
    margin-bottom: 20px !important; 
    color: #1d2327 !important; 
    border-bottom: 2px solid #e0e0e0 !important; 
    padding-bottom: 10px !important;
}

#msp-wc-tracking-container .shipping-status-badge {
    padding: 10px 18px !important; 
    border-radius: 8px !important;
    font-weight: 600 !important; 
    text-align: center !important; 
    margin-bottom: 25px !important; 
    font-size: 15px !important; 
    letter-spacing: 0.5px !important;
    border-width: 1px !important;
    border-style: solid !important;
}
#msp-wc-tracking-container .shipping-status-badge .status-icon {
    margin-right: 10px !important;
    font-size: 1.1em !important;
}

/* --- Status Badge Colors --- */
#msp-wc-tracking-container .shipping-status-badge.status-entregado, 
#msp-wc-tracking-container .shipping-status-badge.status-retirado-ok,
#msp-wc-tracking-container .shipping-status-badge.status-llego-punto-entrega,
#msp-wc-tracking-container .shipping-status-badge.status-producto-devuelto { 
    background-color: #eaf7ed !important;
    border-color: #c8e6c9 !important;
    color: #3d8b50 !important;
}
#msp-wc-tracking-container .shipping-status-badge.status-pendiente-procesamiento, 
#msp-wc-tracking-container .shipping-status-badge.status-en-breve-info, 
#msp-wc-tracking-container .shipping-status-badge.status-en-camino, 
#msp-wc-tracking-container .shipping-status-badge.status-en-preparacion, 
#msp-wc-tracking-container .shipping-status-badge.status-en-camino-punto, 
#msp-wc-tracking-container .shipping-status-badge.status-en-camino-domicilio,
#msp-wc-tracking-container .shipping-status-badge.status-en-proceso-devolucion { 
    background-color: #e8f4fd !important;
    border-color: #b3e5fc !important;
    color: #3c7aa8 !important;
}
#msp-wc-tracking-container .shipping-status-badge.status-pendiente-retiro-demorado, 
#msp-wc-tracking-container .shipping-status-badge.status-demorado-logistica, 
#msp-wc-tracking-container .shipping-status-badge.status-demorado, 
#msp-wc-tracking-container .shipping-status-badge.status-reprogramado-logistica, 
#msp-wc-tracking-container .shipping-status-badge.status-reprogramado, 
#msp-wc-tracking-container .shipping-status-badge.status-intento-entrega, 
#msp-wc-tracking-container .shipping-status-badge.status-entrega-fallida,
#msp-wc-tracking-container .shipping-status-badge.status-pendiente-devolucion { 
    background-color: #fff8e1 !important;
    border-color: #ffecb3 !important;
    color: #8a6d3b !important;
}
#msp-wc-tracking-container .shipping-status-badge.status-devuelto, 
#msp-wc-tracking-container .shipping-status-badge.status-cancelado { 
    background-color: #fdecea !important;
    border-color: #ffcdd2 !important;
    color: #a94442 !important;
}

#msp-wc-tracking-container .tracking-details-box { 
    border: none !important; 
    padding: 0 !important; 
    margin-top: 0 !important; 
    background-color: transparent !important;
}
#msp-wc-tracking-container .tracking-detail-item {
    display: flex !important;
    align-items: center !important;
    padding: 20px !important; 
    margin-bottom: 15px !important; 
    border: 1px solid #e0e0e0 !important;
    border-radius: 8px !important;
    background-color: #ffffff !important;
    box-shadow: 0 2px 5px rgba(0,0,0,0.05) !important;
}
#msp-wc-tracking-container .tracking-detail-item .detail-icon {
    font-size: 2em !important;
    margin-right: 20px !important;
    color: #555 !important;
}
#msp-wc-tracking-container .tracking-detail-item .text-wrapper strong {
    font-size: 1.1em !important; 
    color: #2c3e50 !important;
    margin-bottom: 5px !important; 
    font-weight: 700 !important; 
    display: block !important;
    text-transform: none !important;
    letter-spacing: 0px !important;
}
#msp-wc-tracking-container .tracking-detail-item .text-wrapper span {
    font-size: 1.1em !important; 
    color: #555 !important; 
    font-weight: 400 !important;
}
#msp-wc-tracking-container .tracking-detail-item .text-wrapper span.pickup-location {
    line-height: 1.5 !important;
}
#msp-wc-tracking-container .tracking-actions {
    margin-top: 15px !important; 
    padding: 0 !important; 
    text-align: right !important;
}
 #msp-wc-tracking-container .tracking-actions .button {
    margin-left: 10px !important;
}

#msp-wc-tracking-container .tracking-actions .button.tracking-button { 
    display: inline-block !important; 
    text-shadow: none !important; 
    border-radius: 8px !important; 
    padding: 12px 22px !important; 
    font-size: 15px !important; 
    font-weight: 600 !important; 
    text-align: center !important; 
    transition: all 0.25s ease !important; 
    cursor: pointer !important;
    line-height: 1.2 !important;
    letter-spacing: 0.5px !important;
    text-transform: uppercase !important;
}
#msp-wc-tracking-container .tracking-actions a.tracking-button,
#msp-wc-tracking-container .tracking-actions a.tracking-button.qr-button { 
    background-color: #2c3e50 !important; /* Dark Slate Blue */
    color: #ffffff !important; 
    border: 2px solid #2c3e50 !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1) !important;
}
#msp-wc-tracking-container .tracking-actions button.tracking-button {
    background-color: transparent !important;
    color: #2c3e50 !important;
    border: 2px solid #2c3e50 !important;
}
#msp-wc-tracking-container .tracking-actions a.tracking-button:hover {
    background-color: #34495e !important;
    border-color: #34495e !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15) !important;
}
#msp-wc-tracking-container .tracking-actions button.tracking-button:hover {
    background-color: #2c3e50 !important;
    color: #ffffff !important;
    transform: translateY(-2px) !important;
}

/* --- Countdown Notification Styles --- */
#msp-wc-tracking-container .countdown-notice {
    padding: 15px 20px !important; 
    margin-bottom: 25px !important; 
    border-radius: 8px !important; 
    border-left-width: 5px !important; 
    border-left-style: solid !important; 
    font-size: 15px !important; 
    line-height: 1.6 !important;
}
#msp-wc-tracking-container .countdown-notice.info {
    background-color: #e7f5ff !important; 
    border-left-color: #0073e6 !important; 
    color: #004085 !important;
}
#msp-wc-tracking-container .countdown-notice.warning {
    background-color: #fff8e1 !important; 
    border-left-color: #ff9800 !important; 
    color: #856404 !important;
}
#msp-wc-tracking-container .countdown-notice.expired {
    background-color: #fdecea !important; 
    border-left-color: #d9534f !important; 
    color: #721c24 !important;
}
#msp-wc-tracking-container .countdown-notice.picked-up {
    background-color: #e8f5e9 !important; 
    border-left-color: #4CAF50 !important; 
    color: #155724 !important; 
    text-align: center;
}
#msp-wc-tracking-container .countdown-notice strong {
    font-weight: 700 !important;
}

/* --- Modal Styles --- */
#msp-packaging-modal { 
    display: none !important; 
    position: fixed !important; 
    z-index: 1001 !important; 
    left: 0 !important; 
    top: 0 !important; 
    width: 100% !important; 
    height: 100% !important; 
    overflow: auto !important; 
    background-color: rgba(0,0,0,0.6) !important; 
}
#msp-packaging-modal .msp-modal-content { 
    background-color: #fff !important; 
    margin: 10% auto !important; 
    padding: 25px 30px !important; 
    border-radius: 8px !important; 
    width: 90% !important; 
    max-width: 600px !important; 
    position: relative !important; 
    box-shadow: 0 5px 15px rgba(0,0,0,0.3) !important; 
}
#msp-packaging-modal .msp-modal-close { 
    color: #aaa !important; 
    float: right !important; 
    font-size: 28px !important; 
    font-weight: bold !important; 
    line-height: 1 !important; 
    cursor: pointer !important; 
}
#msp-packaging-modal .msp-modal-close:hover, 
#msp-packaging-modal .msp-modal-close:focus { 
    color: black !important; 
    text-decoration: none !important; 
}
#msp-packaging-modal .msp-modal-content h2 { 
    margin-top: 0 !important; 
}
#msp-packaging-modal .msp-modal-instructions { 
    list-style: none !important; 
    padding-left: 0 !important; 
}
#msp-packaging-modal .msp-modal-instructions li { 
    display: flex !important; 
    align-items: flex-start !important; 
    margin-bottom: 15px !important; 
}
#msp-packaging-modal .msp-modal-instructions span { 
    font-size: 1.5em !important; 
    margin-right: 15px !important; 
}
#msp-packaging-modal .msp-modal-warning { 
    color: #a94442 !important; 
    background-color: #f2dede !important; 
    padding: 10px !important; 
    border-radius: 5px !important; 
}

/* --- Responsive Styles --- */
@media (max-width: 640px) {
    #msp-wc-tracking-container .tracking-details-box { 
        padding: 0 !important; 
    }
    #msp-wc-tracking-container .tracking-actions { 
        text-align: center !important; 
    }
    #msp-wc-tracking-container a.button.tracking-button,
    #msp-wc-tracking-container button.tracking-button { 
        width: 100% !important; 
        margin-left: 0 !important;
        margin-bottom: 10px !important; 
    }
}