/* ============================================================
   FINDZLE — TOPBAR SIZE LOCK
   Format compact aligné sur Findzle Next
   À charger APRÈS topbar.css.
   ============================================================ */


/* ============================================================
   ESPACEMENT
   ============================================================ */

.fz-global-header
.fz-global-actions {
    gap: 8px !important;
}


/* ============================================================
   NOTIFICATIONS + APPS
   NEXT : 44 x 44
   ============================================================ */

.fz-global-header
.fz-global-actions
.fz-header-action-button,

.fz-global-header
.fz-global-actions
.fz-notifications-wrapper
> .fz-header-action-button,

.fz-global-header
.fz-global-actions
.fz-app-launcher
> .fz-header-action-button {
    appearance: none !important;
    -webkit-appearance: none !important;

    box-sizing: border-box !important;

    width: 44px !important;
    height: 44px !important;

    min-width: 44px !important;
    min-height: 44px !important;

    max-width: 44px !important;
    max-height: 44px !important;

    flex: 0 0 44px !important;

    display: inline-flex !important;

    align-items: center !important;
    justify-content: center !important;

    margin: 0 !important;
    padding: 0 !important;

    border-radius: 13px !important;

    line-height: 1 !important;
}


/* ============================================================
   CLOCHE
   ============================================================ */

.fz-global-header
.fz-global-actions
.fz-notification-icon,

.fz-global-header
.fz-global-actions
.fz-notification-bell {
    display: inline-flex !important;

    width: 20px !important;
    height: 20px !important;

    align-items: center !important;
    justify-content: center !important;

    margin: 0 !important;
    padding: 0 !important;

    font-size: 20px !important;

    line-height: 1 !important;
}


/* ============================================================
   APPS — 9 POINTS
   ============================================================ */

.fz-global-header
.fz-global-actions
.fz-nine-dots {
    display: grid !important;

    width: 20px !important;
    height: 20px !important;

    min-width: 20px !important;
    min-height: 20px !important;

    grid-template-columns:
        repeat(3, 4px) !important;

    grid-template-rows:
        repeat(3, 4px) !important;

    align-content: center !important;
    justify-content: center !important;

    gap: 4px !important;

    margin: 0 !important;
    padding: 0 !important;
}


.fz-global-header
.fz-global-actions
.fz-nine-dots
span {
    display: block !important;

    width: 4px !important;
    height: 4px !important;

    min-width: 4px !important;
    min-height: 4px !important;

    margin: 0 !important;
    padding: 0 !important;

    border-radius: 1px !important;
}


/* ============================================================
   LANGUE
   NEXT : 42 x 42
   ============================================================ */

.fz-global-header
.fz-global-actions
.fz-topbar-language__button,

.fz-global-header
.fz-global-actions
[data-findzle-topbar-language-trigger] {
    appearance: none !important;
    -webkit-appearance: none !important;

    box-sizing: border-box !important;

    width: 42px !important;
    height: 42px !important;

    min-width: 42px !important;
    min-height: 42px !important;

    max-width: 42px !important;
    max-height: 42px !important;

    flex: 0 0 42px !important;

    display: inline-flex !important;

    align-items: center !important;
    justify-content: center !important;

    margin: 0 !important;
    padding: 0 !important;

    border-radius: 12px !important;

    line-height: 1 !important;
}


.fz-global-header
.fz-global-actions
.fz-topbar-language__globe {
    display: inline-flex !important;

    width: 30px !important;
    height: 30px !important;

    min-width: 30px !important;
    min-height: 30px !important;

    align-items: center !important;
    justify-content: center !important;

    margin: 0 !important;
    padding: 0 !important;

    font-size: 19px !important;

    line-height: 1 !important;
}


/* ============================================================
   AVATAR
   NEXT : 44 x 44
   ============================================================ */

.fz-global-header
.fz-global-actions
.fz-user-avatar,

.fz-global-header
.fz-global-actions
#fz-user-menu-button {
    appearance: none !important;
    -webkit-appearance: none !important;

    box-sizing: border-box !important;

    width: 44px !important;
    height: 44px !important;

    min-width: 44px !important;
    min-height: 44px !important;

    max-width: 44px !important;
    max-height: 44px !important;

    flex: 0 0 44px !important;

    display: inline-flex !important;

    align-items: center !important;
    justify-content: center !important;

    margin: 0 !important;
    padding: 0 !important;

    border-radius: 50% !important;

    font-size: 14px !important;
    font-weight: 800 !important;

    line-height: 1 !important;
}


/* ============================================================
   TARIFS
   ============================================================ */

.fz-global-header
.fz-global-actions
.fz-header-pricing-button {
    min-height: 40px !important;

    display: inline-flex !important;

    align-items: center !important;
    justify-content: center !important;

    margin: 0 !important;
    padding: 0 13px !important;

    font-size: 14px !important;
    font-weight: 650 !important;

    line-height: 1 !important;
}


/* ============================================================
   IMPORTANT
   Ne pas forcer la hauteur de .fz-global-topbar ici.
   Chaque application conserve son shell/navigation.
   ============================================================ */
