/**
 * اسکرول تمیز برنددار برای زیرسایت‌ها
 * جایگزین اسکرول ضخیم سیستم‌عامل (با فلش و رنگ تند)
 */

html.parsysm-subportal-root {
  --parsysm-scroll-thumb: color-mix(in srgb, var(--parsysm-primary, #157c6a) 42%, #9aa8a3);
  --parsysm-scroll-thumb-hover: color-mix(in srgb, var(--parsysm-primary, #157c6a) 72%, #6b7a74);
  --parsysm-scroll-track: color-mix(in srgb, var(--parsysm-primary, #157c6a) 6%, transparent);
}

html.parsysm-subportal-root[data-theme="dark"] {
  --parsysm-scroll-thumb: color-mix(in srgb, var(--parsysm-primary, #52c9ae) 45%, #5a6a64);
  --parsysm-scroll-thumb-hover: color-mix(in srgb, var(--parsysm-primary, #52c9ae) 70%, #889892);
  --parsysm-scroll-track: color-mix(in srgb, var(--parsysm-primary, #52c9ae) 10%, transparent);
}

/* پایه pretty */
html.parsysm-subportal-root .parsysm-scroll-pretty,
html.parsysm-subportal-root #customerForms .parsysm-drawer__body--account,
html.parsysm-subportal-root #customerForms .aside-content,
html.parsysm-subportal-root .footer-pro__links-scroll,
html.parsysm-subportal-root .parsysm-municipal-hub__scroll,
html.parsysm-subportal-root .parsysm-subsite-switcher__list,
html.parsysm-subportal-root .parsysm-hirkan-timeline,
html.parsysm-subportal-root .parsysm-hirkan-detail__scroll,
html.parsysm-subportal-root .address-list,
html.parsysm-subportal-root #addressList {
  scroll-behavior: smooth;
  scrollbar-width: thin !important;
  scrollbar-color: var(--parsysm-scroll-thumb) var(--parsysm-scroll-track) !important;
}

html.parsysm-subportal-root .parsysm-scroll-pretty::-webkit-scrollbar,
html.parsysm-subportal-root #customerForms .parsysm-drawer__body--account::-webkit-scrollbar,
html.parsysm-subportal-root #customerForms .aside-content::-webkit-scrollbar,
html.parsysm-subportal-root .footer-pro__links-scroll::-webkit-scrollbar,
html.parsysm-subportal-root .parsysm-municipal-hub__scroll::-webkit-scrollbar,
html.parsysm-subportal-root .parsysm-subsite-switcher__list::-webkit-scrollbar,
html.parsysm-subportal-root .parsysm-hirkan-timeline::-webkit-scrollbar,
html.parsysm-subportal-root .parsysm-hirkan-detail__scroll::-webkit-scrollbar,
html.parsysm-subportal-root .address-list::-webkit-scrollbar,
html.parsysm-subportal-root #addressList::-webkit-scrollbar {
  width: 7px !important;
  height: 7px !important;
  background: transparent !important;
}

html.parsysm-subportal-root .parsysm-scroll-pretty::-webkit-scrollbar-button,
html.parsysm-subportal-root #customerForms .parsysm-drawer__body--account::-webkit-scrollbar-button,
html.parsysm-subportal-root #customerForms .aside-content::-webkit-scrollbar-button,
html.parsysm-subportal-root .footer-pro__links-scroll::-webkit-scrollbar-button,
html.parsysm-subportal-root .parsysm-municipal-hub__scroll::-webkit-scrollbar-button,
html.parsysm-subportal-root .parsysm-subsite-switcher__list::-webkit-scrollbar-button,
html.parsysm-subportal-root .parsysm-hirkan-timeline::-webkit-scrollbar-button,
html.parsysm-subportal-root .parsysm-hirkan-detail__scroll::-webkit-scrollbar-button,
html.parsysm-subportal-root .address-list::-webkit-scrollbar-button,
html.parsysm-subportal-root #addressList::-webkit-scrollbar-button {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
}

html.parsysm-subportal-root .parsysm-scroll-pretty::-webkit-scrollbar-track,
html.parsysm-subportal-root #customerForms .parsysm-drawer__body--account::-webkit-scrollbar-track,
html.parsysm-subportal-root #customerForms .aside-content::-webkit-scrollbar-track,
html.parsysm-subportal-root .footer-pro__links-scroll::-webkit-scrollbar-track,
html.parsysm-subportal-root .parsysm-municipal-hub__scroll::-webkit-scrollbar-track,
html.parsysm-subportal-root .parsysm-subsite-switcher__list::-webkit-scrollbar-track,
html.parsysm-subportal-root .parsysm-hirkan-timeline::-webkit-scrollbar-track,
html.parsysm-subportal-root .parsysm-hirkan-detail__scroll::-webkit-scrollbar-track,
html.parsysm-subportal-root .address-list::-webkit-scrollbar-track,
html.parsysm-subportal-root #addressList::-webkit-scrollbar-track {
  background: var(--parsysm-scroll-track) !important;
  border-radius: 999px !important;
}

html.parsysm-subportal-root .parsysm-scroll-pretty::-webkit-scrollbar-thumb,
html.parsysm-subportal-root #customerForms .parsysm-drawer__body--account::-webkit-scrollbar-thumb,
html.parsysm-subportal-root #customerForms .aside-content::-webkit-scrollbar-thumb,
html.parsysm-subportal-root .footer-pro__links-scroll::-webkit-scrollbar-thumb,
html.parsysm-subportal-root .parsysm-municipal-hub__scroll::-webkit-scrollbar-thumb,
html.parsysm-subportal-root .parsysm-subsite-switcher__list::-webkit-scrollbar-thumb,
html.parsysm-subportal-root .parsysm-hirkan-timeline::-webkit-scrollbar-thumb,
html.parsysm-subportal-root .parsysm-hirkan-detail__scroll::-webkit-scrollbar-thumb,
html.parsysm-subportal-root .address-list::-webkit-scrollbar-thumb,
html.parsysm-subportal-root #addressList::-webkit-scrollbar-thumb {
  background: var(--parsysm-scroll-thumb) !important;
  border-radius: 999px !important;
  border: 2px solid transparent !important;
  background-clip: padding-box !important;
  min-height: 36px;
}

html.parsysm-subportal-root .parsysm-scroll-pretty::-webkit-scrollbar-thumb:hover,
html.parsysm-subportal-root #customerForms .parsysm-drawer__body--account::-webkit-scrollbar-thumb:hover,
html.parsysm-subportal-root #customerForms .aside-content::-webkit-scrollbar-thumb:hover,
html.parsysm-subportal-root .footer-pro__links-scroll::-webkit-scrollbar-thumb:hover,
html.parsysm-subportal-root .parsysm-municipal-hub__scroll::-webkit-scrollbar-thumb:hover,
html.parsysm-subportal-root .parsysm-subsite-switcher__list::-webkit-scrollbar-thumb:hover,
html.parsysm-subportal-root .parsysm-hirkan-timeline::-webkit-scrollbar-thumb:hover,
html.parsysm-subportal-root .parsysm-hirkan-detail__scroll::-webkit-scrollbar-thumb:hover,
html.parsysm-subportal-root .address-list::-webkit-scrollbar-thumb:hover,
html.parsysm-subportal-root #addressList::-webkit-scrollbar-thumb:hover {
  background: var(--parsysm-scroll-thumb-hover) !important;
  background-clip: padding-box !important;
}

html.parsysm-subportal-root .parsysm-scroll-pretty::-webkit-scrollbar-corner,
html.parsysm-subportal-root #customerForms .parsysm-drawer__body--account::-webkit-scrollbar-corner,
html.parsysm-subportal-root #customerForms .aside-content::-webkit-scrollbar-corner,
html.parsysm-subportal-root .footer-pro__links-scroll::-webkit-scrollbar-corner {
  background: transparent !important;
}

/* کارت‌های پنل شهروندی — بوردر برنددار صریح */
html.parsysm-subportal-root .parsysm-account-stat,
html.parsysm-subportal-root .parsysm-account-quick__item,
html.parsysm-subportal-root .parsysm-account-profile,
html.parsysm-subportal-root .parsysm-account-promo,
html.parsysm-subportal-root #customerForms .parsysm-account-orders__item,
html.parsysm-subportal-root #customerForms .parsysm-account-menu-list {
  border-color: var(--parsysm-border) !important;
}

html.parsysm-subportal-root .parsysm-account-quick__icon {
  border-color: color-mix(in srgb, var(--parsysm-primary) 22%, transparent) !important;
  background: color-mix(in srgb, var(--parsysm-primary) 10%, #fff) !important;
  color: var(--parsysm-primary) !important;
}

html.parsysm-subportal-root .parsysm-account-tier-bar__track {
  background: color-mix(in srgb, var(--parsysm-primary) 12%, #e8eeec) !important;
}

html.parsysm-subportal-root[data-theme="dark"] .parsysm-account-quick__icon {
  background: color-mix(in srgb, var(--parsysm-primary) 16%, transparent) !important;
}

html.parsysm-subportal-root[data-theme="dark"] .parsysm-account-tier-bar__track {
  background: color-mix(in srgb, var(--parsysm-primary) 18%, #1a2421) !important;
}