/* ============================================================================
   CUSTOMIZACIONES ESPECÍFICAS DE HALLEY
   ============================================================================
   Este archivo contiene ajustes puntuales sobre Bootstrap y ajustes para uso
   táctil (tablet/móvil). Los colores se definen en theme.css usando variables
   CSS de marca, así que NO edites colores aquí.
   ========================================================================== */

/* Ajustes puntuales sobre Bootstrap */
.navbar-brand img {
    height: 40px;
}

/* En el tema Brite el color de enlace activo e inactivo es el mismo (#000),
   así que marcamos el enlace de la página actual con negrita y un subrayado. */
.navbar-nav .nav-link.active {
    font-weight: 700;
    box-shadow: inset 0 -3px 0 0 currentColor;
}

/* --------------------------------------------------------------------------
   Controles cómodos para uso táctil (el uso principal es desde tablet).
   Se aplica a todos los botones e inputs de Bootstrap sin tocar el tema.
   -------------------------------------------------------------------------- */
.btn {
    min-height: 48px;
    padding: 0.6rem 1.1rem;
    font-size: 1.05rem;
}

.btn-sm {
    min-height: 40px;
    padding: 0.45rem 0.85rem;
    font-size: 0.95rem;
}

.btn-lg {
    min-height: 60px;
    font-size: 1.25rem;
}

/* Campos de formulario también más altos para tocar con el dedo. */
.form-control,
.form-select {
    min-height: 48px;
}

.form-control-color {
    min-height: 48px;
    width: 100%;
}

/* Casillas de verificación más grandes. */
.form-check-input {
    width: 1.4em;
    height: 1.4em;
}

/* Enlaces de navegación con mayor área de toque. */
.navbar-nav .nav-link {
    padding-top: 0.7rem;
    padding-bottom: 0.7rem;
}

#reader {
    width: 100%;
    max-width: 450px;
    margin: 0 auto 1rem;
    border-radius: 8px;
    overflow: hidden;
}

/* Controles grandes para uso táctil en las pantallas de escaneo */
.scan-form input[type="number"] {
    font-size: 3.1rem;
    height: 100px;
    text-align: center;
}

.scan-form button[type="submit"] {
    font-size: 2.8rem;
    height: 200px;
}

@media (max-width: 600px) {
    .scan-form input[type="number"] {
        font-size: 1.5rem;
        height: 70px;
    }

    .scan-form button[type="submit"] {
        font-size: 1.5rem;
        height: 90px;
    }
}