/* AM Club v721 - Tipografía segura para master + restauración real del bottom nav
   Objetivo:
   - retirar los overrides acumulados v714-v720 que alteraban el bottom nav
   - mantener una tipografía premium SOLO en header, cuenta y menús admin/local
   - dejar el menú inferior móvil 100% controlado por los CSS originales aprobados
   - mantener avatar de Mi cuenta circular sin tocar el bottom nav
*/

html body.am-body{
    --am-master-font-premium-v721:"Segoe UI Variable Display", "Segoe UI", Inter, Arial, sans-serif;
}

/* Tipografía premium segura: NO incluye .am-bottom-nav ni .am-local-mobile-dock */
html body.am-body :where(
    .am-topbar,
    .am-admin-topbar,
    .am-brand,
    .am-brand span,
    .am-brand strong,
    .am-brand small,
    .am-top-actions,
    .am-top-actions-inline,
    .am-pill-link,
    .am-public-nav,
    .am-account-menu,
    .am-account-trigger,
    .am-account-copy,
    .am-account-dropdown,
    .am-account-item,
    .am-admin-layout,
    .am-admin-menu,
    .am-admin-content,
    .am-admin-group-title,
    .am-local-admin-menu-panel,
    .am-local-menu-tab,
    .am-local-menu-home,
    .am-admin-logout-link,
    .am-local-scope-bar,
    .am-local-scope-main,
    .am-local-scope-actions,
    .am-local-scope-btn,
    .am-install-card,
    .am-install-copy,
    .am-install-actions,
    .am-btn
){
    font-family:var(--am-master-font-premium-v721)!important;
    text-rendering:geometricPrecision!important;
    -webkit-font-smoothing:antialiased!important;
    -moz-osx-font-smoothing:grayscale!important;
}

/* Protección Font Awesome sin modificar fondos ni estados del bottom nav */
html body.am-body i.fa,
html body.am-body i.fa-solid,
html body.am-body i.fa-regular,
html body.am-body i.fa-brands,
html body.am-body .fa,
html body.am-body .fa-solid,
html body.am-body .fa-regular,
html body.am-body .fa-brands{
    font-style:normal!important;
    line-height:1!important;
    flex:0 0 auto!important;
}

html body.am-body i.fa,
html body.am-body i.fa-solid,
html body.am-body .fa,
html body.am-body .fa-solid{
    font-family:"Font Awesome 6 Free"!important;
    font-weight:900!important;
}

html body.am-body i.fa-regular,
html body.am-body .fa-regular{
    font-family:"Font Awesome 6 Free"!important;
    font-weight:400!important;
}

html body.am-body i.fa-brands,
html body.am-body .fa-brands{
    font-family:"Font Awesome 6 Brands"!important;
    font-weight:400!important;
}

/* Header / brand: ajustes finos sin tocar navegación inferior */
html body.am-body .am-brand strong{
    font-weight:680!important;
    letter-spacing:-.026em!important;
    line-height:1!important;
}

html body.am-body .am-brand small{
    font-weight:560!important;
    letter-spacing:.135em!important;
    line-height:1.05!important;
    text-transform:uppercase!important;
}

html body.am-body .am-pill-link,
html body.am-body .am-public-nav a,
html body.am-body .am-local-scope-btn,
html body.am-body .am-btn{
    font-weight:680!important;
    letter-spacing:-.002em!important;
}

/* Menú de cuenta premium, sin interferir bottom nav */
html body.am-body .am-account-trigger{
    font-weight:650!important;
    letter-spacing:-.006em!important;
}

html body.am-body .am-account-copy strong,
html body.am-body .am-account-item strong{
    font-weight:700!important;
    letter-spacing:-.014em!important;
    line-height:1.05!important;
}

html body.am-body .am-account-copy small,
html body.am-body .am-account-item em{
    font-weight:470!important;
    letter-spacing:-.002em!important;
    line-height:1.15!important;
}

/* Mi cuenta: avatar/foto en marco circular premium */
html body.am-body .am-account-avatar{
    width:32px!important;
    height:32px!important;
    min-width:32px!important;
    flex:0 0 32px!important;
    border-radius:50%!important;
    overflow:hidden!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    border:2px solid rgba(255,255,255,.18)!important;
    background:linear-gradient(135deg, rgba(242,41,214,.88), rgba(53,201,255,.82))!important;
    box-shadow:
        0 0 0 1px rgba(255,255,255,.08) inset,
        0 10px 18px rgba(0,0,0,.24),
        0 0 18px rgba(255,45,222,.16)!important;
    color:#fff!important;
    font-family:var(--am-master-font-premium-v721)!important;
    font-weight:800!important;
    font-size:10px!important;
    letter-spacing:.02em!important;
    line-height:1!important;
}

html body.am-body .am-account-avatar img,
html body.am-body .am-account-avatar > img{
    width:100%!important;
    height:100%!important;
    display:block!important;
    object-fit:cover!important;
    border-radius:50%!important;
    background:#141a33!important;
}

/* Menú admin/local: tipografía más fina */
html body.am-body .am-admin-group-title{
    font-weight:780!important;
    letter-spacing:.13em!important;
    line-height:1.1!important;
    text-transform:uppercase!important;
}

html body.am-body .am-admin-menu a,
html body.am-body .am-local-menu-tab,
html body.am-body .am-local-menu-home,
html body.am-body .am-admin-logout-link,
html body.am-body .am-admin-danger-link{
    font-weight:620!important;
    letter-spacing:-.006em!important;
    line-height:1.12!important;
}

html body.am-body .am-local-menu-home,
html body.am-body .am-local-menu-tab-invite,
html body.am-body .am-admin-menu-referidos,
html body.am-body .am-admin-menu-rangos,
html body.am-body .am-admin-menu-alert{
    font-weight:700!important;
}

/* IMPORTANTE:
   No declarar reglas para .am-bottom-nav ni .am-local-mobile-dock aquí.
   El bottom nav vuelve a usar exactamente sus CSS originales: afterman-account-menu-v492 + afterman-nav-current-v529.
*/

@media (max-width:680px){
    html body.am-body .am-account-avatar{
        width:31px!important;
        height:31px!important;
        min-width:31px!important;
        flex-basis:31px!important;
    }
}