/*
 * NOVA Team — Typographie officielle des boutons
 *
 * Règle commune Admin + espace Membre / page ambassadeur
 * -------------------------------------------------------
 * Police : Inter
 * Taille : 12 px
 * Poids : 600
 * Hauteur mobile des boutons d'action : 42 px
 */

:root{
  --nova-button-font-family: Inter, Arial, sans-serif;
  --nova-button-font-size: 12px;
  --nova-button-font-weight: 600;
  --nova-button-line-height: 1.15;
  --nova-mobile-button-height: 42px;
}

/* ============================================================
   ADMIN — boutons avec texte
   ============================================================ */
.btn,
a.btn,
button.btn,
.nova-admin-nav-link,
.btn-open-modern,
.btn-actions-modern,
.actions-menu > summary.btn-actions-modern,
.actions-menu-panel button,
.page-btn,
.menu-primary,
.menu-warn,
.menu-danger,
.menu-disabled {
  font-family: var(--nova-button-font-family) !important;
  font-size: var(--nova-button-font-size) !important;
  font-weight: var(--nova-button-font-weight) !important;
  line-height: var(--nova-button-line-height) !important;
  letter-spacing: 0 !important;
}

/* Les boutons texte restent centrés. */
.btn,
a.btn,
button.btn,
.nova-admin-nav-link,
.btn-open-modern,
.btn-actions-modern,
.actions-menu > summary.btn-actions-modern,
.page-btn {
  text-align: center !important;
}

/* Boutons du menu Actions : même typographie, centrage cohérent. */
.actions-menu-panel button,
.menu-primary,
.menu-warn,
.menu-danger,
.menu-disabled {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
}

/* ============================================================
   ESPACE MEMBRE / PAGE AMBASSADEUR — boutons avec texte
   ============================================================ */
.hero-cta,
.submit-btn,
.agent-whatsapp {
  font-family: var(--nova-button-font-family) !important;
  font-size: var(--nova-button-font-size) !important;
  font-weight: var(--nova-button-font-weight) !important;
  line-height: var(--nova-button-line-height) !important;
  letter-spacing: 0 !important;
  text-align: center !important;
}

/* ============================================================
   MOBILE / WEB APP
   ============================================================ */
@media (max-width:760px){
  .btn,
  a.btn,
  button.btn,
  .nova-admin-nav-link,
  .btn-open-modern,
  .btn-actions-modern,
  .actions-menu > summary.btn-actions-modern,
  .page-btn,
  .actions-menu-panel button,
  .menu-primary,
  .menu-warn,
  .menu-danger,
  .menu-disabled,
  .hero-cta,
  .submit-btn,
  .agent-whatsapp {
    height: var(--nova-mobile-button-height) !important;
    min-height: var(--nova-mobile-button-height) !important;
    max-height: var(--nova-mobile-button-height) !important;
    box-sizing: border-box !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  /* Les libellés longs du menu Admin peuvent passer sur 2 lignes
     sans changer la taille de police ni la hauteur du bouton. */
  .nova-admin-nav-link {
    white-space: normal !important;
    line-height: 1.05 !important;
  }

  .actions-menu-panel button,
  .menu-primary,
  .menu-warn,
  .menu-danger,
  .menu-disabled {
    width: 100% !important;
  }
}


/* ============================================================
   NOVA Team — Correctif menu Actions
   Ne pas centrer le contenu du menu déroulant
   ============================================================ */
.actions-menu-panel a,
.actions-menu-panel button,
.actions-menu-panel .menu-primary,
.actions-menu-panel .menu-warn,
.actions-menu-panel .menu-danger,
.actions-menu-panel .menu-disabled{
  text-align:left!important;
  justify-content:flex-start!important;
  align-items:center!important;
  white-space:normal!important;
}

@media (max-width:760px){
  .actions-menu-panel a,
  .actions-menu-panel button,
  .actions-menu-panel .menu-primary,
  .actions-menu-panel .menu-warn,
  .actions-menu-panel .menu-danger,
  .actions-menu-panel .menu-disabled{
    height:auto!important;
    max-height:none!important;
  }
}


/* ============================================================
   NOVA Team — Typographie officielle des MENUS
   Identique sur Web et Mobile
   ============================================================ */
.nova-admin-nav-link,
.btn-actions-modern,
.actions-menu > summary.btn-actions-modern,
.actions-menu-panel a,
.actions-menu-panel button,
.actions-menu-panel .menu-primary,
.actions-menu-panel .menu-warn,
.actions-menu-panel .menu-danger,
.actions-menu-panel .menu-disabled {
  font-family: var(--nova-button-font-family) !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  line-height: 1.15 !important;
  letter-spacing: 0 !important;
}

/* Titre interne de la feuille Actions : même échelle, poids légèrement renforcé. */
.actions-sheet-title {
  font-family: var(--nova-button-font-family) !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  line-height: 1.15 !important;
  letter-spacing: 0 !important;
}

/* Aucun grossissement spécifique en Web App mobile. */
@media (max-width:760px){
  .nova-admin-nav-link,
  .btn-actions-modern,
  .actions-menu > summary.btn-actions-modern,
  .actions-menu-panel a,
  .actions-menu-panel button,
  .actions-menu-panel .menu-primary,
  .actions-menu-panel .menu-warn,
  .actions-menu-panel .menu-danger,
  .actions-menu-panel .menu-disabled {
    font-size: 12px !important;
    font-weight: 600 !important;
    line-height: 1.15 !important;
  }

  .actions-sheet-title {
    font-size: 12px !important;
    font-weight: 700 !important;
  }
}