/**
 * Meydan envanter modalı — mobil (≤820px) tamamen ayrı kabuk: sekmeler + yatay kategoriler.
 * JS: dominara-karakter.js → data-mobile-tab on .dm-inv--mobile-shell
 */

@media (max-width: 820px) {
    .dominara-meydani-page .dm-karakter-modal__panel.dm-inv-panel {
        padding-bottom: env(safe-area-inset-bottom, 0);
    }

    /* Çift başlık + alt metin yerine kompakt üst; sekmeler hemen altında */
    .dominara-meydani-page .dm-inv-panel--mobile-shell .dm-karakter-modal__head--inv {
        padding: 0.5rem 2.35rem 0.35rem 0.75rem;
        border-bottom: none;
        background: transparent;
    }

    .dominara-meydani-page .dm-inv-panel--mobile-shell .dm-karakter-modal__head--inv .dm-karakter-modal__sub {
        display: none;
    }

    .dominara-meydani-page .dm-inv-panel--mobile-shell .dm-karakter-modal__head--inv h2 {
        margin: 0;
        font-size: 1.05rem;
    }

    .dominara-meydani-page .dm-karakter-modal__body--inv {
        display: flex;
        flex-direction: column;
        min-height: 0;
    }

    .dominara-meydani-page .dm-inv-panel--mobile-shell .dm-karakter-modal__body--inv {
        padding-top: 0;
    }

    .dominara-meydani-page .dm-inv--mobile-shell {
        flex: 1;
        min-height: 0;
        display: flex;
        flex-direction: column;
        overflow: hidden;
    }

    /* —— Sekme çubuğu —— */
    .dominara-meydani-page .dm-inv-mobile-tabs {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 0.35rem;
        padding: 0.35rem 0.55rem 0.45rem;
        margin: 0;
        flex-shrink: 0;
        border-bottom: 1px solid rgba(212, 175, 55, 0.22);
        background: linear-gradient(180deg, rgba(28, 18, 12, 0.98), rgba(12, 8, 10, 0.96));
    }

    .dominara-meydani-page .dm-inv-mobile-tabs__btn {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 0.15rem;
        min-height: 2.85rem;
        padding: 0.35rem 0.25rem;
        border-radius: 0.55rem;
        border: 1px solid rgba(255, 255, 255, 0.08);
        background: rgba(0, 0, 0, 0.28);
        color: rgba(245, 236, 215, 0.72);
        font-size: 0.68rem;
        font-weight: 700;
        letter-spacing: 0.04em;
        text-transform: uppercase;
        cursor: pointer;
        touch-action: manipulation;
        -webkit-tap-highlight-color: transparent;
    }

    .dominara-meydani-page .dm-inv-mobile-tabs__btn.is-active {
        color: #fef3c7;
        border-color: rgba(245, 158, 11, 0.55);
        background: linear-gradient(165deg, rgba(180, 83, 9, 0.35), rgba(69, 26, 3, 0.55));
        box-shadow: 0 0 0 1px rgba(251, 191, 36, 0.15);
    }

    .dominara-meydani-page .dm-inv-mobile-tabs__icon {
        font-size: 1.05rem;
        line-height: 1;
        opacity: 0.92;
    }

    .dominara-meydani-page .dm-inv--mobile-shell .dm-inv-readonly {
        flex-shrink: 0;
        margin: 0.35rem 0.55rem 0;
        font-size: 0.72rem;
    }

    .dominara-meydani-page .dm-inv--mobile-shell .dm-inv-layout {
        flex: 1;
        min-height: 0;
        overflow: hidden;
        border-top: none;
    }

    /* Sekme: Karakter */
    .dominara-meydani-page .dm-inv--mobile-shell[data-mobile-tab="hero"] .dm-inv-bag,
    .dominara-meydani-page .dm-inv--mobile-shell[data-mobile-tab="hero"] .dm-inv-foot {
        display: none !important;
    }

    /* Çanta/Kasa: gizli kahraman şeridi yer kaplamasın (820px tek kolon kuralları) */
    .dominara-meydani-page .dm-inv--mobile-shell:not([data-mobile-tab="hero"]) .dm-inv-hero {
        display: none !important;
        max-height: 0 !important;
        min-height: 0 !important;
        padding: 0 !important;
        margin: 0 !important;
        border: none !important;
        overflow: hidden !important;
    }

    .dominara-meydani-page .dm-inv--mobile-shell[data-mobile-tab="bag"] .dm-inv-bag__main {
        min-height: 0 !important;
    }

    .dominara-meydani-page .dm-inv--mobile-shell[data-mobile-tab="bag"] .dm-inv-grid-wrap {
        justify-content: flex-start;
    }

    /* Karakter sekmesi: masaüstü ile aynı sahne boyutu (küçültme yok) */
    .dominara-meydani-page .dm-inv--mobile-shell[data-mobile-tab="hero"] .dm-inv-hero {
        flex: 1 1 auto;
        max-height: none !important;
        height: auto;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        padding: 0.45rem 0.65rem 1rem;
    }

    .dominara-meydani-page .dm-inv--mobile-shell[data-mobile-tab="hero"] .dm-inv-hero__gear-wrap {
        min-height: min(52dvh, 28rem) !important;
        justify-content: flex-start;
    }

    .dominara-meydani-page .dm-inv--mobile-shell[data-mobile-tab="hero"] .dm-inv-hero__character-stage {
        flex: 0 0 auto;
        align-items: flex-end;
    }

    .dominara-meydani-page .dm-inv--mobile-shell[data-mobile-tab="hero"] .dm-inv-hero__avatar-stack {
        min-height: min(48dvh, 24rem) !important;
        overflow: visible !important;
        contain: none !important;
        isolation: isolate;
    }

    .dominara-meydani-page .dm-inv--mobile-shell[data-mobile-tab="hero"] .dm-inv-hero__avatar,
    .dominara-meydani-page .dm-inv--mobile-shell[data-mobile-tab="hero"] .dm-inv-hero__avatar--element {
        width: min(100%, 22rem) !important;
        height: min(52dvh, 26rem) !important;
        min-height: min(42dvh, 16rem) !important;
        max-height: none !important;
    }

    /* Sekme: Çanta */
    .dominara-meydani-page .dm-inv--mobile-shell[data-mobile-tab="bag"] .dm-inv-hero,
    .dominara-meydani-page .dm-inv--mobile-shell[data-mobile-tab="bag"] .dm-inv-foot {
        display: none !important;
    }

    .dominara-meydani-page .dm-inv--mobile-shell[data-mobile-tab="bag"] .dm-inv-layout {
        display: flex;
        flex-direction: column;
    }

    .dominara-meydani-page .dm-inv--mobile-shell[data-mobile-tab="bag"] .dm-inv-bag {
        flex: 1 1 auto;
        min-height: 0;
        display: flex;
        flex-direction: column;
    }

    .dominara-meydani-page .dm-inv--mobile-shell .dm-inv-bag__main {
        flex: 1;
        min-height: 0;
        flex-direction: column;
    }

    .dominara-meydani-page .dm-inv--mobile-shell .dm-inv-cats {
        order: -1;
        flex-direction: row;
        flex-wrap: nowrap;
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        gap: 0.35rem;
        min-width: 0;
        max-width: none;
        width: 100%;
        padding: 0.45rem 0.5rem;
        border-left: none;
        border-bottom: 1px solid rgba(212, 175, 55, 0.2);
        flex-shrink: 0;
    }

    .dominara-meydani-page .dm-inv--mobile-shell .dm-inv-cat {
        flex: 0 0 auto;
        min-width: 4.5rem;
        padding: 0.4rem 0.45rem;
    }

    .dominara-meydani-page .dm-inv--mobile-shell .dm-inv-cat__lbl {
        max-width: none;
        font-size: 0.58rem;
    }

    .dominara-meydani-page .dm-inv--mobile-shell .dm-inv-grid-wrap {
        flex: 1;
        min-height: 0;
        overflow-y: auto;
        padding: 0.35rem 0.45rem 0.5rem;
    }

    .dominara-meydani-page .dm-inv--mobile-shell .dm-inv-grid {
        --inv-slot: 3.15rem;
        justify-content: center;
    }

    .dominara-meydani-page .dm-inv--mobile-shell .dm-inv-cell {
        touch-action: manipulation;
    }

    /* Sekme: Kasa / cüzdan */
    .dominara-meydani-page .dm-inv--mobile-shell[data-mobile-tab="wallet"] .dm-inv-layout {
        display: none !important;
    }

    .dominara-meydani-page .dm-inv--mobile-shell[data-mobile-tab="wallet"] .dm-inv-foot {
        display: flex !important;
        flex: 1 1 auto;
        flex-direction: column;
        min-height: 0;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        padding: 0.65rem 0.65rem 1.25rem;
        gap: 0.65rem;
    }

    .dominara-meydani-page .dm-inv--mobile-shell[data-mobile-tab="wallet"] .dm-inv-foot__eco {
        flex-direction: column;
        width: 100%;
    }

    .dominara-meydani-page .dm-inv--mobile-shell[data-mobile-tab="wallet"] .dm-inv-purse {
        width: 100%;
        min-width: 0;
    }

    .dominara-meydani-page .dm-inv--mobile-shell[data-mobile-tab="wallet"] .dm-inv-foot__acts {
        width: 100%;
    }

    .dominara-meydani-page .dm-inv--mobile-shell[data-mobile-tab="wallet"] .dm-inv-act,
    .dominara-meydani-page .dm-inv--mobile-shell[data-mobile-tab="wallet"] .dm-inv-btn {
        min-height: 2.75rem;
    }

    .dominara-meydani-page .dm-inv--mobile-shell .dm-inv-hero__gear-bar {
        margin-bottom: 0.35rem;
    }

    .dominara-meydani-page .dm-inv--mobile-shell .dm-inv-stat-grid {
        font-size: 0.72rem;
    }
}