.table-responsive {
    overflow: visible; /* Permitir que el dropdown se muestre fuera de la tabla */
}
.pizzapro-highlight td {
    background-color: #ffd82c !important; /* Color tabla sucursales pizzapro */
}
.navbar-pizzapro {
background-color: #000000;
}
.btn-pizzapro {
--bs-btn-color: #000;
--bs-btn-bg: #000;
--bs-btn-border-color: #000;
--bs-btn-hover-color: #000;
--bs-btn-hover-bg: #ff6a00;
--bs-btn-hover-border-color: #ff6a00;
--bs-btn-focus-shadow-rgb: 217, 164, 6;
--bs-btn-active-color: #000;
--bs-btn-active-bg: #ff6a00;
--bs-btn-active-border-color: #ff6a00;
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
--bs-btn-disabled-color: #000;
--bs-btn-disabled-bg: #ff6a00;
--bs-btn-disabled-border-color: #ff6a00;
}

/* Estilos para las notificaciones */
.toast {
    position: fixed;
    top: 20px;
    right: 20px;
    z-index: 9999;
}

.bg-success {
    background-color: #28a745 !important;
}

.bg-danger {
    background-color: #dc3545 !important;
}

input[type="password"]::placeholder {
        color: #6c757d;
        opacity: 0.7;
    }
    
    /* Estilo para indicar que el campo es opcional */
.optional-field {
        border-left: 3px solid #28a745;
    }


    /* Para móviles - permitir scroll */
@media (max-width: 768px) {
    .table-responsive-custom {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch; /* Scroll suave en iOS */
    }
    
    /* Asegurar que elementos interactivos sean usables */
    .suggestions-list {
        max-width: 90vw; /* No exceder el ancho de la pantalla */
        left: 5vw !important;
        right: 5vw !important;
    }
}

/* Para desktop - overflow visible para flotantes */
@media (min-width: 769px) {
    .table-responsive-custom {
        overflow: visible;
    }
}

/* Estilos para elementos flotantes */
.suggestions-container {
    position: relative;
}

.suggestions-list {
    position: absolute;
    z-index: 1000;
    /* resto de estilos */
}

/* Modal para descripción completa - texto a ancho completo */
#descripcionModal .modal-dialog {
    max-width: 800px; /* o el ancho que prefieras */
}

#descripcionModal .modal-body {
    padding: 20px;
}

#descripcion-completa-texto {
    white-space: pre-line;
    word-wrap: break-word;
    font-family: inherit;
    padding: 15px;
    border-radius: 4px;
    min-height: 100px;
    width: 100%; /* Asegura que ocupe todo el ancho */
    max-width: 100%;
    box-sizing: border-box;
    font-size: 1rem;
    line-height: 1.5;
}