/* Mobiele styling voor inlogpagina */
@media (max-width: 980px) {
    /* Verberg alleen de Divi header/menu, niet alle secties */
    .dv-not-logged-in #main-header {
        display: none !important;
    }

    /* Reset padding/margin voor login pagina */
    .dv-not-logged-in #page-container {
        padding-top: 0 !important;
        margin-top: 0 !important;
    }

    /* Zorg dat de login sectie zichtbaar is */
    .dv-not-logged-in .dv-login-section {
        display: block !important;
        padding: 40px 20px !important;
        margin-top: 0 !important;
    }

    /* Login form styling */
    .dv-not-logged-in #loginform {
        max-width: 400px;
        margin: 0 auto;
        padding: 20px;
        background: #fff;
        box-shadow: 0 2px 4px rgba(0,0,0,0.1);
        border-radius: 4px;
    }

    .dv-not-logged-in #loginform label {
        display: block;
        margin-bottom: 8px;
        font-weight: 500;
    }

    .dv-not-logged-in #loginform input[type="text"],
    .dv-not-logged-in #loginform input[type="password"] {
        width: 100%;
        padding: 8px 12px;
        margin-bottom: 16px;
        border: 1px solid #dcdcde;
        border-radius: 4px;
    }

    .dv-not-logged-in #loginform .button-primary {
        width: 100%;
        padding: 10px;
        background: var(--dv-primary, #2271b1);
        border: none;
        border-radius: 4px;
        color: white;
        font-weight: 500;
        cursor: pointer;
    }

    /* Zorg dat andere secties zichtbaar blijven */
    .dv-not-logged-in .et_pb_section {
        display: block !important;
    }
}