/**
 * Digikala Style Profile - Ultimate Fix 2025 (Full Combined)
 * File: account.css
 */

:root {
    --dk-red: #ef4056;
    --dk-red-hover: #d4384c;
    --dk-bg-body: #f1f2f4;
    --dk-bg-card: #ffffff;
    --dk-text-primary: #3f4064;
    --dk-text-secondary: #81858b;
    --dk-border: #e0e0e2;
    --dk-radius: 8px;
    --dk-font-fa: inherit;
}

body.woocommerce-account {
    background-color: var(--dk-bg-body);
    color: var(--dk-text-primary);
    font-family: var(--dk-font-fa);
    line-height: 2.17;
}

/* =========================================================
   1. اصلاح ساختار کلی (Grid System)
   ========================================================= */
.gk-container {
    max-width: 1580px;
    margin: 32px auto;
    padding: 0 20px;
    /* چیدمان سایدبار و محتوا */
    display: grid;
    grid-template-columns: 300px 1fr;
    gap: 24px;
    align-items: start;
}

/* =========================================================
   2. استایل نویگیشن (Sidebar)
   ========================================================= */
.gk-account__nav,
.gk-desktop-nav,
.woocommerce-MyAccount-navigation {
    position: sticky;
    top: 24px;
    display: block;
}

/* باکس پروفایل بالای منو */
.gk-profile-summary,
.gk-profile-box {
    background: var(--dk-bg-card);
    border: 1px solid var(--dk-border);
    border-radius: var(--dk-radius);
    padding: 20px;
    margin-bottom: 16px;
    text-align: center;
}

/* استایل لیست منو */
.gk-nav-card ul,
.gk-nav-menu,
.woocommerce-MyAccount-navigation ul {
    background: var(--dk-bg-card);
    border: 1px solid var(--dk-border);
    border-radius: var(--dk-radius);
    padding: 8px 0;
    margin: 0;
    list-style: none;
    overflow: hidden;
}

/* آیتم‌های منو */
.gk-nav-item a,
.gk-nav-menu a,
.woocommerce-MyAccount-navigation ul li a {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 24px;
    color: var(--dk-text-primary);
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    transition: all 0.2s;
    border-right: 4px solid transparent;
}

/* هاور منو */
.gk-nav-item a:hover,
.gk-nav-menu a:hover,
.woocommerce-MyAccount-navigation ul li a:hover {
    background-color: #f9fafb;
    color: var(--dk-text-primary);
}

/* آیتم فعال */
.gk-nav-item.is-active a,
.gk-nav-menu .is-active a,
.woocommerce-MyAccount-navigation ul li.is-active a {
    background-color: #fff;
    color: var(--dk-red);
    border-right-color: var(--dk-red);
    font-weight: 700;
}

/* آیکون‌های منو */
.gk-nav-icon,
.woocommerce-MyAccount-navigation ul li a .dashicons {
    font-size: 20px;
    color: var(--dk-text-secondary);
    width: 20px;
    height: 20px;
}

.gk-nav-item.is-active .gk-nav-icon,
.woocommerce-MyAccount-navigation ul li.is-active a .dashicons {
    color: var(--dk-red);
}

/* =========================================================
   3. استایل کارت‌ها (Dashboard Cards)
   ========================================================= */
.gk-card {
    background: var(--dk-bg-card);
    border: 1px solid var(--dk-border);
    border-radius: var(--dk-radius);
    overflow: hidden;
    margin-bottom: 20px;
}

