/*
 * ============================================================
 * BNI ANS EXCELLENCE
 * PWA FINAL VISUAL GUARD V1
 *
 * Charge en dernier.
 * Corrections conservatrices uniquement.
 * ============================================================
 */

@media (display-mode: standalone) and (max-width:900px) {

    /*
     * --------------------------------------------------------
     * PREVENTION DES DEBORDEMENTS
     * --------------------------------------------------------
     */

    html,
    body {
        width:100%;
        max-width:100%;

        overflow-x:hidden;
    }

    img,
    svg,
    video,
    canvas {
        max-width:100%;
    }


    /*
     * --------------------------------------------------------
     * CHAMPS MOBILES
     * Evite notamment le zoom automatique iOS.
     * --------------------------------------------------------
     */

    input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
    select,
    textarea {
        max-width:100%;

        font-size:16px !important;
    }


    input[type="checkbox"],
    input[type="radio"] {
        accent-color:#b5122b;
    }


    /*
     * --------------------------------------------------------
     * BOUTONS NEUTRES
     * --------------------------------------------------------
     */

    .btn,
    .member-btn,
    .member-top-link,
    .back-button,
    .wheel-fullscreen-button,
    .edit-btn,
    .reset-btn,
    .search-btn,
    .pdf-btn,
    .breakfast-download-btn,
    .report-btn,
    .inf-admin-top-link {
        color:#252a31 !important;

        text-decoration:none;
    }


    /*
     * Un bouton avec fond blanc doit TOUJOURS
     * conserver un texte visible.
     */

    .btn:not(.btn-primary):not(.btn-success):not(.btn-danger):not(.btn-green):not(.black):not(.green):not(.gold):not(.blue):not(.primary):not(.btn-dark),

    .member-btn:not(.member-btn-primary):not(.member-btn-danger),

    .report-btn:not(.report-btn-primary),

    .back-button,
    .wheel-fullscreen-button,
    .edit-btn,
    .reset-btn,
    .search-btn,
    .pdf-btn,
    .breakfast-download-btn {
        color:#252a31 !important;
    }


    /*
     * --------------------------------------------------------
     * BOUTONS PRINCIPAUX BNI
     * --------------------------------------------------------
     */

    .auth-primary,

    .member-btn-primary,

    .btn-primary,

    .btn.primary,

    .report-btn-primary,

    .report-generate-button,

    .inf-send-button,

    .inf-reminder-btn,

    .generate-button:not(.disabled),

    .download-button,

    .submit-btn,

    .conf-submit,

    button[type="submit"].primary {
        color:#ffffff !important;

        background:
            linear-gradient(
                135deg,
                #a91027,
                #cf2030
            ) !important;

        border-color:#b5122b !important;
    }


    /*
     * --------------------------------------------------------
     * BOUTONS VERTS
     * --------------------------------------------------------
     */

    .btn-green,
    .btn-success,
    .btn.green,
    .green.btn,
    .wheel-small-button.add {
        color:#ffffff !important;

        background:#147447 !important;

        border-color:#147447 !important;
    }


    /*
     * --------------------------------------------------------
     * BOUTONS DANGER
     * --------------------------------------------------------
     */

    .btn-danger,
    .member-btn-danger,
    .delete-btn,
    .btn-delete-user,
    .btn-total-delete,
    .inf-delete,
    .report-remove-btn,
    .wheel-small-button.remove {
        color:#ffffff !important;

        background:#9f1239 !important;

        border-color:#9f1239 !important;
    }


    /*
     * --------------------------------------------------------
     * BOUTONS SOMBRES
     * --------------------------------------------------------
     */

    .btn.black,
    .btn.btn-dark,
    .black.btn {
        color:#ffffff !important;

        background:#252a31 !important;

        border-color:#252a31 !important;
    }


    /*
     * --------------------------------------------------------
     * DASHBOARD - COULEURS SPECIFIQUES
     * --------------------------------------------------------
     */

    .btn.blue {
        color:#ffffff !important;

        background:#2563a6 !important;

        border-color:#2563a6 !important;
    }


    .btn.gold {
        color:#241c05 !important;

        background:#d4af37 !important;

        border-color:#d4af37 !important;
    }


    /*
     * --------------------------------------------------------
     * BOUTONS DESACTIVES
     * --------------------------------------------------------
     */

    button:disabled,
    .disabled,
    .inf-disabled,
    .generate-button.disabled {
        color:#747b84 !important;

        background:#e5e7eb !important;

        border-color:#d1d5db !important;

        box-shadow:none !important;

        opacity:.85;
    }


    /*
     * --------------------------------------------------------
     * BOUTONS TACTILES
     * --------------------------------------------------------
     */

    button,
    .btn,
    .member-btn,
    .submit-btn,
    .generate-button,
    .download-button,
    .wheel-small-button,
    .wheel-fullscreen-button,
    .report-btn,
    .report-remove-btn,
    .search-btn,
    .reset-btn,
    .pdf-btn,
    .edit-btn,
    .delete-btn {
        min-height:40px;
    }


    /*
     * --------------------------------------------------------
     * TABLEAUX
     * --------------------------------------------------------
     */

    .table-wrap,
    .table-scroll,
    .conf-admin-table-wrap,
    .inf-admin-table-scroll,
    .report-table-wrap,
    .drink-orders-table-wrap,
    .member-only-wrap {
        max-width:100%;

        overflow-x:auto !important;

        -webkit-overflow-scrolling:touch;
    }


    /*
     * --------------------------------------------------------
     * TEXTE SUR CARTES BLANCHES
     * Protection supplementaire contre blanc sur blanc.
     * --------------------------------------------------------
     */

    .card,
    .feature-card,
    .admin-section,
    .admin-panel,
    .report-card,
    .drink-menu-card,
    .inf-admin-table-card,
    .inf-admin-progress-card,
    .form-card,
    .inf-editor,
    .inf-generation-card,
    .inf-send-panel {
        --bni-card-text:#1f2937;
    }


    .card p,
    .card label,
    .feature-card p,
    .feature-card label,
    .admin-section p,
    .admin-section label,
    .admin-panel p,
    .admin-panel label,
    .report-card p,
    .report-card label,
    .drink-menu-card p,
    .drink-menu-card label,
    .form-card p,
    .form-card label {
        color:var(--bni-card-text, #1f2937);
    }


    /*
     * --------------------------------------------------------
     * SAFE AREA DE LA NAVIGATION BASSE
     * --------------------------------------------------------
     */

    .bni-app-bottom-nav,
    .bni-app-admin-bottom-nav {
        padding-bottom:
            env(safe-area-inset-bottom, 0px);
    }

}

/* /BNI PWA FINAL VISUAL GUARD V1 */