/* ===================================
   LOGIN OOGJE RECHTS - MOBIEL
   Input blijft klikbaar
   =================================== */

/* Alleen op mobiel */
@media (max-width: 768px) {
    /* Login page - password velden */
    #password,
    #sub_password {
        padding-right: 50px !important;
        position: relative !important;
        z-index: 1 !important;
    }
    
    /* Container voor input en button */
    .form-group div[style*="position: relative"] {
        position: relative !important;
    }
    
    /* Oogje buttons - rechts maar niet blokkeren */
    button[onclick*="togglePassword"] {
        position: absolute !important;
        right: 5px !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
        background: transparent !important;
        border: none !important;
        color: #666 !important;
        cursor: pointer !important;
        padding: 8px !important;
        width: 40px !important;
        height: 40px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        z-index: 2 !important;
        pointer-events: auto !important;
    }
    
    /* Icon groter maken */
    button[onclick*="togglePassword"] i {
        font-size: 18px !important;
        pointer-events: none !important;
    }
    
    /* Hover effect */
    button[onclick*="togglePassword"]:hover {
        color: #333 !important;
    }
    
    /* Active state */
    button[onclick*="togglePassword"]:active {
        color: #000 !important;
        background: rgba(0,0,0,0.05) !important;
        border-radius: 4px !important;
    }
}

/* Extra kleine schermen */
@media (max-width: 576px) {
    #password,
    #sub_password {
        padding-right: 55px !important;
    }
    
    button[onclick*="togglePassword"] {
        right: 3px !important;
        width: 44px !important;
        height: 44px !important;
        padding: 10px !important;
    }
    
    button[onclick*="togglePassword"] i {
        font-size: 20px !important;
    }
}