/* =====================================================================
   AvaRails — طراحی کارت‌محور با اسکرول افقی (داشبورد + تبادل ارزی)
   همه‌ی رنگ‌ها از متغیرهای پالت کاربر می‌آیند (--ava-pur, --ava-card ...)
   تا با هر پالت و حالت روز/شب هماهنگ بماند.
   ===================================================================== */

/* ---------- نقطه‌های صفحه‌بندی ---------- */
.avr-dots { display: flex; justify-content: center; align-items: center; gap: 6px; margin: 2px 0 6px; min-height: 8px; }
.avr-dots i {
    display: block; width: 6px; height: 6px; border-radius: 6px;
    background: var(--ava-mut, #8a8aa0); opacity: .35; cursor: pointer;
    transition: width .28s cubic-bezier(.2, .8, .2, 1), opacity .2s, background .2s;
}
.avr-dots i.on { width: 20px; opacity: 1; background: var(--ava-pur, #7c3aed); }

/* ---------- دکمه‌های قبلی/بعدی (فقط با ماوس) ---------- */
.avr-nav { display: inline-flex; gap: 6px; margin-inline-start: 8px; }
.avr-btn {
    width: 30px; height: 30px; border-radius: 10px;
    display: inline-flex; align-items: center; justify-content: center;
    border: 1px solid var(--ava-line2, rgba(0, 0, 0, .12)); background: var(--ava-card, #fff);
    color: var(--ava-txt, #222); font-size: .7rem; cursor: pointer;
    transition: opacity .15s, transform .1s;
}
.avr-btn:disabled { opacity: .35; cursor: default; }
.avr-btn:not(:disabled):active { transform: scale(.92); }
@media (hover: none), (pointer: coarse), (max-width: 699px) { .avr-nav { display: none !important; } }

/* =====================================================================
   داشبورد
   ===================================================================== */

/* سرتیتر هر دسته (قبلاً یک قرص کوچک) → ردیف عنوان تمام‌عرض */
.ava-dash .ava-quad-label {
    display: flex !important; align-items: center; gap: 10px;
    width: auto !important; max-width: none !important;
    margin: 22px 6px 10px !important; padding: 0 !important;
    background: none !important; border: 0 !important; box-shadow: none !important;
    border-radius: 0 !important;
    font-size: 1.02rem !important; font-weight: 900 !important; letter-spacing: -.01em;
    color: var(--ava-txt) !important; -webkit-text-fill-color: currentColor;
}
.ava-dash .ava-quad-label > i:first-child {
    width: 32px; height: 32px; flex: none; border-radius: 11px;
    display: inline-flex; align-items: center; justify-content: center; font-size: .82rem;
    background: color-mix(in srgb, var(--ava-pur) 14%, transparent) !important;
    color: var(--ava-pur) !important; -webkit-text-fill-color: var(--ava-pur) !important;
}
.ava-dash .ava-quad-label .ava-catopt-btn {
    margin-inline-start: auto !important;
    height: 30px; padding: 0 11px !important; border-radius: 10px !important;
    font-size: .68rem !important; font-weight: 800 !important;
    background: var(--ava-card) !important; border: 1px solid var(--ava-line2) !important;
    box-shadow: none !important;
}

/* سرتیتر گجت‌ها هم‌شکل بقیه */
.ava-dash .agx-shell-h.avr-head { display: flex; align-items: center; gap: 8px; }
.ava-dash .agx-shell-h.avr-head > span:first-child { flex: 1; }

/* ریل‌ها: لبه تا لبه‌ی صفحه + فاصله‌ی ثابت از کناره + نمایش لبه‌ی کارت بعدی */
.ava-dash #avaAdsGrid.avr-rail,
.ava-dash #avaMidGrid.avr-rail,
.ava-dash #avaForecastGrid.avr-rail {
    display: flex !important; flex-wrap: nowrap !important; align-items: stretch !important;
    overflow-x: auto !important; overflow-y: hidden !important;
    gap: 12px !important;
    margin: 0 -8px !important;
    padding: 4px 16px 10px !important;
    scroll-padding-inline: 16px;
    scroll-snap-type: x mandatory !important;
    -webkit-overflow-scrolling: touch; overscroll-behavior-x: contain; scrollbar-width: none;
}
.ava-dash #avaAdsGrid.avr-rail::-webkit-scrollbar,
.ava-dash #avaMidGrid.avr-rail::-webkit-scrollbar,
.ava-dash #avaForecastGrid.avr-rail::-webkit-scrollbar { display: none; }
.ava-dash #avaAdsGrid.avr-rail > *,
.ava-dash #avaMidGrid.avr-rail > *,
.ava-dash #avaForecastGrid.avr-rail > * {
    flex: 0 0 84% !important; max-width: 84% !important; min-width: 0 !important;
    scroll-snap-align: start !important; scroll-snap-stop: normal !important;
    margin: 0 !important;
}
/* فضای انتهای ریل (برخی مرورگرها padding انتهایی را نادیده می‌گیرند) */
.ava-dash .avr-rail::after { content: ""; flex: 0 0 4px; }
@media (min-width: 700px) {
    .ava-dash #avaAdsGrid.avr-rail > *, .ava-dash #avaMidGrid.avr-rail > *, .ava-dash #avaForecastGrid.avr-rail > * { flex-basis: 46% !important; max-width: 46% !important; }
}
@media (min-width: 1100px) {
    .ava-dash #avaAdsGrid.avr-rail > *, .ava-dash #avaMidGrid.avr-rail > *, .ava-dash #avaForecastGrid.avr-rail > * { flex-basis: 31.5% !important; max-width: 31.5% !important; }
}
.ava-dash #avaGadgetRow.avr-rail { scroll-padding-inline: 14px; }

/* کارت‌های داخل ریل: گوشه‌ی یکسان و سایه‌ی نرم */
.ava-dash .avr-rail > .ava-card,
.ava-dash .avr-rail > .ava-smart-gadget {
    border-radius: 24px !important;
    box-shadow: 0 14px 30px -22px color-mix(in srgb, var(--ava-pur) 60%, transparent), 0 1px 0 rgba(255, 255, 255, .5) inset !important;
}

/* حالت خالیِ «آگهی‌های فعال» → کارت دعوت به اقدام */
.ava-dash .avr-empty {
    flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px;
    text-align: center; padding: 18px 10px 8px;
}
.ava-dash .avr-empty-ic {
    width: 64px; height: 64px; border-radius: 22px; margin-bottom: 4px;
    display: inline-flex; align-items: center; justify-content: center; font-size: 1.5rem;
    background: color-mix(in srgb, var(--ava-pur) 12%, transparent); color: var(--ava-pur);
}
.ava-dash .avr-empty b { font-size: .92rem; color: var(--ava-txt); }
.ava-dash .avr-empty span { font-size: .72rem; color: var(--ava-mut); line-height: 1.7; max-width: 240px; }
.ava-dash .avr-empty-acts { display: flex; gap: 8px; margin-top: 8px; width: 100%; max-width: 280px; }
.ava-dash .avr-empty-acts a {
    flex: 1; height: 42px; border-radius: 14px;
    display: inline-flex; align-items: center; justify-content: center; gap: 7px;
    font-size: .76rem; font-weight: 800; text-decoration: none;
}
.ava-dash .avr-empty-acts a.buy { background: rgba(34, 197, 94, .12); color: #15803d; border: 1px solid rgba(34, 197, 94, .3); }
.ava-dash .avr-empty-acts a.sell { background: rgba(255, 90, 110, .1); color: #e11d48; border: 1px solid rgba(255, 90, 110, .3); }
html[data-theme="dark"] .ava-dash .avr-empty-acts a.buy { color: #4ade80; }
html[data-theme="dark"] .ava-dash .avr-empty-acts a.sell { color: #fb7185; }

/* =====================================================================
   صفحه‌ی تبادل ارزی (arad.php)
   ===================================================================== */
.arx-sec { margin: 18px 0 8px; background: transparent !important; border: 0 !important; box-shadow: none !important; padding: 0 !important; border-radius: 0 !important; }
.arx-head { display: flex; align-items: center; gap: 10px; margin: 0 4px 10px; }
.arx-head h3 { margin: 0; font-size: 1rem; font-weight: 900; color: var(--ava-txt, #1c1633); display: flex; align-items: center; gap: 9px; }
.arx-head h3 > i {
    width: 30px; height: 30px; border-radius: 10px; flex: none;
    display: inline-flex; align-items: center; justify-content: center; font-size: .78rem;
    background: color-mix(in srgb, var(--ava-pur, #7c3aed) 14%, transparent); color: var(--ava-pur, #7c3aed);
}
.arx-head small { font-size: .68rem; color: var(--ava-mut, #777); font-weight: 600; }
.arx-head .arx-more {
    margin-inline-start: auto; border: 0; background: none; cursor: pointer;
    font: inherit; font-size: .72rem; font-weight: 800; color: var(--ava-pur, #7c3aed);
    display: inline-flex; align-items: center; gap: 5px; padding: 6px 4px;
}

.arx-rail {
    display: flex; flex-wrap: nowrap; gap: 12px;
    overflow-x: auto; overflow-y: hidden;
    margin: 0 -14px; padding: 4px 14px 10px;
    scroll-padding-inline: 14px; scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch; overscroll-behavior-x: contain; scrollbar-width: none;
}
.arx-rail::-webkit-scrollbar { display: none; }
.arx-rail::after { content: ""; flex: 0 0 2px; }
.arx-rail > * { scroll-snap-align: start; flex: none; }
/* «مشاهده همه»: ریل به شبکه‌ی عمودی تبدیل می‌شود */
.arx-rail.arx-grid { flex-wrap: wrap; overflow: visible; margin: 0; padding: 4px 0 10px; scroll-snap-type: none; }
.arx-rail.arx-grid > .arx-ad { flex: 1 1 260px; max-width: none; }
.arx-rail.arx-grid + .avr-dots { display: none !important; }

/* ---- کارت نرخ ---- */
.arx-rate {
    width: 150px; padding: 13px; border-radius: 20px;
    background: var(--ava-card, #fff); border: 1px solid var(--ava-line, rgba(0, 0, 0, .08));
    box-shadow: 0 12px 26px -20px color-mix(in srgb, var(--ava-pur, #7c3aed) 70%, transparent);
    cursor: pointer; text-align: right; font: inherit; color: var(--ava-txt, #222);
    display: flex; flex-direction: column; gap: 8px; position: relative; overflow: hidden;
    transition: transform .12s, border-color .15s;
}
.arx-rate:active { transform: scale(.97); }
.arx-rate.on { border-color: var(--ava-pur, #7c3aed); box-shadow: 0 0 0 3px color-mix(in srgb, var(--ava-pur, #7c3aed) 20%, transparent); }
.arx-rate-top { display: flex; align-items: center; gap: 8px; }
.arx-rate-ic {
    width: 32px; height: 32px; border-radius: 11px; flex: none;
    display: inline-flex; align-items: center; justify-content: center;
    color: #fff; font-weight: 900; font-size: .9rem; background: var(--c, #7c3aed);
}
.arx-rate-top b { font-size: .84rem; font-weight: 900; }
.arx-rate-top small { display: block; font-size: .6rem; color: var(--ava-mut, #777); font-weight: 700; direction: ltr; text-align: right; }
.arx-rate-p { font-size: 1.12rem; font-weight: 900; letter-spacing: -.02em; direction: ltr; text-align: right; }
.arx-rate-p em { font-style: normal; font-size: .6rem; color: var(--ava-mut, #777); font-weight: 700; margin-right: 3px; }
.arx-rate-f { display: flex; justify-content: space-between; align-items: center; font-size: .62rem; color: var(--ava-mut, #777); font-weight: 700; }
.arx-chg { direction: ltr; font-weight: 900; padding: 2px 7px; border-radius: 999px; }
.arx-chg.up { color: #16a34a; background: rgba(34, 197, 94, .12); }
.arx-chg.down { color: #e11d48; background: rgba(244, 63, 94, .12); }
.arx-chg.flat { color: var(--ava-mut, #777); background: var(--ava-card2, #f5f5f5); }

/* ---- چطور کار می‌کند ---- */
.arx-step {
    width: 196px; padding: 14px; border-radius: 20px;
    background: var(--ava-card, #fff); border: 1px solid var(--ava-line, rgba(0, 0, 0, .08));
    display: flex; flex-direction: column; gap: 8px; position: relative;
}
.arx-step-n {
    position: absolute; top: 12px; left: 12px;
    font-size: 1.6rem; font-weight: 900; line-height: 1; color: var(--ava-pur, #7c3aed); opacity: .16;
}
.arx-step-ic {
    width: 38px; height: 38px; border-radius: 13px;
    display: inline-flex; align-items: center; justify-content: center; font-size: .95rem; color: #fff;
    background: linear-gradient(135deg, var(--ava-pur, #7c3aed), var(--ava-pur2, #a855f7));
}
.arx-step b { font-size: .84rem; font-weight: 900; color: var(--ava-txt, #222); }
.arx-step span { font-size: .7rem; line-height: 1.75; color: var(--ava-mut, #777); }
.arx-x { border: 0; background: var(--ava-card2, #f3f3f6); color: var(--ava-mut, #777); width: 28px; height: 28px; border-radius: 9px; cursor: pointer; margin-inline-start: auto; }

/* ---- فیلترها (چیپ‌های افقی) ---- */
.arx-chips {
    display: flex; gap: 8px; overflow-x: auto; scrollbar-width: none;
    margin: 0 -14px 4px; padding: 2px 14px 8px;
}
.arx-chips::-webkit-scrollbar { display: none; }
.arx-chip {
    flex: none; height: 36px; padding: 0 14px; border-radius: 999px;
    display: inline-flex; align-items: center; gap: 7px;
    border: 1px solid var(--ava-line2, rgba(0, 0, 0, .12)); background: var(--ava-card, #fff);
    color: var(--ava-txt, #222); font: inherit; font-size: .74rem; font-weight: 800; cursor: pointer; white-space: nowrap;
    transition: background .15s, color .15s, border-color .15s;
}
.arx-chip .d { width: 18px; height: 18px; border-radius: 6px; display: inline-flex; align-items: center; justify-content: center; font-size: .6rem; color: #fff; font-weight: 900; }
.arx-chip.on { background: var(--ava-pur, #7c3aed); border-color: transparent; color: #fff; }
.arx-chip-sep { flex: none; width: 1px; margin: 6px 2px; background: var(--ava-line2, rgba(0, 0, 0, .12)); }

/* ---- کارت آگهی ---- */
.arx-ad {
    width: min(78vw, 300px); padding: 14px; border-radius: 22px;
    background: var(--ava-card, #fff); border: 1px solid var(--ava-line, rgba(0, 0, 0, .08));
    box-shadow: 0 14px 30px -24px color-mix(in srgb, var(--ava-pur, #7c3aed) 80%, transparent);
    display: flex; flex-direction: column; gap: 12px; position: relative; cursor: pointer;
    transition: transform .12s;
}
.arx-ad:active { transform: scale(.985); }
.arx-ad::before {
    content: ""; position: absolute; inset: 0 0 auto 0; height: 4px; border-radius: 22px 22px 0 0;
    background: var(--side, #22c55e); opacity: .85;
}
.arx-ad.is-sellad { --side: #22c55e; }
.arx-ad.is-buyad { --side: #f59e0b; }
.arx-ad.is-mine { --side: var(--ava-pur, #7c3aed); }
.arx-ad-top { display: flex; align-items: center; gap: 10px; }
.arx-ad-top img { width: 42px; height: 42px; border-radius: 14px; object-fit: cover; flex: none; background: var(--ava-card2, #eee); }
.arx-ad-who { flex: 1; min-width: 0; }
.arx-ad-who b { display: flex; align-items: center; gap: 5px; font-size: .86rem; font-weight: 900; color: var(--ava-txt, #222); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.arx-ad-who b .fa-circle-check { color: #3b82f6; font-size: .72rem; }
.arx-ad-who span { font-size: .66rem; color: var(--ava-mut, #777); font-weight: 700; }
.arx-ad-who span .fa-star { color: #f59e0b; }
.arx-tag { flex: none; font-size: .62rem; font-weight: 900; padding: 4px 9px; border-radius: 999px; background: color-mix(in srgb, var(--side) 14%, transparent); color: var(--side); }
.arx-ad-mid { display: flex; align-items: flex-end; justify-content: space-between; gap: 10px; padding: 10px 12px; border-radius: 16px; background: var(--ava-card2, #f7f7fb); }
.arx-ad-mid small { display: block; font-size: .6rem; color: var(--ava-mut, #777); font-weight: 700; margin-bottom: 3px; }
.arx-ad-price { font-size: 1.22rem; font-weight: 900; letter-spacing: -.02em; color: var(--ava-txt, #222); direction: ltr; text-align: right; }
.arx-ad-price em { font-style: normal; font-size: .6rem; color: var(--ava-mut, #777); margin-right: 3px; }
.arx-ad-amt { text-align: left; }
.arx-ad-amt b { font-size: .86rem; font-weight: 900; color: var(--ava-txt, #222); }
.arx-ad-sum { display: flex; justify-content: space-between; font-size: .66rem; color: var(--ava-mut, #777); font-weight: 700; padding: 0 2px; }
.arx-ad-sum b { color: var(--ava-txt, #222); direction: ltr; }
.arx-ad-desc { font-size: .68rem; color: var(--ava-mut, #777); line-height: 1.7; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 0 2px; margin-top: -4px; }
.arx-ad-cta {
    height: 42px; border-radius: 14px; border: 0; cursor: pointer;
    font: inherit; font-size: .8rem; font-weight: 900; color: #fff;
    display: inline-flex; align-items: center; justify-content: center; gap: 8px;
    background: var(--side, #22c55e);
    box-shadow: 0 10px 20px -12px var(--side, #22c55e);
}
.arx-ad.is-mine .arx-ad-cta { background: var(--ava-card2, #f3f3f8); color: var(--ava-txt, #222); box-shadow: none; border: 1px solid var(--ava-line2, rgba(0, 0, 0, .12)); }
.arx-ad-del { position: absolute; top: 12px; left: 12px; width: 30px; height: 30px; border-radius: 10px; border: 0; background: rgba(244, 63, 94, .12); color: #e11d48; cursor: pointer; z-index: 2; }
.arx-ad .arx-ad-del + .arx-ad-top .arx-tag { margin-left: 34px; }
.arx-empty {
    margin: 4px 0 6px; padding: 26px 16px; border-radius: 22px; text-align: center;
    background: var(--ava-card, #fff); border: 1px dashed var(--ava-line2, rgba(0, 0, 0, .14));
    color: var(--ava-mut, #777); font-size: .78rem; font-weight: 700;
}
.arx-empty i { display: block; font-size: 1.6rem; color: var(--ava-pur, #7c3aed); opacity: .6; margin-bottom: 8px; }
.arx-empty button { margin-top: 12px; height: 38px; padding: 0 16px; border-radius: 12px; border: 0; background: var(--ava-pur, #7c3aed); color: #fff; font: inherit; font-size: .74rem; font-weight: 800; cursor: pointer; }
.arx-skel { width: min(78vw, 300px); height: 236px; border-radius: 22px; background: linear-gradient(100deg, var(--ava-card2, #eee) 30%, var(--ava-card, #fff) 50%, var(--ava-card2, #eee) 70%); background-size: 300% 100%; animation: arxSk 1.2s linear infinite; }
@keyframes arxSk { to { background-position: -150% 0; } }
@media (prefers-reduced-motion: reduce) { .arx-skel { animation: none; } }

/* ظرف بازار: قاب قدیمی لیست عمودی برداشته می‌شود تا ریل‌ها لبه‌به‌لبه باشند */
html #adsContainer.arx-market { display: block !important; background: none !important; border: 0 !important; box-shadow: none !important; overflow: visible !important; padding: 0 !important; border-radius: 0 !important; }
html #adsContainer.arx-market::before { display: none !important; }

/* ---------- عملیات سریع: کاشی‌های کارتی، اسکرول افقی لبه‌به‌لبه ---------- */
html[data-theme][data-theme] body #mainDashboard.ava-dash .ava-card.ava-qa-rail {
    background: none !important; background-image: none !important; border: 0 !important; box-shadow: none !important;
    padding: 0 !important; margin-top: 6px !important; overflow: visible !important;
}
html[data-theme][data-theme] body #mainDashboard.ava-dash .ava-qa-rail > .ava-sec-head { margin: 10px 6px 10px !important; }
html[data-theme][data-theme] body #mainDashboard.ava-dash .ava-qa-rail > .ava-sec-head .ava-sec-title { font-size: 1.02rem !important; font-weight: 900 !important; color: var(--ava-txt) !important; }
html[data-theme][data-theme] body #mainDashboard.ava-dash .ava-qa-rail .ava-qa {
    margin: 0 -8px !important; padding: 4px 16px 12px !important;
    gap: 10px !important; scroll-padding-inline: 16px;
}
html[data-theme][data-theme] body #mainDashboard.ava-dash .ava-qa-rail .ava-qa::after { content: ""; flex: 0 0 4px; }
html[data-theme][data-theme] body #mainDashboard.ava-dash .ava-qa-rail .ava-qa-item {
    flex: 0 0 86px !important; width: 86px !important; min-height: 104px !important;
    padding: 14px 6px 10px !important; gap: 9px !important;
    border-radius: 22px !important;
    background: var(--ava-card) !important; border: 1px solid var(--ava-line) !important;
    box-shadow: 0 12px 24px -20px color-mix(in srgb, var(--ava-pur) 70%, transparent) !important;
    justify-content: flex-start !important;
    transition: transform .12s;
}
html[data-theme][data-theme] body #mainDashboard.ava-dash .ava-qa-rail .ava-qa-item:active { transform: scale(.95); }
html[data-theme][data-theme] body #mainDashboard.ava-dash .ava-qa-rail .ava-qa-badge {
    width: 46px !important; height: 46px !important; border-radius: 16px !important;
    box-shadow: 0 10px 18px -10px var(--ava-qa-glow, rgba(0, 0, 0, .3)) !important;
}
html[data-theme][data-theme] body #mainDashboard.ava-dash .ava-qa-rail .ava-qa-badge i { color: #fff !important; -webkit-text-fill-color: #fff !important; font-size: 1.05rem; }
html[data-theme][data-theme] body #mainDashboard.ava-dash .ava-qa-rail .ava-qa-item > span:last-child { font-size: .68rem !important; font-weight: 800 !important; line-height: 1.5 !important; }
html[data-theme][data-theme] body #mainDashboard.ava-dash .ava-card.ava-qa-rail::before, html[data-theme][data-theme] body #mainDashboard.ava-dash .ava-card.ava-qa-rail::after { display: none !important; }

/* ---------- گجت‌های من: بدون قاب بیرونی، هم‌شکل بقیه‌ی دسته‌ها ---------- */
html[data-theme][data-theme] body #mainDashboard.ava-dash .agx-shell {
    background: none !important; background-image: none !important; border: 0 !important; box-shadow: none !important;
    padding: 0 !important; overflow: visible !important; margin-top: 8px !important;
}
html[data-theme][data-theme] body #mainDashboard.ava-dash .agx-shell::before,
html[data-theme][data-theme] body #mainDashboard.ava-dash .agx-shell::after { display: none !important; }
html[data-theme][data-theme] body #mainDashboard.ava-dash .agx-shell-h {
    margin: 12px 6px 10px !important; padding: 0 !important; background: none !important; border: 0 !important;
}
html[data-theme][data-theme] body #mainDashboard.ava-dash .agx-shell-h > span:first-child { font-size: 1.02rem !important; font-weight: 900 !important; color: var(--ava-txt) !important; }
html[data-theme][data-theme] body #mainDashboard.ava-dash #avaGadgetRow { margin: 0 -8px !important; padding: 4px 16px 10px !important; scroll-padding-inline: 16px; }
html[data-theme][data-theme] body #mainDashboard.ava-dash .agx-shell-edit {
    height: 30px; padding: 0 12px !important; border-radius: 10px !important; font-size: .68rem !important; font-weight: 800 !important;
    background: var(--ava-card) !important; color: var(--ava-txt) !important; border: 1px solid var(--ava-line2) !important; box-shadow: none !important;
}