/**
 * Estilos para Seção de Devolução
 * Plugin Seleção de Peças para Assinantes
 */

/* Seção de Devolução */
.spa-return-section {
    background: var(--spa-warning-bg);
    border: var(--spa-border-width) solid var(--spa-warning);
    border-radius: var(--spa-radius-lg);
    padding: var(--spa-space-lg);
    margin-top: var(--spa-space-lg);
}

.spa-return-info h4 {
    color: var(--spa-warning);
    font-size: var(--spa-font-size-md);
    font-weight: var(--spa-font-weight-semibold);
    margin: 0 0 var(--spa-space-sm) 0;
    display: flex;
    align-items: center;
    gap: var(--spa-space-sm);
}

.spa-return-info h4::before {
    content: "📦";
    font-size: var(--spa-font-size-lg);
}

/* Lista de Itens para Devolução */
.spa-return-items {
    list-style: none;
    margin: var(--spa-space-md) 0;
    padding: 0;
    background: var(--spa-white);
    border-radius: var(--spa-radius-md);
    overflow: hidden;
    box-shadow: var(--spa-shadow-sm);
}

.spa-return-items li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: var(--spa-space-md);
    border-bottom: var(--spa-border-width) solid var(--spa-gray-200);
}

.spa-return-items li:last-child {
    border-bottom: none;
}

.spa-return-items li strong {
    color: var(--spa-gray-800);
    font-weight: var(--spa-font-weight-medium);
    flex: 1;
}

.spa-item-price {
    color: var(--spa-warning);
    font-weight: var(--spa-font-weight-semibold);
    font-size: var(--spa-font-size-sm);
    background: var(--spa-warning-bg);
    padding: var(--spa-space-xs) var(--spa-space-sm);
    border-radius: var(--spa-radius-sm);
}

.spa-return-info small {
    display: block;
    color: var(--spa-gray-600);
    font-size: var(--spa-font-size-xs);
    margin-top: var(--spa-space-sm);
    font-style: italic;
}

/* Botão Confirmar Devolução */
.spa-confirm-return {
    background: var(--spa-warning) !important;
    color: var(--spa-white) !important;
    border: none !important;
    padding: var(--spa-space-sm) var(--spa-space-lg) !important;
    border-radius: var(--spa-radius-md) !important;
    font-weight: var(--spa-font-weight-medium) !important;
    font-size: var(--spa-font-size-sm) !important;
    transition: var(--spa-transition-fast) !important;
    cursor: pointer !important;
    text-decoration: none !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: var(--spa-space-xs) !important;
    margin-top: var(--spa-space-md) !important;
}

.spa-confirm-return::before {
    content: "✓";
    font-weight: bold;
}

.spa-confirm-return:hover {
    background: #bf8f0a !important;
    transform: translateY(-1px);
    box-shadow: var(--spa-shadow-md) !important;
}

.spa-confirm-return:active {
    transform: translateY(0);
    box-shadow: var(--spa-shadow-sm) !important;
}

/* Status de Devolução Confirmada */
.spa-status-completed {
    background: var(--spa-success-bg) !important;
    color: var(--spa-success) !important;
    border: var(--spa-border-width) solid var(--spa-success) !important;
    padding: var(--spa-space-sm) var(--spa-space-lg) !important;
    border-radius: var(--spa-radius-md) !important;
    font-weight: var(--spa-font-weight-medium) !important;
    font-size: var(--spa-font-size-sm) !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: var(--spa-space-xs) !important;
    margin-top: var(--spa-space-md) !important;
}

/* Responsividade */
@media (max-width: 768px) {
    .spa-return-section {
        padding: var(--spa-space-md);
        margin-top: var(--spa-space-md);
    }
    
    .spa-return-items li {
        flex-direction: column;
        align-items: flex-start;
        gap: var(--spa-space-xs);
    }
    
    .spa-item-price {
        align-self: flex-end;
    }
    
    .spa-confirm-return {
        width: 100% !important;
        justify-content: center !important;
    }
}