/* ===== Arna Account UI ===== */
.arna-account{
  --arna-bg:#f5f4fb; --arna-card:#fff; --arna-text:#25223a; --arna-muted:#7d7a93;
  --arna-border:#ebe9f5; --arna-radius:18px; --arna-shadow:0 8px 30px rgba(60,40,140,.08);
}
.arna-account .woocommerce{
  display:grid; grid-template-columns:290px minmax(0,1fr); grid-template-rows:auto auto 1fr; column-gap:28px; row-gap:0; align-items:start;
  direction:rtl; text-align:right;
  font-family:Vazirmatn,IRANSans,IRANYekan,Tahoma,sans-serif; color:var(--arna-text);
  padding:10px 0;
}
.arna-account .woocommerce *{font-family:inherit}
.arna-account .woocommerce > *{min-width:0}
.arna-account .woocommerce-notices-wrapper{grid-column:1 / -1;grid-row:1}
.arna-account .woocommerce-notices-wrapper:not(:empty){margin-bottom:18px}

/* کارت پروفایل + منو (ستون راست) */
.arna-account .arna-profile,
.arna-account .woocommerce-MyAccount-navigation{
  grid-column:1; background:var(--arna-card); box-shadow:var(--arna-shadow);
  border-radius:var(--arna-radius); width:auto!important; float:none!important;
}
.arna-profile{
  text-align:center; padding:26px 20px 22px; margin-bottom:0; grid-row:2;
  background:linear-gradient(135deg,var(--arna-primary),#9b6bff)!important; color:#fff;
  border-bottom-left-radius:0!important; border-bottom-right-radius:0!important;
}
.arna-profile .arna-avatar{border-radius:50%;border:4px solid rgba(255,255,255,.55);width:84px;height:84px}
.arna-profile__name{font-weight:800;font-size:18px;margin-top:10px}
.arna-profile__mail{font-size:12.5px;opacity:.85;direction:ltr}

.woocommerce-MyAccount-navigation{padding:14px 12px 12px;position:relative}
.arna-account .woocommerce-MyAccount-navigation{grid-row:3;border-top-left-radius:0!important;border-top-right-radius:0!important;min-width:0}
.woocommerce-MyAccount-navigation ul{list-style:none;margin:0;padding:0}
.woocommerce-MyAccount-navigation li{margin:4px 0;padding:0;border:0}
.woocommerce-MyAccount-navigation li a{
  display:flex; align-items:center; gap:12px; padding:12px 14px; border-radius:12px;
  color:var(--arna-text); text-decoration:none; font-weight:600; font-size:14.5px;
  transition:.2s ease;
}
.woocommerce-MyAccount-navigation li a::before{
  content:""; width:20px; height:20px; flex:none; background:currentColor; opacity:.75;
  -webkit-mask:var(--ico) center/contain no-repeat; mask:var(--ico) center/contain no-repeat;
  --ico:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><circle cx='12' cy='12' r='9'/></svg>");
}
.woocommerce-MyAccount-navigation li a:hover{background:var(--arna-bg);color:var(--arna-primary);transform:translateX(-3px)}
.woocommerce-MyAccount-navigation li.is-active a{
  background:var(--arna-primary); color:#fff; box-shadow:0 6px 16px rgba(108,61,244,.35);
}
.woocommerce-MyAccount-navigation li.is-active a::before{opacity:1}

/* آیکن‌ها */
.woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--dashboard a::before{--ico:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M3 11l9-8 9 8v10a1 1 0 01-1 1h-5v-7H9v7H4a1 1 0 01-1-1z'/></svg>")}
.woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--orders a::before{--ico:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M6 2l-2 4v14a2 2 0 002 2h12a2 2 0 002-2V6l-2-4zM4 6h16M9 10a3 3 0 006 0' fill='none' stroke='black' stroke-width='2'/></svg>")}
.woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--downloads a::before{--ico:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M12 3v12m0 0l-4-4m4 4l4-4M4 21h16' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'/></svg>")}
.woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--edit-address a::before{--ico:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M12 22s8-7 8-13a8 8 0 10-16 0c0 6 8 13 8 13z'/><circle cx='12' cy='9' r='3' fill='white'/></svg>")}
.woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--edit-account a::before{--ico:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><circle cx='12' cy='8' r='4'/><path d='M4 21a8 8 0 0116 0z'/></svg>")}
.woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--customer-logout a::before{--ico:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M9 21H5a2 2 0 01-2-2V5a2 2 0 012-2h4M16 17l5-5-5-5M21 12H9' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'/></svg>")}
.woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--customer-logout a{color:#e5484d}
.woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--customer-logout a:hover{background:#fdecec;color:#e5484d}

/* محتوای اصلی (ستون چپ) */
.woocommerce-MyAccount-content{
  grid-column:2; grid-row:2 / span 2; min-width:0; width:auto!important; float:none!important;
  background:var(--arna-card); border-radius:var(--arna-radius); box-shadow:var(--arna-shadow);
  padding:30px; min-height:320px;
}
.arna-dash .woocommerce-MyAccount-content > p{display:none} /* متن خشک پیش‌فرض داشبورد */
.arna-account .woocommerce-MyAccount-content h2,
.arna-account .woocommerce-MyAccount-content h3{font-weight:800;margin-top:0}

.arna-account .woocommerce-MyAccount-content img{max-width:100%;height:auto}

/* هیرو و کارت‌های آمار */
.arna-hero{
  background:linear-gradient(120deg,var(--arna-primary),var(--arna-accent));
  color:#fff; border-radius:16px; padding:26px 28px; margin-bottom:22px; position:relative; overflow:hidden;
}
.arna-hero::after{content:"";position:absolute;left:-40px;top:-40px;width:160px;height:160px;border-radius:50%;background:rgba(255,255,255,.14)}
.arna-hero h2{color:#fff!important;margin:0 0 6px;font-size:22px}
.arna-hero p{margin:0;opacity:.92;font-size:14px;line-height:1.9}
.arna-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px}
.arna-stat{
  display:flex;flex-direction:column;align-items:center;gap:6px;padding:20px 10px;border-radius:16px;
  background:var(--arna-bg);border:1px solid var(--arna-border);text-decoration:none;color:var(--arna-text);transition:.2s;
}
.arna-stat:hover{transform:translateY(-4px);box-shadow:var(--arna-shadow);border-color:var(--arna-primary)}
.arna-stat__num{font-size:28px;font-weight:800;color:var(--arna-primary)}
.arna-stat__label{font-size:13px;color:var(--arna-muted)}

/* جدول‌ها (سفارش‌ها، دانلودها) */
.arna-account table.shop_table{border:0!important;border-collapse:separate;border-spacing:0 10px;width:100%}
.arna-account table.shop_table thead th{background:transparent;border:0;color:var(--arna-muted);font-size:13px;font-weight:700;padding:6px 14px}
.arna-account table.shop_table td,
.arna-account table.shop_table tbody th{background:var(--arna-bg);border:0!important;padding:14px!important;font-size:14px}
.arna-account table.shop_table tr td:first-child,.arna-account table.shop_table tr th:first-child{border-radius:0 12px 12px 0}
.arna-account table.shop_table tr td:last-child{border-radius:12px 0 0 12px}

/* دکمه‌ها */
.arna-account .woocommerce a.button,
.arna-account .woocommerce button.button,
.arna-account .woocommerce input.button{
  background:var(--arna-primary)!important;color:#fff!important;border:0!important;border-radius:12px!important;
  padding:11px 20px!important;font-weight:700!important;font-size:13.5px!important;
  box-shadow:0 6px 14px rgba(108,61,244,.28);transition:.2s;
}
.arna-account .woocommerce a.button:hover,
.arna-account .woocommerce button.button:hover{transform:translateY(-2px);filter:brightness(1.08)}

/* فرم‌ها */
.arna-account .woocommerce form .form-row input.input-text,
.arna-account .woocommerce form .form-row textarea,
.arna-account .woocommerce form .form-row select{
  border:1.5px solid var(--arna-border);background:#fff;border-radius:12px;padding:12px 14px;font-size:14px;transition:.2s;width:100%;
}
.arna-account .woocommerce form .form-row input.input-text:focus,
.arna-account .woocommerce form .form-row textarea:focus{border-color:var(--arna-primary);box-shadow:0 0 0 4px rgba(108,61,244,.12);outline:0}
.arna-account .woocommerce form .form-row label{font-weight:600;font-size:13px;margin-bottom:6px}
.arna-account .woocommerce fieldset{border:1.5px dashed var(--arna-border);border-radius:14px;padding:16px;margin-top:20px}

/* آدرس‌ها و پیام‌ها */
.arna-account .woocommerce-Address{background:var(--arna-bg);border-radius:14px;padding:18px}
.arna-account .woocommerce-info,.arna-account .woocommerce-message,.arna-account .woocommerce-error{
  border:0!important;border-radius:12px;background:var(--arna-bg)!important;border-right:4px solid var(--arna-primary)!important;padding:14px 18px!important;
}
.arna-account .woocommerce-error{border-right-color:#e5484d!important}

/* موبایل / تبلت */
@media (max-width:820px){
  .arna-account .woocommerce{grid-template-columns:minmax(0,1fr);grid-template-rows:none;padding:0}
  .arna-account .woocommerce-notices-wrapper,
  .arna-account .arna-profile,
  .arna-account .woocommerce-MyAccount-navigation,
  .arna-account .woocommerce-MyAccount-content{grid-column:1;grid-row:auto}
  .arna-account .woocommerce-MyAccount-content{margin-top:16px;padding:18px 16px;min-height:0}

  /* کارت پروفایل فشرده: آواتار کنار نام */
  .arna-account .arna-profile{display:grid;grid-template-columns:56px minmax(0,1fr);column-gap:14px;align-items:center;text-align:right;padding:16px 18px}
  .arna-profile .arna-avatar{grid-row:1 / span 2;width:56px;height:56px;border-width:3px}
  .arna-profile__name{margin-top:0;font-size:16px;align-self:end}
  .arna-profile__mail{align-self:start;text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

  /* منوی موبایل: آیتم‌ها زیر هم (بدون اسکرول افقی) */
  .arna-account .woocommerce-MyAccount-navigation{padding:10px 12px 12px;overflow:visible}
  .arna-account .woocommerce-MyAccount-navigation ul{display:flex;flex-direction:column;gap:6px;overflow:visible;padding:0}
  .arna-account .woocommerce-MyAccount-navigation li{flex:none;width:100%;margin:0}
  .arna-account .woocommerce-MyAccount-navigation li a{width:100%;box-sizing:border-box;white-space:normal;padding:12px 14px;font-size:14px;gap:12px}
  .arna-account .woocommerce-MyAccount-navigation li:not(.is-active) a{background:var(--arna-bg)}
  .arna-account .woocommerce-MyAccount-navigation li a:hover{transform:none}

  /* داشبورد */
  .arna-hero{padding:20px 18px}
  .arna-hero h2{font-size:19px}
  .arna-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
  .arna-stat{padding:14px 6px;border-radius:14px}
  .arna-stat__num{font-size:22px}
  .arna-stat__label{font-size:11.5px;text-align:center}

  /* جدول‌های ریسپانسیو (سفارش‌ها، دانلودها) → کارت */
  .arna-account table.shop_table_responsive,
  .arna-account table.shop_table_responsive tbody{display:block;border-spacing:0;width:100%}
  .arna-account table.shop_table_responsive thead{display:none}
  .arna-account table.shop_table_responsive tr{display:block;background:var(--arna-bg);border-radius:14px;padding:4px 14px;margin-bottom:12px}
  .arna-account table.shop_table_responsive tr td,
  .arna-account table.shop_table_responsive tr th{
    display:flex!important;justify-content:space-between;align-items:center;gap:12px;
    background:transparent!important;border-radius:0!important;border-bottom:1px dashed var(--arna-border)!important;
    padding:11px 0!important;text-align:left!important;
  }
  .arna-account table.shop_table_responsive tr td:last-child{border-bottom:0!important}
  .arna-account table.shop_table_responsive tr td::before,
  .arna-account table.shop_table_responsive tr th::before{
    content:attr(data-title)!important;float:none!important;flex:none;font-weight:700;font-size:12.5px;color:var(--arna-muted);
  }
  .arna-account table.shop_table_responsive td.woocommerce-orders-table__cell-order-actions{flex-wrap:wrap;justify-content:stretch;gap:8px}
  .arna-account table.shop_table_responsive td.woocommerce-orders-table__cell-order-actions::before{display:none}
  .arna-account table.shop_table_responsive td.woocommerce-orders-table__cell-order-actions .button{flex:1 1 auto;text-align:center;margin:0}
  /* جدول‌های غیرریسپانسیو (جزئیات سفارش): اسکرول افقی داخل کارت */
  .arna-account table.shop_table:not(.shop_table_responsive){display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}

  /* فرم‌ها و آدرس‌ها */
  .arna-account .woocommerce form .form-row-first,
  .arna-account .woocommerce form .form-row-last,
  .arna-account .woocommerce form .form-row-wide{width:100%!important;float:none!important}
  .arna-account .woocommerce form .form-row input.input-text,
  .arna-account .woocommerce form .form-row select,
  .arna-account .woocommerce form .form-row textarea{font-size:16px}
  .arna-account .woocommerce fieldset{padding:14px}
  .arna-account .woocommerce-Addresses .u-column1,
  .arna-account .woocommerce-Addresses .u-column2,
  .arna-account .woocommerce-Addresses .col-1,
  .arna-account .woocommerce-Addresses .col-2{float:none!important;width:100%!important;margin-bottom:14px}
  .arna-account .woocommerce-Address-title{display:flex;justify-content:space-between;align-items:center;gap:10px}
  .arna-account .woocommerce-Address-title a.edit{float:none!important}
  .arna-account .woocommerce-Address-title h3{margin:0 0 8px}

  /* کتاب‌های من: دو ستون */
  .arna-account .arna-books{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .arna-account .arna-book{padding:12px}
}

/* ===== کتاب‌های من ===== */
.woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--my-books a::before{--ico:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M4 4a2 2 0 012-2h13v18H6a2 2 0 00-2 2zM4 20a2 2 0 012-2h13' fill='none' stroke='black' stroke-width='2'/></svg>")}
.arna-books{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:18px;margin-top:18px}
.arna-book{
  display:flex;flex-direction:column;align-items:center;gap:12px;padding:16px;text-align:center;
  background:var(--arna-bg);border:1px solid var(--arna-border);border-radius:16px;transition:.2s;
}
.arna-book:hover{transform:translateY(-5px);box-shadow:var(--arna-shadow)}
.arna-book__cover img{width:100%;max-width:140px;height:auto;border-radius:10px;box-shadow:0 10px 24px rgba(40,30,90,.22);display:block;margin:0 auto}
.arna-book__title{font-weight:700;font-size:14px;line-height:1.7;min-height:48px}
.arna-account .arna-book .arna-book__btn{width:100%;box-sizing:border-box;text-align:center;padding-left:8px!important;padding-right:8px!important}
.arna-book{min-width:0}
