/**
 * Floating Buttons - CSP Compliant
 * Reemplaza inline styles de main.js con clases CSS
 */

/* Iconos de Font Awesome CSP-compliant */
.fa-icon-white {
    color: #fff;
    font-size: 25px;
}

.fa-icon-white-large {
    color: #fff;
    font-size: 35px;
}

.fa-icon-white-medium {
    color: #fff;
    font-size: 20px;
}

/* Cart Content - Visibility Toggle */
.cart-content {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
}

.cart-content.visible {
    opacity: 1 !important;
    visibility: visible !important;
}

/* Video Wrapper - Hidden on iOS */
.video-wrapper.hidden-ios {
    display: none;
}

/* Form Validation Borders */
.input-error {
    border: 1px solid red !important;
}

.input-error-bottom {
    border: none !important;
    border-bottom: 2px solid red !important;
}

.input-valid {
    border: 1px solid #dfdfdf !important;
}

.input-valid-bottom {
    border: none !important;
    border-bottom: 2px solid #000 !important;
}

/* ============================================
   Floating Buttons - Posicionamiento individual
   Solo 2 botones activos: Asistencia y Reclamos
   ============================================ */

/* Botón 1: Asistencia al vehículo - top:150px */
.btn-asistencia,
.btn-asistencia-movil {
    top: 150px !important;
}

/* Botón 2: Reclamos y Denuncias - top:220px */
.btn-reclamo,
.btn-reclamo-movil {
    top: 220px !important;
}