/* Sticky bottom-action-bar voor primaire form-acties (Opslaan/Annuleren).
   Op mobiel komen de knoppen onderaan binnen de duim-zone. Op desktop blijft
   de bestaande inline-positie behouden via @media. */

.form-actions-mobile {
    display: flex;
    gap: 8px;
    padding: 12px 14px;
    padding-bottom: calc(12px + env(safe-area-inset-bottom, 0px));
    background: var(--bg-card, #fff);
    border-top: 1px solid var(--border, #e5e7eb);
    box-shadow: 0 -4px 16px rgba(15, 23, 42, .06);
}
.form-actions-mobile .btn { flex: 1; min-height: 48px; font-size: 15px; font-weight: 600; }
.form-actions-mobile .btn-primary { flex: 2; }      /* primair iets breder */
.form-actions-mobile .btn-outline { flex: 1; }

@media (max-width: 768px) {
    .form-actions-mobile {
        position: sticky;
        bottom: 0;
        z-index: 50;
        margin-left: -14px; margin-right: -14px;  /* breken uit padding */
    }
    /* Body-padding zodat content niet onder de sticky bar verdwijnt */
    .has-sticky-actions { padding-bottom: 88px; }
    /* Wanneer toetsenbord open: laat sticky bar niet hover */
    @supports (padding-bottom: env(keyboard-inset-height, 0)) {
        .form-actions-mobile { padding-bottom: max(12px, env(keyboard-inset-height, 12px)); }
    }
}
@media (min-width: 769px) {
    /* Desktop: niet sticky, gewoon inline */
    .form-actions-mobile {
        background: transparent; border: 0; box-shadow: none;
        padding: 12px 0 0; justify-content: flex-end;
    }
    .form-actions-mobile .btn { flex: 0 0 auto; min-height: 40px; }
}

html[data-theme="dark"] .form-actions-mobile { background: var(--bg-card); }