.gk-card-head {
    padding: 16px 24px;
    border-bottom: 1px solid var(--dk-border);
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.gk-card-title {
    font-size: 16px;
    font-weight: 700;
    margin: 0;
}

.gk-card-title.has-line::after {
    content: '';
    display: block;
    width: 40px;
    height: 2px;
    background: var(--dk-red);
    margin-top: 12px;
}

.gk-card-body { padding: 24px; }

/* =========================================================
   4. نوار وضعیت سفارش‌ها (Status Row)
   ========================================================= */
.gk-order-status-row {
    display: flex;
    justify-content: space-between;
    text-align: center;
}

.gk-status-item {
    flex: 1;
    text-decoration: none;
    color: var(--dk-text-primary);
    position: relative;
}

.gk-status-icon-wrap {
    position: relative;
    width: 60px;
    height: 60px;
    margin: 0 auto 8px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.gk-status-icon-wrap .dashicons {
    font-size: 32px;
    width: 32px;
    height: 32px;
    color: var(--dk-text-secondary);
    transition: 0.3s;
}

.gk-status-item:hover .gk-status-icon-wrap .dashicons { color: var(--dk-red); }

.gk-status-badge {
    position: absolute;
    bottom: 0; right: -5px;
    background: var(--dk-red); color: #fff;
    font-size: 11px; padding: 1px 6px; border-radius: 10px;
    border: 2px solid #fff; font-weight: 700;
}

/* =========================================================
   5. آخرین سفارش (Last Order)
   ========================================================= */
.gk-last-order-header {
    background: #f9fafb;
    padding: 12px 20px;
    display: flex;
    align-items: center;
    gap: 20px;
    font-size: 13px;
    color: var(--dk-text-secondary);
}

.gk-last-order-body {
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 20px;
}

.gk-thumbs-row { display: flex; gap: 10px; }

.gk-thumb-img {
    width: 60px; height: 60px;
    object-fit: contain;
    border: 1px solid var(--dk-border);
    border-radius: 4px;
    padding: 2px;
}

.gk-btn-link {
    color: #19bfd3; /* فیروزه‌ای دیجی‌کالا */
    font-weight: 700;
    font-size: 13px;
    text-decoration: none;
    display: flex; align-items: center;
}

/* =========================================================
   6. منوی موبایل (Mobile Nav)
   ========================================================= */
/* مخفی کردن منوی موبایل در دسکتاپ (حیاتی) */
.gk-mobile-nav {
    display: none !important;
}

/* تنظیمات ریسپانسیو (زیر 992 پیکسل) */
@media (max-width: 992px) {
    .gk-container {
        display: block; /* حذف حالت گرید */
        margin: 20px auto;
        padding-bottom: 80px;
    }

    .gk-account__nav,
    .gk-desktop-nav,
    .woocommerce-MyAccount-navigation {
        display: none !important;
    }

    .gk-mobile-nav {
        display: flex !important;
        position: fixed;
        bottom: 0; left: 0; right: 0;
        background: #fff;
        border-top: 1px solid var(--dk-border);
        padding: 10px 0 25px;
        z-index: 9999;
        justify-content: space-around;
        box-shadow: 0 -4px 10px rgba(0,0,0,0.05);
    }

    .gk-mobile-item {
        flex: 1;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 5px;
        color: var(--dk-text-secondary);
        text-decoration: none;
        font-size: 11px;
    }

    .gk-mobile-item .dashicons { font-size: 24px; width: 24px; height: 24px; }
    .gk-mobile-item.is-active { color: var(--dk-text-primary); font-weight: 700; }
}

/* =========================================================
   7. جزئیات سفارش (Order Details)
   ========================================================= */
.gk-order-details-page { display: flex; flex-direction: column; gap: 20px; }
.gk-od-header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 8px; }
.gk-back-btn { display: flex; align-items: center; gap: 8px; font-size: 16px; font-weight: 700; color: var(--dk-text-primary); text-decoration: none; }
.gk-back-btn .dashicons { font-size: 24px; width: 24px; height: 24px; }
.gk-od-date { color: var(--dk-text-secondary); font-size: 13px; }

.gk-od-summary .gk-od-row { display: flex; align-items: center; padding: 20px; gap: 40px; }
.gk-od-col { display: flex; flex-direction: column; gap: 5px; }
.gk-label { font-size: 12px; color: var(--dk-text-secondary); }
.gk-value { font-size: 14px; color: var(--dk-text-primary); font-weight: 700; }
.gk-value.big { font-size: 16px; font-family: monospace; letter-spacing: 1px; }

.gk-od-info-grid { display: grid; grid-template-columns: 1fr 1fr; background: var(--dk-bg-card); }
.gk-info-block { padding: 20px; border-bottom: 1px solid var(--dk-border); border-left: 1px solid var(--dk-border); }
.gk-info-block:nth-child(2n) { border-left: none; }
.gk-info-head { display: flex; align-items: center; gap: 8px; color: var(--dk-text-secondary); font-size: 13px; margin-bottom: 12px; }
.gk-info-body { font-size: 14px; color: var(--dk-text-primary); line-height: 1.8; }
.gk-address-text { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.gk-price-big { font-size: 18px; font-weight: 800; color: var(--dk-text-primary); }
.gk-text-muted { color: var(--dk-text-secondary); font-size: 13px; }

.gk-shipment-box { background: #fff; border: 1px solid var(--dk-border); border-radius: var(--dk-radius); overflow: hidden; }
.gk-shipment-head { background: #f9fafb; padding: 15px 20px; border-bottom: 1px solid var(--dk-border); display: flex; justify-content: space-between; align-items: center; }
.gk-shipment-title { display: flex; align-items: center; gap: 8px; font-weight: 700; font-size: 14px; }
.gk-shipment-status { display: flex; align-items: center; gap: 6px; font-weight: 700; font-size: 13px; }
.gk-dot { width: 8px; height: 8px; border-radius: 50%; display: inline-block; }

.gk-products-grid { display: flex; flex-direction: column; }
.gk-product-item { display: flex; gap: 16px; padding: 20px; border-bottom: 1px solid var(--dk-border); }
.gk-product-item:last-child { border-bottom: none; }
.gk-prod-thumb { width: 90px; height: 90px; flex-shrink: 0; position: relative; border: 1px solid var(--dk-border); border-radius: 8px; padding: 5px; display: flex; align-items: center; justify-content: center; }
.gk-prod-thumb img { max-width: 100%; height: auto; object-fit: contain; }
.gk-prod-qty { position: absolute; bottom: -5px; right: -5px; background: #f0f0f1; border: 1px solid var(--dk-border); font-size: 11px; padding: 2px 6px; border-radius: 4px; color: var(--dk-text-secondary); }
.gk-prod-details { flex: 1; display: flex; flex-direction: column; justify-content: center; gap: 8px; }
.gk-prod-title { font-size: 14px; font-weight: 600; margin: 0; line-height: 1.5; }
.gk-prod-meta { font-size: 12px; color: var(--dk-text-secondary); display: flex; gap: 12px; }
.gk-prod-price { margin-top: auto; font-weight: 700; color: var(--dk-text-primary); }

.gk-od-actions { display: flex; justify-content: flex-end; }
.gk-btn-invoice { display: inline-flex; align-items: center; gap: 8px; border: 1px solid var(--dk-border); padding: 10px 20px; border-radius: 8px; color: var(--dk-text-primary); text-decoration: none; font-weight: 700; font-size: 13px; background: #fff; transition: 0.2s; }
.gk-btn-invoice:hover { border-color: var(--dk-text-primary); }

@media (max-width: 768px) {
    .gk-od-info-grid { grid-template-columns: 1fr; }
    .gk-info-block { border-left: none; }
    .gk-od-row { flex-direction: column; align-items: flex-start; gap: 15px; }
}

/* =========================================================
   8. کیف پول (Wallet)
   ========================================================= */
.gk-wallet-hero { padding: 32px; background: linear-gradient(to bottom right, #ffffff, #fdfdfd); display: flex; flex-direction: column; gap: 24px; }
.gk-wallet-top { text-align: center; }
.gk-wallet-label { display: flex; align-items: center; justify-content: center; gap: 8px; color: var(--dk-text-secondary); font-size: 14px; margin-bottom: 12px; }
.gk-wallet-amount-box { display: flex; align-items: center; justify-content: center; gap: 8px; color: var(--dk-text-primary); }
.gk-amount-large { font-size: 36px; font-weight: 800; letter-spacing: -1px; }
.gk-currency { font-size: 14px; color: var(--dk-text-secondary); margin-top: 8px; }
.gk-wallet-actions { display: flex; flex-direction: column; align-items: center; gap: 16px; border-top: 1px solid var(--dk-border); padding-top: 24px; }
.gk-btn-deposit { background-color: var(--dk-red); color: #fff; border: none; padding: 12px 32px; border-radius: 8px; font-size: 15px; font-weight: 700; cursor: pointer; display: inline-flex; align-items: center; gap: 8px; transition: background-color 0.2s; }
.gk-btn-deposit:hover { background-color: var(--dk-red-hover); }
.gk-wallet-note { font-size: 12px; color: var(--dk-text-muted); margin: 0; }

.gk-tx-list { display: flex; flex-direction: column; }
.gk-tx-item { display: flex; align-items: center; justify-content: space-between; padding: 20px 24px; border-bottom: 1px solid var(--dk-border); transition: background-color 0.2s; }
.gk-tx-item:last-child { border-bottom: none; }
.gk-tx-item:hover { background-color: #f9fafb; }
.gk-tx-icon-wrap { width: 42px; height: 42px; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-left: 16px; }
.gk-tx-icon-wrap.deposit { background-color: #e6fcf5; color: #0ca678; }
.gk-tx-icon-wrap.withdraw { background-color: #fff5f5; color: #fa5252; }
.gk-tx-icon-wrap .dashicons { font-size: 20px; width: 20px; height: 20px; }
.gk-tx-details { flex-grow: 1; display: flex; flex-direction: column; gap: 4px; }
.gk-tx-title { font-size: 14px; font-weight: 700; color: var(--dk-text-primary); }
.gk-tx-meta { font-size: 12px; color: var(--dk-text-secondary); display: flex; align-items: center; gap: 6px; }
.gk-sep { color: var(--dk-border); }
.gk-tx-meta a { color: var(--dk-text-secondary); text-decoration: none; border-bottom: 1px dashed var(--dk-text-muted); }
.gk-tx-amount { font-size: 16px; font-weight: 700; white-space: nowrap; }
.gk-tx-amount .small { font-size: 11px; font-weight: 400; }
.gk-text-green { color: #0ca678; }
.gk-text-red { color: #ef4056; }

@media (max-width: 768px) {
    .gk-tx-item { padding: 16px; flex-wrap: wrap; }
    .gk-tx-icon-wrap { margin-left: 12px; width: 36px; height: 36px; }
    .gk-tx-amount { width: 100%; text-align: left; padding-left: 48px; margin-top: 4px; font-size: 14px; }
}

/* =========================================================
   9. استایل صفحه آدرس‌ها و فرم ویرایش (Address Form)
   ========================================================= */
.gk-addr-preview { display: flex; gap: 20px; align-items: flex-start; margin-bottom: 20px; }
.gk-icon-box { width: 48px; height: 48px; background: #f0f0f1; border-radius: 50%; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.gk-icon-box .dashicons { font-size: 24px; color: var(--dk-text-secondary); width: 24px; height: 24px; }
.gk-addr-text { font-size: 15px; line-height: 2; color: var(--dk-text-primary); font-weight: 500; }
.gk-addr-actions-view { border-top: 1px solid var(--dk-border); padding-top: 20px; display: flex; justify-content: flex-end; }

.gk-btn-edit-toggle { background: transparent; border: 1px solid var(--dk-border); color: var(--dk-text-primary); font-weight: 700; padding: 10px 20px; border-radius: 8px; cursor: pointer; display: flex; align-items: center; gap: 8px; transition: 0.2s; }
.gk-btn-edit-toggle:hover { background: #f9fafb; border-color: var(--dk-text-secondary); }

.gk-btn-close-icon { background: transparent; border: none; font-size: 18px; cursor: pointer; color: var(--dk-text-secondary); }
.gk-btn-close-icon:hover { color: var(--dk-red); }

#gk-view-mode, #gk-edit-mode { transition: opacity 0.3s ease; }

.gk-form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
.gk-form-grid .form-row { margin: 0; }
.gk-form-grid .form-row-wide { grid-column: span 2; }
.form-row label { display: block; margin-bottom: 8px; font-size: 13px; font-weight: 700; color: var(--dk-text-primary); }
.form-row input.input-text, .form-row textarea, .form-row select { width: 100%; padding: 10px 12px; border: 1px solid var(--dk-border); border-radius: 8px; font-size: 14px; min-height: 48px; outline: none; background: #fff; font-family: inherit; transition: border 0.2s; }
.form-row input.input-text:focus, .form-row textarea:focus, .form-row select:focus { border-color: var(--dk-text-primary); }

.gk-form-actions { margin-top: 32px; padding-top: 20px; border-top: 1px solid var(--dk-border); display: flex; align-items: center; gap: 12px; }
.gk-btn-save { background-color: var(--dk-red); color: #fff; border: none; padding: 12px 40px; border-radius: 8px; font-weight: 700; font-size: 15px; cursor: pointer; }
.gk-btn-save:hover { background-color: var(--dk-red-hover); }
.gk-btn-cancel { background: transparent; border: none; color: var(--dk-text-secondary); font-weight: 700; cursor: pointer; padding: 12px 20px; }
.gk-btn-cancel:hover { color: var(--dk-red); }

@media (max-width: 768px) {
    .gk-form-grid { grid-template-columns: 1fr; }
    .gk-form-grid .form-row-wide { grid-column: span 1; }
    .gk-btn-save { width: 100%; }
    .gk-form-actions { flex-direction: column-reverse; }
}

/* =========================================================
   10. استایل‌های اعلان‌ها (Notifications) - NEW
   ========================================================= */

/* دکمه‌های هدر (خوانده شدن/حذف همه) */
.gk-notif-actions-top { display: flex; gap: 10px; }
.gk-btn-ghost-sm {
    background: transparent; border: 1px solid var(--dk-border);
    color: var(--dk-text-secondary); font-size: 12px; font-weight: 700;
    padding: 6px 12px; border-radius: 6px; cursor: pointer; transition: 0.2s;
}
.gk-btn-ghost-sm:hover { border-color: var(--dk-text-primary); color: var(--dk-text-primary); }
.gk-btn-ghost-sm.danger:hover { border-color: var(--dk-red); color: var(--dk-red); }

/* لیست اعلان‌ها */
.gk-notif-list { display: flex; flex-direction: column; }

.gk-notif-item {
    display: flex; gap: 16px; padding: 24px;
    border-bottom: 1px solid var(--dk-border);
    background: #fff; transition: background 0.2s;
}
.gk-notif-item:last-child { border-bottom: none; }

/* استایل آیتم خوانده نشده */
.gk-notif-item.unread { background-color: #fdfdfd; }
.gk-notif-item.unread .gk-notif-title { color: var(--dk-text-primary); font-weight: 800; }
.gk-notif-item.unread .gk-notif-title::before {
    content: ''; display: inline-block; width: 6px; height: 6px;
    background: var(--dk-red); border-radius: 50%; margin-left: 8px; vertical-align: middle;
}

/* آیکون پیام */
.gk-notif-icon {
    flex-shrink: 0; width: 40px; height: 40px;
    background: #f0f0f1; border-radius: 50%;
    display: flex; align-items: center; justify-content: center;
}
.gk-notif-icon .dashicons { font-size: 20px; width: 20px; height: 20px; color: var(--dk-text-secondary); }

/* محتوای پیام */
.gk-notif-details { flex-grow: 1; display: flex; flex-direction: column; gap: 8px; }

.gk-notif-row-top { display: flex; justify-content: space-between; align-items: flex-start; }
.gk-notif-title { font-size: 14px; margin: 0; color: var(--dk-text-primary); font-weight: 700; }
.gk-notif-date { font-size: 12px; color: var(--dk-text-secondary); font-family: monospace; }

.gk-notif-content { font-size: 13px; color: var(--dk-text-secondary); line-height: 2; text-align: justify; }

/* دکمه‌های پایین پیام */
.gk-notif-footer {
    display: flex; align-items: center; gap: 10px; margin-top: 8px;
}
.gk-link-btn {
    background: none; border: none; padding: 0; cursor: pointer;
    font-size: 12px; font-weight: 700; color: #19bfd3; transition: 0.2s;
}
.gk-link-btn:hover { color: #0d8a9c; }
.gk-link-btn.remove { color: var(--dk-text-secondary); }
.gk-link-btn.remove:hover { color: var(--dk-red); }

.gk-sep { width: 1px; height: 12px; background: var(--dk-border); display: inline-block; }

/* Empty State */
.gk-empty-state { padding: 50px 20px; text-align: center; }
.gk-empty-icon {
    width: 70px; height: 70px; background: #f0f0f1; border-radius: 50%;
    margin: 0 auto 16px; display: flex; align-items: center; justify-content: center;
}
.gk-empty-icon .dashicons { font-size: 32px; width: 32px; height: 32px; color: var(--dk-text-secondary); }
.gk-empty-text { font-size: 15px; font-weight: 700; color: var(--dk-text-primary); }

/* Responsive Notifications */
@media (max-width: 768px) {
    .gk-notif-item { flex-direction: column; padding: 16px; }
    .gk-notif-icon { display: none; } /* آیکون در موبایل حذف شود تا جا باز شود */
    .gk-notif-row-top { flex-direction: column; gap: 4px; }
    .gk-notif-footer { border-top: 1px dashed var(--dk-border); padding-top: 10px; margin-top: 10px; justify-content: space-between; }
}

/* =========================================================
   11. استایل فیلد موبایل (Read-Only Mobile Field)
   ========================================================= */

.gk-mobile-readonly-field {
    margin-bottom: 24px;
    padding-bottom: 24px;
    border-bottom: 1px dashed var(--dk-border);
}

.gk-mobile-readonly-field label {
    display: flex;
    align-items: center;
    gap: 10px;
    font-weight: 700;
    color: var(--dk-text-primary);
    margin-bottom: 8px;
}

.gk-badge-verified {
    background: #e6fcf5;
    color: #0ca678;
    font-size: 11px;
    padding: 2px 8px;
    border-radius: 12px;
    font-weight: 500;
}

.gk-input-icon-wrapper {
    position: relative;
}

/* استایل اینپوت غیرفعال */
.gk-input-icon-wrapper input[disabled] {
    background-color: #f8f9fa !important; /* خاکستری خیلی روشن */
    color: var(--dk-text-secondary) !important;
    border-color: var(--dk-border) !important;
    cursor: not-allowed;
    padding-left: 40px !important; /* جا برای آیکون قفل */
    opacity: 1; /* برای نمایش صحیح در iOS */
    font-family: monospace; /* فونت اعداد خوانا */
    font-size: 15px !important;
    font-weight: 700;
    letter-spacing: 1px;
}

.gk-field-icon {
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    color: var(--dk-text-muted);
    font-size: 18px;
}

.gk-mobile-readonly-field .description {
    font-size: 12px;
    color: var(--dk-text-muted);
    margin-top: 6px;
}



/* =========================================================
   12. استایل نهایی علاقه‌مندی‌ها (Manual Loop Style)
   ========================================================= */

ul.gk-wishlist-grid {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)) !important;
    gap: 20px !important;
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

ul.gk-wishlist-grid li.product {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
    background: #fff !important;
    border: 1px solid var(--dk-border) !important;
    border-radius: 8px !important;
    position: relative !important;
    overflow: hidden !important;
}

/* کانتینر داخلی برای پدینگ */
.gk-wish-card-inner {
    padding: 15px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    height: 100%;
}

/* تنظیم تصویر */
ul.gk-wishlist-grid li.product img {
    margin: 0 auto 10px !important;
    height: 180px !important;
    object-fit: contain !important;
    width: auto !important;
}

/* تنظیم عنوان */
ul.gk-wishlist-grid li.product h2,
ul.gk-wishlist-grid li.product .woocommerce-loop-product__title {
    font-size: 13px !important;
    line-height: 1.5 !important;
    height: 40px !important;
    overflow: hidden !important;
    margin-bottom: 10px !important;
    padding: 0 !important;
    color: var(--dk-text-primary) !important;
}

/* تنظیم قیمت */
ul.gk-wishlist-grid li.product .price {
    color: var(--dk-text-primary) !important;
    font-weight: 700 !important;
    font-size: 15px !important;
    display: block !important;
    margin-bottom: 10px !important;
}

/* دکمه افزودن به سبد */
ul.gk-wishlist-grid li.product .button,
ul.gk-wishlist-grid li.product .added_to_cart {
    margin-top: auto !important;
    width: 100% !important;
    padding: 8px 15px !important;
    font-size: 12px !important;
    border-radius: 4px !important;
    display: inline-block !important;
}

/* دکمه حذف */
.gk-wish-remove-btn {
    position: absolute;
    top: 10px;
    left: 10px;
    color: #999;
    z-index: 10;
    background: rgba(255,255,255,0.8);
    border-radius: 50%;
    padding: 4px;
}
.gk-wish-remove-btn:hover {
    color: var(--dk-red);
}







/* =========================================================
   13. استایل اشتراک‌های پیامکی (SMS Subscriptions)
   ========================================================= */

.gk-subs-list {
    display: flex;
    flex-direction: column;
}

.gk-sub-item {
    display: flex;
    align-items: center;
    gap: 20px;
    padding: 20px 24px;
    border-bottom: 1px solid var(--dk-border);
    transition: background 0.2s;
}
.gk-sub-item:last-child { border-bottom: none; }
.gk-sub-item:hover { background-color: #f9fafb; }

/* تصویر محصول */
.gk-sub-thumb {
    width: 80px;
    height: 80px;
    flex-shrink: 0;
    border: 1px solid var(--dk-border);
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 4px;
    background: #fff;
}
.gk-sub-thumb img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

/* جزئیات */
.gk-sub-details {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.gk-sub-header {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 11px;
    font-weight: 700;
}

.gk-sub-type-badge {
    background: #e0f2fe; color: #0369a1;
    padding: 2px 8px; border-radius: 4px;
}
.gk-sub-type-badge.on_sale { background: #fef3c7; color: #b45309; }

.gk-sub-status { color: var(--dk-text-secondary); }
.gk-sub-status.pending { color: #10b981; } /* سبز */

.gk-sub-title {
    font-size: 14px;
    font-weight: 700;
    color: var(--dk-text-primary);
    text-decoration: none;
    line-height: 1.5;
}
.gk-sub-title:hover { color: var(--dk-red); }

.gk-sub-meta {
    font-size: 11px;
    color: var(--dk-text-secondary);
    display: flex; align-items: center; gap: 4px;
}
.gk-sub-meta .dashicons { font-size: 14px; width: 14px; height: 14px; }

/* دکمه لغو */
.gk-sub-action { flex-shrink: 0; }

.gk-btn-cancel-sub {
    display: flex; align-items: center; gap: 6px;
    border: 1px solid var(--dk-border);
    background: #fff;
    color: var(--dk-text-secondary);
    font-size: 12px; font-weight: 700;
    padding: 8px 16px;
    border-radius: 6px;
    text-decoration: none;
    transition: 0.2s;
}
.gk-btn-cancel-sub:hover {
    border-color: var(--dk-red);
    color: var(--dk-red);
    background: #fff5f5;
}
.gk-btn-cancel-sub .dashicons { font-size: 16px; width: 16px; height: 16px; }

.gk-btn-disabled {
    font-size: 12px; color: var(--dk-text-muted);
    background: #f3f4f6; padding: 6px 12px; border-radius: 6px;
}

/* ریسپانسیو */
@media (max-width: 768px) {
    .gk-sub-item { flex-direction: column; align-items: flex-start; padding: 16px; }
    .gk-sub-thumb { width: 60px; height: 60px; }
    .gk-sub-action { width: 100%; margin-top: 10px; }
    .gk-btn-cancel-sub { width: 100%; justify-content: center; }
}