/* ==========================================================================
   ARCHIFILE.IR — بازطراحی مدرن پنل «حساب کاربری من»
   شامل: پیشخوان، منوی کناری، لیست سفارش‌ها، حذف آدرس/روش پرداخت،
   و بخش دانلودها (کارت‌های تاشوی گروه‌بندی‌شده — نیاز به فایل
   archifile-downloads-group.js هم دارد، پایین همین فایل)
   محل قرارگیری: پیشخوان وردپرس › ظاهر › شخصی‌سازی › CSS اضافی
   ========================================================================== */

/* ---------- پس‌زمینه و کادر کلی پنل ---------- */
.wd-my-account-wrapper{ align-items:flex-start; }
.woocommerce-MyAccount-content,
.wd-my-account-sidebar{
  background:#1a1a26;
  border:1px solid #2c2c3c;
  border-radius:16px;
  padding:26px;
}

/* ---------- عنوان «حساب کاربری من» ---------- */
.woocommerce-MyAccount-title{
  font-size:17px !important;
  color:#fff !important;
  margin:0 0 16px !important;
  padding-bottom:14px;
  border-bottom:1px solid #2c2c3c;
}

/* ---------- منوی کناری (دسکتاپ) ---------- */
nav.woocommerce-MyAccount-navigation ul{ list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:4px; }
nav.woocommerce-MyAccount-navigation li{ margin:0; }
nav.woocommerce-MyAccount-navigation a{
  display:flex; align-items:center;
  padding:11px 14px;
  border-radius:10px;
  color:#cfcfe0 !important;
  font-size:14px;
  text-decoration:none !important;
  transition:background .15s ease, color .15s ease;
}
nav.woocommerce-MyAccount-navigation a:hover{ background:rgba(139,124,246,.08); color:#fff !important; }
nav.woocommerce-MyAccount-navigation li.is-active a{
  background:#8b7cf6 !important;
  color:#fff !important;
  font-weight:700;
}

/* حذف کامل «آدرس» و «روش‌های پرداخت» از منوی کناری */
.woocommerce-MyAccount-navigation-link--edit-address,
.woocommerce-MyAccount-navigation-link--payment-methods{ display:none !important; }

/* دکمه خروج، رنگ متفاوت برای تشخیص راحت‌تر */
.woocommerce-MyAccount-navigation-link--customer-logout a{ color:#ef4444 !important; }
.woocommerce-MyAccount-navigation-link--customer-logout a:hover{ background:rgba(239,68,68,.08) !important; }

/* ---------- متن خوش‌آمدگویی — جمع‌وجورتر ---------- */
.woocommerce-MyAccount-content > p{
  color:#cfcfe0;
  font-size:14px;
  line-height:1.9;
}
.woocommerce-MyAccount-content > p a{ color:#a99bff; }

/* ---------- گرید دسترسی سریع (پیشخوان) ---------- */
ul.wd-my-account-links{
  list-style:none; margin:20px 0 0 !important; padding:0 !important;
  display:grid !important;
  grid-template-columns:repeat(5, 1fr) !important;
  gap:14px !important;
}
ul.wd-my-account-links li a{
  display:flex; flex-direction:column; align-items:center; justify-content:center;
  gap:16px;
  background:#20202e;
  border:1px solid #2c2c3c;
  border-radius:14px;
  padding:26px 10px;
  text-decoration:none !important;
  transition:transform .15s ease, border-color .15s ease, background .15s ease;
}
ul.wd-my-account-links li a:hover{
  transform:translateY(-3px);
  border-color:#8b7cf6;
  background:rgba(139,124,246,.06);
}
ul.wd-my-account-links .wd-nav-icon{
  width:26px; height:26px; max-height:26px;
  filter:invert(70%) sepia(60%) saturate(900%) hue-rotate(210deg);
}
ul.wd-my-account-links .nav-link-text{
  color:#e8e8f0 !important; font-size:13px; font-weight:600; text-align:center;
}
/* حذف کامل «آدرس» و «روش‌های پرداخت» از کارت‌های پیشخوان */
li.wd-my-acc-edit-address,
li.wd-my-acc-payment-methods{ display:none !important; }
/* کارت خروج، برجسته با رنگ قرمز ملایم */
li.wd-my-acc-customer-logout a{ border-color:rgba(239,68,68,.3); }
li.wd-my-acc-customer-logout .nav-link-text{ color:#f87171 !important; }

/* ---------- جدول سفارش‌ها ---------- */
table.woocommerce-orders-table{ border:none; border-collapse:separate; border-spacing:0; }
table.woocommerce-orders-table thead th{
  background:transparent; border:none; border-bottom:2px solid #2c2c3c;
  color:#9a9ab0; font-size:12.5px; font-weight:700; padding:12px 8px;
}
table.woocommerce-orders-table tbody tr{ border:none; border-bottom:1px solid #2c2c3c; }
table.woocommerce-orders-table tbody tr:hover{ background:rgba(139,124,246,.04); }
table.woocommerce-orders-table td{ border:none; padding:14px 8px; font-size:13.5px; color:#cfcfe0; }
table.woocommerce-orders-table .woocommerce-orders-table__cell-order-number a{ color:#a99bff; font-weight:700; }
/* رنگ وضعیت سفارش — به شکل یک برچسب (بج) رنگی، نه فقط متن رنگی */
mark.order-status{
  display:inline-block !important;
  background:rgba(255,255,255,.06) !important;
  padding:3px 10px !important; border-radius:20px !important;
  font-size:11.5px !important; font-weight:700 !important;
}
.status-completed .woocommerce-orders-table__cell-order-status,
.status-completed .woocommerce-orders-table__cell-order-status mark{ color:#22c55e !important; }
.status-completed .woocommerce-orders-table__cell-order-status mark{ background:rgba(34,197,94,.12) !important; }
.status-cancelled .woocommerce-orders-table__cell-order-status,
.status-cancelled .woocommerce-orders-table__cell-order-status mark,
.status-failed .woocommerce-orders-table__cell-order-status,
.status-failed .woocommerce-orders-table__cell-order-status mark{ color:#ef4444 !important; }
.status-cancelled .woocommerce-orders-table__cell-order-status mark,
.status-failed .woocommerce-orders-table__cell-order-status mark{ background:rgba(239,68,68,.12) !important; }
.status-pending .woocommerce-orders-table__cell-order-status,
.status-pending .woocommerce-orders-table__cell-order-status mark,
.status-on-hold .woocommerce-orders-table__cell-order-status,
.status-on-hold .woocommerce-orders-table__cell-order-status mark{ color:#eab308 !important; }
.status-pending .woocommerce-orders-table__cell-order-status mark,
.status-on-hold .woocommerce-orders-table__cell-order-status mark{ background:rgba(234,179,8,.12) !important; }
/* دکمه «نمایش» */
.woocommerce-orders-table__cell-order-actions .button{
  background:#8b7cf6 !important; color:#fff !important; border:none !important;
  padding:8px 18px !important; border-radius:8px !important; font-size:12.5px !important;
}
.woocommerce-orders-table__cell-order-actions .button:hover{ background:#a99bff !important; }
/* دکمه صفحه بعدی */
.woocommerce-pagination .button{
  background:#20202e !important; color:#e8e8f0 !important; border:1px solid #2c2c3c !important;
  border-radius:10px !important; padding:10px 24px !important;
}
.woocommerce-pagination .button:hover{ border-color:#8b7cf6 !important; }


/* ==========================================================================
   بخش «دانلودها» — کارت‌های تاشو گروه‌بندی‌شده بر اساس سفارش
   (این بخش با فایل جاوااسکریپت archifile-downloads-group.js کار می‌کند؛
   بدون آن فایل، این استایل‌ها هیچ اثری روی صفحه دانلودها ندارند)
   ========================================================================== */
.af-dl-wrapper{ display:flex; flex-direction:column; gap:12px; }

/* نوار جستجو و سورت بالای لیست دانلودها */
.af-dl-toolbar{ display:flex; gap:10px; margin-bottom:14px; flex-wrap:wrap; }
.af-dl-search{
  flex:1 1 220px;
  height:44px !important; min-height:44px !important; max-height:44px !important;
  line-height:44px !important; box-sizing:border-box !important;
  background:#0e0e14 !important; border:1px solid #2c2c3c !important;
  border-radius:10px !important; padding:0 14px !important; margin:0 !important;
  color:#e8e8f0 !important; font-size:13px !important;
}
.af-dl-search::placeholder{ color:#6a6a80; }
.af-dl-search:focus{ outline:none; border-color:#8b7cf6 !important; box-shadow:0 0 0 3px rgba(139,124,246,.25); }
.af-dl-sort{
  height:44px !important; min-height:44px !important; max-height:44px !important;
  box-sizing:border-box !important;
  background:#0e0e14 !important; border:1px solid #2c2c3c !important;
  border-radius:10px !important; padding:0 12px !important; margin:0 !important;
  color:#e8e8f0 !important; font-size:13px !important;
}
.af-dl-no-result{ color:#9a9ab0; font-size:13px; text-align:center; padding:20px; }
@media (max-width:768px){
  .af-dl-toolbar{ flex-direction:column; }
  .af-dl-search, .af-dl-sort{ width:100%; }
}

.af-dl-group{
  background:#1a1a26;
  border:1px solid #2c2c3c;
  border-radius:14px;
  overflow:hidden;
}
.af-dl-group summary{
  list-style:none;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:16px 18px;
  transition:background .15s ease;
}
.af-dl-group summary::-webkit-details-marker{ display:none; }
.af-dl-group summary:hover{ background:rgba(139,124,246,.06); }
.af-dl-group summary::after{
  content:"⌄";
  font-size:18px;
  color:#9a9ab0;
  transition:transform .2s ease;
  flex-shrink:0;
}
.af-dl-group[open] summary::after{ transform:rotate(180deg); }
.af-dl-group-title{ color:#fff; font-weight:700; font-size:14.5px; }
.af-dl-group-meta{ color:#9a9ab0; font-size:12.5px; margin-inline-start:auto; margin-inline-end:10px; }

.af-dl-products{
  padding:4px 18px 16px;
  display:flex; flex-direction:column; gap:10px;
  border-top:1px solid #2c2c3c;
}
.af-dl-product{
  display:flex; align-items:center; justify-content:space-between; gap:14px;
  flex-wrap:wrap;
  padding-top:10px;
}
.af-dl-pname{
  color:#cfcfe0; font-size:13.5px; text-decoration:none; flex:1 1 200px;
  transition:color .15s ease;
}
.af-dl-pname:hover{ color:#a99bff; }
.af-dl-files{ display:flex; flex-wrap:wrap; gap:8px; }
.af-dl-file-btn{
  background:#8b7cf6; color:#fff !important; text-decoration:none;
  font-size:12px; font-weight:700; padding:8px 16px; border-radius:8px;
  white-space:nowrap; transition:background .15s ease;
}
.af-dl-file-btn:hover{ background:#a99bff; }

.af-dl-more-btn{
  background:#20202e; color:#e8e8f0; border:1px solid #2c2c3c;
  border-radius:10px; padding:12px; font-size:13.5px; font-weight:700;
  cursor:pointer; transition:border-color .15s ease;
}
.af-dl-more-btn:hover{ border-color:#8b7cf6; }
.af-dl-hidden-page{ display:none !important; }

@media (max-width:768px){
  .af-dl-group summary{ padding:13px 14px; }
  .af-dl-group-title{ font-size:13px; }
  .af-dl-group-meta{ font-size:11.5px; }
  .af-dl-products{ padding:2px 10px 12px; gap:8px; }

  /* هر محصول یک کارت کوچک جدا با عنوان بالا و دکمه(ها) پایین —
     همه‌ی مقادیر !important هستند چون قالب سایت روی همین المان‌ها
     استایل‌های رقیب با اولویت بالا داره که قبلاً باعث کارت‌های
     نامنظم/بیش‌ازحد بزرگ می‌شد */
  .af-dl-product{
    display:flex !important;
    flex-direction:column !important;
    align-items:stretch !important;
    gap:10px !important;
    padding:12px !important;
    margin:0 !important;
    background:#171722 !important;
    border:1px solid #2c2c3c !important;
    border-radius:10px !important;
    height:auto !important;
    min-height:0 !important;
  }
  .af-dl-pname{
    display:-webkit-box !important;
    -webkit-line-clamp:3 !important;
    -webkit-box-orient:vertical !important;
    overflow:hidden !important;
    font-size:13px !important;
    line-height:1.6 !important;
    max-height:calc(1.6em * 3) !important;
    text-align:justify;
    text-align-last:right;
    margin:0 !important;
    padding:0 !important;
  }
  .af-dl-files{ display:flex !important; gap:8px !important; margin:0 !important; padding:0 !important; }
  .af-dl-file-btn{
    flex:1 1 auto !important;
    text-align:center !important;
    font-size:12px !important;
    padding:9px 10px !important;
    line-height:1.4 !important;
    height:auto !important;
  }
}


/* ==========================================================================
   موبایل (زیر ۷۶۹ پیکسل) — کمترین اسکرول تا رسیدن به هدف
   ========================================================================== */
@media (max-width:768px){

  .wd-my-account-wrapper{ display:block !important; }
  .woocommerce-MyAccount-content,
  .wd-my-account-sidebar{ padding:16px; border-radius:12px; }

  /* عنوان کوچیک‌تر و کم‌فاصله‌تر */
  .woocommerce-MyAccount-title{ font-size:15px !important; margin-bottom:10px !important; padding-bottom:10px; }

  /* منوی کناری روی موبایل — به‌جای اسکرول افقی (که باعث می‌شد بعضی تب‌ها
     دیده نشن)، حالا تب‌ها به‌صورت خودکار به خط بعد می‌رن تا همه‌شون همیشه
     در دید کاربر باشن، بدون نیاز به اسکرول چپ/راست */
  .wd-my-account-sidebar{ margin-bottom:14px; padding:10px; }
  nav.woocommerce-MyAccount-navigation ul{
    flex-direction:row !important;
    flex-wrap:wrap !important;
    overflow-x:visible !important;
    justify-content:center !important;
    gap:6px !important;
  }
  nav.woocommerce-MyAccount-navigation li{ flex:0 0 auto; }
  nav.woocommerce-MyAccount-navigation a{
    padding:7px 12px; font-size:11.5px; white-space:nowrap;
  }

  /* متن توضیحی زیر کارت پروفایل — روی موبایل مخفی می‌شود تا اسکرول کمتر شود
     (این خط با فایل archifile-dashboard-profile.js کلاس af-dashboard-explain می‌گیرد) */
  .af-dashboard-explain{ display:none; }
  .woocommerce-MyAccount-content > p:first-of-type{ font-size:13px; margin-bottom:14px; }

  /* گرید دسترسی سریع — دو ستونه روی موبایل */
  ul.wd-my-account-links{
    grid-template-columns:repeat(2, 1fr) !important;
    gap:10px !important;
  }
  ul.wd-my-account-links li a{ padding:16px 8px; }
  ul.wd-my-account-links .nav-link-text{ font-size:12.5px; }

  /* جدول سفارش‌ها → کارت روی موبایل. این سایت اصلاً ستون «شماره سفارش»
     را در این جدول نشان نمی‌دهد (فقط تاریخ/وضعیت/مجموع هست)، به همین
     دلیل گرید ۲ در ۲ قبلی یک خانه خالی بی‌دلیل ایجاد می‌کرد و به‌هم‌ریخته
     به‌نظر می‌رسید. حالا هر مقدار (برچسب + عدد) خودش یک ردیف کامل و
     تمیز است، مجموع را با فونت درشت‌تر جدا کردیم، و دکمه «نمایش»
     تمام‌عرض پایین کارت می‌آید — کاملاً مرتب و خط‌کشی‌شده. */
  table.woocommerce-orders-table thead{ display:none !important; }
  table.woocommerce-orders-table tbody tr{
    display:flex !important; flex-direction:column !important; gap:9px !important;
    background:#20202e !important; border:1px solid #2c2c3c !important;
    border-radius:14px !important; padding:14px !important; margin-bottom:10px !important;
  }
  table.woocommerce-orders-table td{
    display:flex !important; justify-content:space-between !important; align-items:center !important;
    border:none !important; background:none !important;
    padding:0 !important; margin:0 !important;
    font-size:13px !important; color:#e8e8f0 !important; width:auto !important;
  }
  table.woocommerce-orders-table td::before{
    content:attr(data-title); display:inline-block !important;
    color:#7a7a90 !important; font-size:11px !important; font-weight:700 !important;
    margin:0 !important;
  }
  .woocommerce-orders-table__cell-order-total{
    font-size:16px !important; font-weight:800 !important; color:#a99bff !important;
    padding-top:9px !important; border-top:1px dashed #2c2c3c !important;
  }
  .woocommerce-orders-table__cell-order-actions{
    justify-content:flex-start !important; margin-top:2px !important;
  }
  .woocommerce-orders-table__cell-order-actions::before{ display:none !important; }
  .woocommerce-orders-table__cell-order-actions .button{
    display:block !important; width:100% !important; text-align:center !important;
    padding:11px !important; font-size:13px !important;
  }
}


/* ==========================================================================
   کارت پروفایل بالای پیشخوان (جایگزین خط ساده «سلام حمید لهراسبی...»)
   نیاز به فایل جاوااسکریپت archifile-dashboard-profile.js دارد
   ========================================================================== */
.af-profile-card{
  display:flex; align-items:center; gap:14px;
  background:#20202e; border:1px solid #2c2c3c; border-radius:14px;
  padding:16px 18px; margin-bottom:18px;
}
.af-profile-avatar{
  width:52px; height:52px; border-radius:50%; overflow:hidden; flex-shrink:0;
  background:#8b7cf6; display:flex; align-items:center; justify-content:center;
  color:#fff; font-size:20px; font-weight:800;
}
.af-profile-avatar img{ width:100%; height:100%; object-fit:cover; display:block; }
.af-profile-info{ display:flex; flex-direction:column; gap:4px; }
.af-profile-name{ color:#fff; font-size:15.5px; font-weight:700; }
.af-profile-logout{ color:#9a9ab0; font-size:12px; text-decoration:none; width:fit-content; }
.af-profile-logout:hover{ color:#ef4444; }
@media (max-width:768px){
  .af-profile-card{ padding:12px 14px; gap:10px; margin-bottom:12px; border-radius:12px; }
  .af-profile-avatar{ width:42px; height:42px; font-size:16px; }
  .af-profile-name{ font-size:14px; }
  .af-profile-logout{ font-size:11px; }
}


/* ==========================================================================
   صفحه «اطلاعات حساب کاربری» (my-account/edit-account)
   حذف کامل بخش گذرواژه با فایل archifile-editaccount.js انجام می‌شود؛
   این بخش فقط ظاهر فرم را با تم تیره هماهنگ می‌کند — از کلاس‌ها و
   آی‌دی‌های استاندارد خود ووکامرس استفاده شده (مستقل از قالب)
   ========================================================================== */
.woocommerce-EditAccountForm{
  background:#1a1a26; border:1px solid #2c2c3c; border-radius:16px;
  padding:26px; max-width:640px;
  margin-inline:auto; /* وسط‌چین کردن باکس داخل کادر */
}
/* بخش «تغییر گذرواژه» را مستقیماً با CSS هم مخفی می‌کنیم (نه فقط با
   جاوااسکریپت) — چون CSS خیلی زودتر از اجرای اسکریپت اعمال می‌شود و
   دیگر برای یک لحظه (قبل از اجرای جاوااسکریپت) دیده نمی‌شود */
.woocommerce-EditAccountForm fieldset{ display:none !important; }
/* ردیف آپلود آواتار */
.af-avatar-row input[type="file"]{
  width:100%; box-sizing:border-box;
  background:#0e0e14; border:1px dashed #2c2c3c; border-radius:10px;
  padding:12px; color:#9a9ab0; font-size:12.5px;
}
.af-avatar-preview{
  display:inline-block !important;
  width:64px !important; height:64px !important; max-width:64px !important;
  border-radius:50% !important; overflow:hidden !important;
  border:1px solid #2c2c3c !important; margin:0 0 10px !important;
}
.af-avatar-preview img{
  width:64px !important; height:64px !important; max-width:none !important;
  object-fit:cover !important; display:block !important;
}
/* فیلد شماره موبایل — فقط نمایشی */
#af_phone_display{ opacity:.65; cursor:not-allowed; }
.woocommerce-EditAccountForm .woocommerce-form-row{ margin-bottom:16px; }
.woocommerce-EditAccountForm label{
  display:block; color:#9a9ab0; font-size:12.5px; font-weight:700; margin-bottom:6px;
}
.woocommerce-EditAccountForm .woocommerce-Input{
  width:100%; height:46px; background:#0e0e14; border:1px solid #2c2c3c;
  border-radius:10px; padding:0 16px; color:#e8e8f0; box-sizing:border-box;
}
.woocommerce-EditAccountForm .woocommerce-Input:focus{
  outline:none; border-color:#8b7cf6; box-shadow:0 0 0 3px rgba(139,124,246,.25);
}
.woocommerce-EditAccountForm .woocommerce-form-row small{ color:#9a9ab0; font-size:11.5px; }
.woocommerce-EditAccountForm button[type="submit"]{
  background:#8b7cf6 !important; color:#fff !important; border:none !important;
  height:46px; padding:0 30px !important; border-radius:10px !important;
  font-weight:700 !important; font-size:14px !important;
}
.woocommerce-EditAccountForm button[type="submit"]:hover{ background:#a99bff !important; }
@media (max-width:768px){
  .woocommerce-EditAccountForm{ padding:16px; border-radius:12px; }
}


/* ==========================================================================
   تب/دکمه پشتیبانی (تلگرام و بله) در منوی حساب کاربری
   نیاز به فایل archifile-account-extras.js دارد
   ========================================================================== */
.af-support-link{ position:relative; }
/* دکمه پشتیبانی، بولدتر و با رنگ سبز متمایز تا در منو راحت دیده بشه */
.af-support-toggle{
  color:#22c55e !important;
  font-weight:800 !important;
}
.af-support-toggle:hover{ background:rgba(34,197,94,.1) !important; color:#22c55e !important; }
.af-support-popover{
  display:none; position:absolute; inset-inline-start:0; top:calc(100% + 6px);
  background:#20202e; border:1px solid #2c2c3c; border-radius:12px; padding:10px;
  z-index:60; min-width:190px; flex-direction:column; gap:6px;
  box-shadow:0 10px 24px rgba(0,0,0,.35);
}
.af-support-popover.af-open{ display:flex; }
.af-support-popover a{
  display:flex; align-items:center; gap:8px;
  color:#e8e8f0 !important; text-decoration:none !important;
  padding:9px 10px; border-radius:8px; font-size:13px;
}
.af-support-popover a:hover{ background:rgba(139,124,246,.08); }
@media (max-width:768px){
  /* روی موبایل، نوار منو overflow دارد و پاپ‌آپ absolute داخلش کاملاً
     نامرئی می‌شد (کلیک «چیزی باز نمی‌کرد» چون واقعاً باز می‌شد ولی دیده
     نمی‌شد). این‌جا پاپ‌آپ را از حالت dropdown به یک پنل ثابت پایین صفحه
     (bottom sheet) تبدیل کردیم که به نوار منو وابسته نیست */
  .af-support-popover{
    display:none !important;
    position:fixed !important;
    inset-inline-start:16px !important; inset-inline-end:16px !important;
    top:auto !important; bottom:16px !important;
    border-radius:16px !important; z-index:9998 !important;
    min-width:0 !important;
  }
  .af-support-popover.af-open{ display:flex !important; }
  .af-support-popover a{ font-size:14px; padding:12px; }
}

/* ==========================================================================
   پیام شناور «دانلود شروع شد» — برای جلوگیری از کلیک مکرر روی دکمه‌های دانلود
   نیاز به فایل archifile-account-extras.js دارد
   ========================================================================== */
.af-dl-toast{
  position:fixed; bottom:24px; left:50%;
  transform:translateX(-50%) translateY(140%);
  background:#1a1a26; border:1px solid #8b7cf6; color:#e8e8f0;
  padding:12px 16px; border-radius:12px; font-size:13px; line-height:1.7;
  max-width:min(92vw, 380px);
  box-shadow:0 10px 28px rgba(0,0,0,.4); z-index:9999;
  transition:transform .3s ease;
  display:flex; align-items:center; gap:10px;
}
.af-dl-toast.af-show{ transform:translateX(-50%) translateY(0); }
.af-dl-toast .af-dl-toast-close{
  background:none; border:none; color:#9a9ab0; font-size:16px; cursor:pointer;
  flex-shrink:0; line-height:1;
}
@media (max-width:768px){
  .af-dl-toast{ bottom:72px; font-size:12px; padding:11px 14px; }
}