@import url('./herkesmemnun-member-compact-standard.css?v=20260814-1');
@import url('./herkesmemnun-member-page-head-standard.css?v=20260814-1');

/* HerkesMemnun Hesabım — mobil sade ve kurumsal görünüm */
@media (max-width: 767.98px) {
    /* Alt uygulama menüsü zaten tüm temel navigasyonu taşıyor.
       Üstteki ikinci hesap/menü kartını kaldırarak tekrar eden navigasyonu bitir. */
    body .hm-account-shell .hm-account-sidebar {
        display: none !important;
    }

    body .hm-account-wrap.container {
        padding-top: 8px !important;
    }

    /* Ana ekran: tek güçlü özet kartı. */
    body .hm-account-main .hm-welcome-hero {
        gap: 10px !important;
        margin-bottom: 10px !important;
        padding: 16px !important;
        background: linear-gradient(135deg, #142844 0%, #173653 100%) !important;
        border: 1px solid rgba(255, 255, 255, .07) !important;
        border-radius: 18px !important;
        box-shadow: 0 10px 26px rgba(15, 32, 56, .14) !important;
    }

    body .hm-account-main .hm-welcome-kicker {
        display: none !important;
    }

    body .hm-account-main .hm-welcome-hero h1 {
        margin: 0 !important;
        font-size: clamp(20px, 5.8vw, 23px) !important;
        line-height: 1.16 !important;
        letter-spacing: -.02em !important;
    }

    /* Ana ekranda tek ana aksiyon yeterli. Davet/Mesaj işlemleri Menü'den erişilebilir. */
    body .hm-account-main .hm-welcome-actions {
        grid-template-columns: 1fr !important;
        gap: 0 !important;
        margin-top: 12px !important;
    }

    body .hm-account-main .hm-welcome-actions .hm-member-action-button.is-secondary {
        display: none !important;
    }

    body .hm-account-main .hm-welcome-actions .hm-member-action-button.is-primary {
        width: 100% !important;
        min-height: 42px !important;
        padding: 9px 14px !important;
        border-radius: 11px !important;
        font-size: 11.5px !important;
        box-shadow: none !important;
    }

    /* Puan bilgisini kart içinde kart olmaktan çıkarıp tek satırlık özet yap. */
    body .hm-account-main .hm-welcome-balance {
        grid-template-columns: minmax(0, 1fr) auto auto !important;
        grid-template-rows: auto !important;
        align-items: center !important;
        gap: 8px !important;
        min-height: 48px !important;
        padding: 9px 11px !important;
        background: rgba(255, 255, 255, .075) !important;
        border: 1px solid rgba(255, 255, 255, .11) !important;
        border-radius: 12px !important;
    }

    body .hm-account-main .hm-welcome-balance-label {
        grid-column: 1 !important;
        grid-row: 1 !important;
        margin: 0 !important;
        color: #c4d2df !important;
        font-size: 8.5px !important;
        line-height: 1.2 !important;
        letter-spacing: .035em !important;
    }

    body .hm-account-main .hm-welcome-balance > strong {
        grid-column: 2 !important;
        grid-row: 1 !important;
        align-self: center !important;
        margin: 0 !important;
        font-size: 24px !important;
        line-height: 1 !important;
    }

    body .hm-account-main .hm-welcome-level {
        grid-column: 3 !important;
        grid-row: 1 !important;
        min-height: 25px !important;
        margin: 0 !important;
        padding: 5px 8px !important;
        font-size: 8.5px !important;
        white-space: nowrap !important;
    }

    body .hm-account-main .hm-welcome-balance p,
    body .hm-account-main .hm-welcome-balance a {
        display: none !important;
    }

    /* Davet kartı genel bakışta ikinci kez aynı mesajı tekrarlamasın.
       Menü > Davet ve Puan bağlantısı #hmReferralCenter hedefiyle geldiğinde açılır. */
    body .hm-account-main .hm-referral-center {
        display: none !important;
    }

    body .hm-account-main .hm-referral-center:target {
        display: block !important;
        scroll-margin-top: 78px !important;
        margin-top: 2px !important;
    }

    /* Genel bakışın asıl özeti: dört temel sayı daha kompakt ve okunabilir. */
    body .hm-account-main .hm-account-stats.hm-account-stats-four {
        gap: 7px !important;
        margin-bottom: 10px !important;
    }

    body .hm-account-main .hm-account-stats.hm-account-stats-four .hm-account-stat {
        min-height: 72px !important;
        grid-template-columns: 30px minmax(0, 1fr) !important;
        gap: 8px !important;
        padding: 9px 10px !important;
        border-radius: 13px !important;
        box-shadow: none !important;
    }

    body .hm-account-main .hm-account-stats-four .hm-account-stat-icon {
        width: 30px !important;
        height: 30px !important;
        border-radius: 9px !important;
        font-size: 12px !important;
    }

    body .hm-account-main .hm-account-stats-four .hm-account-stat-copy > strong {
        font-size: 19px !important;
    }

    body .hm-account-main .hm-account-stats-four .hm-account-stat-title {
        margin-top: 3px !important;
        font-size: 9.5px !important;
        line-height: 1.18 !important;
    }

    body .hm-account-main .hm-account-stat-vote-breakdown {
        margin-top: 3px !important;
    }

    /* Alt sabit menü ana navigasyondur; üstteki tekrar kaldırıldığı için biraz daha sakin görünür. */
    body .hm-member-app-dock {
        box-shadow: 0 10px 28px rgba(15, 32, 56, .18) !important;
    }
}