/* ============= عمومی ============= */
.gk-only-mobile { display: none; }
.gk-only-mobile-block { display: none; }

/* دسکتاپ: همان رفتار قبلی باقی می‌ماند */
@media (min-width: 768px){
    .gk-nav-mobile{ display: none !important; }
}

/* ============= موبایل ============= */
@media (max-width: 767.98px){

    /* هدر + دکمه بازگشت فقط در صفحات داخلی */
    .gk-only-mobile { display: inline-flex; }
    .gk-account__header{
        position: sticky; top: 0; z-index: 1010;
        background:#fff; border-bottom:1px solid #eee;
        padding:10px 12px; display:flex; align-items:center; justify-content:center; gap:10px;
    }
    .gk-back-btn{
        position:absolute; right:12px;
        display:inline-flex; align-items:center; gap:6px;
        background:#fff;
        font-size:14px; cursor:pointer;
    }
    .gk-back-btn:hover{ background:#f7f7f7; }

    /* سایدبار دسکتاپ را پنهان کن */
    .gk-nav-desktop{ display:none !important; }

    /* ---------- پنل‌های موبایل: سفارش‌ها + میانبرها ---------- */
    .gk-only-mobile-block { display: block; }
    .gk-mobile-panels{
        background:#fff;
        border:1px solid #e5e7eb;
        border-radius:16px;
        padding:12px;
        margin:12px 0;
    }

    /* باکس سفارش‌ها */
    .gk-orders-box{
        display:grid;
        grid-template-columns: repeat(3, 1fr);
        gap:10px;
        margin-bottom:12px;
    }
    .gk-o-item{
        display:flex; align-items:center; gap:10px;
        border:1px dashed #e5e7eb;
        background:#f8fafc;
        border-radius:12px;
        padding:10px;
        text-decoration:none;
    }
    .gk-o-icon{
        width:36px; height:36px; border-radius:10px;
        display:flex; align-items:center; justify-content:center;
        background:#fff; border:1px solid #eef2f7;
        color:#64748b;
    }
    .gk-o-icon--current{ color:#f59e0b; }
    .gk-o-icon--delivered{ color:#22c55e; }
    .gk-o-icon--returned{ color:#ef4444; }

    .gk-o-meta{ display:flex; flex-direction:column; line-height:1.2; }
    .gk-o-count{ font-weight:800; color:#0f172a; font-size:15px; }
    .gk-o-label{ color:#64748b; font-size:12px; }

    /* میانبرها */
    .gk-shortcuts-box{
        display:grid;
        grid-template-columns: repeat(2, 1fr);
        gap:10px;
    }
    .gk-shortcut-tile{
        display:flex; align-items:center; justify-content:space-between;
        border:1px solid #e5e7eb; border-radius:10px; background:#fff;
        padding:12px; text-decoration:none; color:#0f172a; font-weight:700;
    }
    .gk-s-title{ font-size:13px; }
    .gk-s-chevron{ color:#cbd5e1; }
    .gk-s-chevron::before{ content:'\2039'; font-weight:700; font-size:16px; }

    /* ---------- منوی موبایل (غیرچسبان) ---------- */
    .gk-nav-mobile .woocommerce-MyAccount-navigation{
        position: static;
        background:#fff;
        border:1px solid #e5e7eb;
        border-radius:12px;
        overflow:hidden;
        margin-top:12px;
    }
    .gk-nav-mobile .woocommerce-MyAccount-navigation ul{
        list-style:none; margin:0; padding:0;
    }
    .gk-nav-mobile .woocommerce-MyAccount-navigation li{ margin:0; }
    .gk-nav-mobile .woocommerce-MyAccount-navigation a{
        display:flex; align-items:center; gap:12px;
        padding:14px 12px; text-decoration:none;
        color:#374151; border-bottom:1px solid #f3f4f6; background:#fff;
    }
    .gk-nav-mobile .woocommerce-MyAccount-navigation li:last-child a{ border-bottom:0; }
    .gk-nav-mobile .woocommerce-MyAccount-navigation a:hover{ background:#fafafa; }
    .gk-nav-mobile .woocommerce-MyAccount-navigation .dashicons{ font-size:20px; line-height:1; color:#64748b; }
    .gk-nav-mobile .woocommerce-MyAccount-navigation .gk-nav-text{ font-weight:600; color:#111827; flex:1 1 auto; }
    .gk-nav-mobile .woocommerce-MyAccount-navigation .gk-nav-badge{ width:8px; height:8px; border-radius:50%; background:#ef4444; margin-inline-start:6px; }
    .gk-nav-mobile .woocommerce-MyAccount-navigation .gk-chevron{ margin-inline-start:auto; color:#cbd5e1; font-size:18px; line-height:1; }
    .gk-nav-mobile .woocommerce-MyAccount-navigation .gk-chevron::before{ content:'\2039'; font-weight:700; }
}