/* desktop.css - Overschrijft de knop voor grote computerschermen */
@media (min-width: 1025px) {
    .admin-login-trigger {
        bottom: 30px !important;
        right: 30px !important;
        left: auto !important;
        transform: none !important;
    }
    
    .admin-login-trigger:hover {
        transform: translateY(-2px) !important;
        border-color: #D4AF37 !important;
    }
}

/* Profielfoto en achtergrondfoto - desktop */
@media (min-width: 769px) {

    /* Profielfoto / logo - rond */
    .profile-media-row > div:first-child img {
        width: 90% !important;
        max-width: 280px !important;
        height: auto !important;
        aspect-ratio: 1 / 1;
        object-fit: cover !important;
        border-radius: 50% !important;
    }

    /* Achtergrondafbeelding - vierkant */
    .profile-media-row > div:nth-child(2) img {
        width: 90% !important;
        max-width: 280px !important;
        height: auto !important;
        aspect-ratio: 1 / 1;
        object-fit: cover !important;
        border-radius: 4px !important;
    }
}