/**
 * LoliSales Manager - Modal "Consultar Stock" (v1.0.7)
 *
 * Estilos del MODAL de Consultar Stock únicamente.
 * El estilo del BOTÓN y el cuadro gris está en lolisales-frontend.css.
 */

/* Modal de consulta */
#stockRequestModal .modal-header {
    background-color: #E1BB80;
    color: #1a1a1a;
    border-bottom: none;
}

#stockRequestModal .modal-title {
    font-weight: normal;
    font-size: 1.5rem;
}

#stockRequestModal .modal-header .close {
    color: #1a1a1a;
    opacity: 0.7;
}

#stockRequestModal .modal-header .close:hover {
    opacity: 1;
}

#stockRequestModal .modal-body {
    padding: 25px;
}

#stockRequestModal label {
    font-weight: 600;
    margin-bottom: 5px;
    color: #1a1a1a;
}

/* El label del checkbox (Acepto la política) NO va en negrita,
   solo el enlace destacado para que la frase quede natural. */
#stockRequestModal .form-check-label {
    font-weight: normal !important;
}

#stockRequestModal .form-check-label a {
    font-weight: 600;
    color: #c9a468;
    text-decoration: underline;
}

#stockRequestModal .form-control {
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 10px 12px;
    transition: border-color 0.15s, box-shadow 0.15s;
}

#stockRequestModal .form-control:focus {
    border-color: #E1BB80;
    box-shadow: 0 0 0 0.2rem rgba(225, 187, 128, 0.25);
}

#stockRequestModal .form-group {
    margin-bottom: 18px;
}

#stockRequestModal .modal-footer {
    border-top: 1px solid #eee;
    padding: 15px 25px;
}

/* Botón "Enviar consulta" — mismo formato que "Cancelar" pero dorado */
#stockRequestModal #submitStockRequest {
    background-color: #E1BB80 !important;
    border-color: #E1BB80 !important;
    color: #1a1a1a !important;
    font-weight: normal !important;
    transition: background-color 0.15s, color 0.15s;
}

#stockRequestModal #submitStockRequest:hover {
    background-color: #c9a468 !important;
    border-color: #c9a468 !important;
    color: #fff !important;
}

#stockRequestModal #submitStockRequest .fa,
#stockRequestModal #submitStockRequest i {
    margin-right: 6px;
}

/* Estados de alerta dentro del modal */
#stockRequestAlert.alert-success {
    background-color: #d4edda;
    border-color: #c3e6cb;
    color: #155724;
}

#stockRequestAlert.alert-danger {
    background-color: #f8d7da;
    border-color: #f5c6cb;
    color: #721c24;
}

/* Spinner durante envío */
.spinner-border-sm {
    display: inline-block;
    width: 1rem;
    height: 1rem;
    border: 2px solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    animation: spinner-border 0.75s linear infinite;
}

@keyframes spinner-border {
    to { transform: rotate(360deg); }
}

/* Responsive */
@media (max-width: 768px) {
    #stockRequestModal .modal-dialog {
        margin: 10px;
    }
    #stockRequestModal .modal-body {
        padding: 15px;
    }
}
