/* ===========================================================
   ASWAQ360 | SURECART CUSTOMER DASHBOARD | v1.2.20 UNIFIED
   Page ID: 484
   SureCart Dark Mode: ON
   Integrated original approved v13 design + one responsive controller
   =========================================================== */

/* 01 — BRAND COLORS */

body.page-id-484 {
  --a360-bg: #070e1a;
  --a360-side: #0b1c2e;
  --a360-panel: #10283f;
  --a360-panel-bottom: #0d1e30;
  --a360-selected: #173b5c;
  --a360-blue: #65b4ff;
  --a360-white: #f5f9ff;
  --a360-muted: #c2d3e7;
  --a360-border: rgba(101,180,255,.24);

  --sc-color-neutral-950: #070e1a;
  --sc-color-neutral-900: #0b1c2e;
  --sc-color-neutral-800: #102338;
  --sc-color-neutral-700: #27435c;

  --sc-color-gray-950: #070e1a;
  --sc-color-gray-900: #0b1c2e;
  --sc-color-gray-800: #102338;
  --sc-color-gray-700: #27435c;
  --sc-color-gray-600: #e0edfa;
  --sc-color-gray-500: #c2d3e7;
  --sc-color-gray-400: #c2d3e7;
  --sc-color-gray-300: #e0edfa;
  --sc-color-gray-200: #f5f9ff;

  --sc-color-brand-primary: #65b4ff;
  --sc-panel-background-color: #102338;
  --sc-panel-border-color: rgba(101,180,255,.24);
  --sc-card-background-color: #102338;
  --sc-tab-active-background: #173b5c;
  --sc-empty-color: #c2d3e7;
  --sc-empty-icon-color: #65b4ff;

  --sc-font-sans:
    'Manrope','Segoe UI',Arial,sans-serif;

  background: var(--a360-bg) !important;
  color: var(--a360-white);
}

/* 02 — EXISTING SIDEBAR */

body.page-id-484 :is(
  .sc-dashboard-sidebar,
  .surecart-dashboard-sidebar,
  .customer-dashboard-sidebar,
  .sc-customer-dashboard-sidebar,
  .sc-dashboard__sidebar,
  .surecart-dashboard__sidebar,
  [class*="dashboard-sidebar" i],
  [class*="dashboard__sidebar" i],
  [class*="customer-dashboard-nav" i],
  sc-dashboard-sidebar,
  sc-customer-dashboard-sidebar,
  aside:has(sc-tab)
) {
  background: var(--a360-side) !important;
  color: var(--a360-white) !important;
  border-color: rgba(101,180,255,.20) !important;
}

body.page-id-484 sc-customer-dashboard::part(sidebar),
body.page-id-484 sc-dashboard::part(sidebar),
body.page-id-484 sc-dashboard-sidebar::part(base),
body.page-id-484 sc-customer-dashboard-sidebar::part(base) {
  background: var(--a360-side) !important;
  color: var(--a360-white) !important;
}

body.page-id-484 sc-tab {
  color: #dceaf7;
  font-family:
    'Manrope','Segoe UI',Arial,sans-serif;
  font-size: 14px;
  line-height: 1.5;
}

body.page-id-484 sc-tab::part(base) {
  color: #dceaf7;
  border-radius: 8px;
}

body.page-id-484 sc-tab::part(prefix),
body.page-id-484 sc-tab sc-icon {
  color: #83c8ff;
}

body.page-id-484
sc-tab:not([disabled]):hover::part(base) {
  background: rgba(101,180,255,.09);
  color: #fff;
}

body.page-id-484 sc-tab[active]::part(base) {
  background: var(--a360-selected);
  color: #fff;
  box-shadow:
    inset 3px 0 0 var(--a360-blue);
}

body.page-id-484 sc-tab[active]::part(prefix) {
  color: #83c8ff;
}

body.page-id-484 :is(
  .sc-dashboard-sidebar,
  .surecart-dashboard-sidebar,
  .customer-dashboard-sidebar,
  [class*="dashboard-sidebar" i],
  sc-dashboard-sidebar,
  aside:has(sc-tab)
) a {
  color: #dceaf7;
}

body.page-id-484 :is(
  .sc-dashboard-sidebar,
  .surecart-dashboard-sidebar,
  .customer-dashboard-sidebar,
  [class*="dashboard-sidebar" i],
  sc-dashboard-sidebar,
  aside:has(sc-tab)
) a:hover {
  color: #fff;
}

/* 03 — CONTENT AREA */

body.page-id-484 :is(
  .sc-dashboard-content,
  .surecart-dashboard-content,
  .customer-dashboard-content,
  .sc-dashboard__content,
  .surecart-dashboard__content,
  [class*="dashboard-main" i],
  [class*="dashboard__main" i]
) {
  box-sizing: border-box;
  width: 100% !important;
  max-width: 920px !important;
  min-width: 0;
  margin-inline: auto !important;
  padding-inline: clamp(12px,2.1vw,28px);
}

body.page-id-484 :is(
  div,section,article,
  .wp-block-group,.wp-block-column
):has(>
  :is(
    sc-subscriptions-list,
    sc-orders-list,
    sc-invoices-list,
    sc-downloads-list,
    sc-dashboard-downloads-list,
    sc-purchase-downloads-list
  )
) {
  box-sizing: border-box;
  width: 100% !important;
  max-width: 920px !important;
  min-width: 0;
  margin-inline: auto;
}

/* 04 — FOUR DASHBOARD CARDS */

body.page-id-484 :is(
  sc-subscriptions-list,
  sc-orders-list,
  sc-invoices-list,
  sc-downloads-list,
  sc-dashboard-downloads-list,
  sc-purchase-downloads-list,
  .wp-block-surecart-customer-subscriptions,
  .wp-block-surecart-customer-orders,
  .wp-block-surecart-customer-invoices,
  .wp-block-surecart-customer-downloads
) {
  display: block;
  box-sizing: border-box;
  width: 100% !important;
  max-width: none !important;
  min-width: 0;
  margin: 0 0 18px !important;
  padding: clamp(21px,2vw,29px) !important;
  min-height: 154px;

  background:
    linear-gradient(
      145deg,
      var(--a360-panel),
      var(--a360-panel-bottom)
    ) !important;

  border:
    1px solid var(--a360-border) !important;

  border-radius: 15px !important;
  box-shadow: 0 10px 28px rgba(0,0,0,.13);
  color: #e6f0fa !important;

  --sc-font-size-small: 15px;
  --sc-font-size-medium: 16px;
  --sc-color-gray-500: #c2d3e7;
  --sc-color-gray-600: #e0edfa;
  --sc-color-brand-heading: #f5f9ff;
  --sc-color-brand-body: #e0edfa;
  --sc-color-brand-subheading: #c2d3e7;
}

/* PREVENT NESTED CARDS */

body.page-id-484 :is(
  .wp-block-surecart-customer-subscriptions,
  .wp-block-surecart-customer-orders,
  .wp-block-surecart-customer-invoices,
  .wp-block-surecart-customer-downloads
) :is(
  sc-subscriptions-list,
  sc-orders-list,
  sc-invoices-list,
  sc-downloads-list,
  sc-dashboard-downloads-list,
  sc-purchase-downloads-list
) {
  padding: 0 !important;
  margin: 0 !important;
  min-height: 0;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
}

/* INNER DASHBOARD MODULE */

body.page-id-484 :is(
  sc-subscriptions-list,
  sc-orders-list,
  sc-invoices-list,
  sc-downloads-list,
  sc-dashboard-downloads-list,
  sc-purchase-downloads-list,
  .wp-block-surecart-customer-subscriptions,
  .wp-block-surecart-customer-orders,
  .wp-block-surecart-customer-invoices,
  .wp-block-surecart-customer-downloads
) sc-dashboard-module {
  display: block;
  width: 100%;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* 05 — CARD HEADINGS */

body.page-id-484
sc-dashboard-module::part(heading-title) {
  color: var(--a360-white) !important;
  font-size:
    clamp(18px,1.25vw,21px) !important;
  font-weight: 750 !important;
  line-height: 1.5 !important;
}

body.page-id-484
sc-dashboard-module::part(heading) {
  padding-bottom: 13px;
  margin-bottom: 14px;
  border-bottom:
    1px solid rgba(101,180,255,.24);
}

body.page-id-484 :is(
  .wp-block-surecart-customer-subscriptions,
  .wp-block-surecart-customer-orders,
  .wp-block-surecart-customer-invoices,
  .wp-block-surecart-customer-downloads
) :is(h2,h3,h4) {
  color: var(--a360-white) !important;
  font-size:
    clamp(18px,1.25vw,21px) !important;
  line-height: 1.5 !important;
  font-weight: 750 !important;
}

/* 06 — EMPTY STATES */

body.page-id-484 sc-empty {
  display: block;
  text-align: center;
  color: #d3e2f1 !important;
  font-size: 15px !important;
  line-height: 1.65;
}

body.page-id-484 sc-empty::part(base) {
  min-height: 75px;
  padding: 12px 8px;
  color: #d3e2f1 !important;
}

body.page-id-484
sc-empty::part(description) {
  font-size: 15px !important;
  line-height: 1.65 !important;
  color: #d3e2f1 !important;
  opacity: 1 !important;
}

body.page-id-484
sc-empty::part(icon) {
  color: var(--a360-blue) !important;
  opacity: 1 !important;
}

body.page-id-484
sc-card::part(base) {
  background: var(--a360-panel-bottom);
  color: #e6f0fa;
  border-color: rgba(101,180,255,.20);
  border-radius: 11px;
}

body.page-id-484
sc-stacked-list-row::part(base) {
  color: #e6f0fa;
}

body.page-id-484
sc-stacked-list::part(base),

body.page-id-484
sc-divider::part(base) {
  border-color: rgba(101,180,255,.20);
}

/* ===========================================================
   07 — ACCOUNT DETAILS CARD
   FIXED TO MATCH OTHER CARDS
   Width: 920px (previously 608px)
   =========================================================== */

body.page-id-484 :is(
  sc-wordpress-user,
  sc-dashboard-wordpress-user,
  .wp-block-surecart-customer-wordpress-user,
  .wp-block-surecart-customer-wordpress-account,
  .wp-block-surecart-wordpress-account,
  sc-dashboard-module[heading="Account Details"],
  sc-dashboard-module[heading="My Account Details"]
) {
  display: block;
  box-sizing: border-box;

  width: 100% !important;
  max-width: 920px !important;
  min-width: 0;

  margin: 0 auto 18px !important;
  padding: clamp(21px,2vw,29px) !important;

  background:
    linear-gradient(
      145deg,
      var(--a360-panel),
      var(--a360-panel-bottom)
    ) !important;

  border:
    1px solid var(--a360-border) !important;

  border-radius: 15px !important;
  box-shadow: 0 10px 28px rgba(0,0,0,.13);
  color: #e6f0fa !important;

  --sc-color-brand-primary: #65b4ff;
  --sc-color-gray-500: #c2d3e7;
  --sc-color-gray-600: #e0edfa;
}

/* PREVENT NESTED ACCOUNT CARDS */

body.page-id-484 :is(
  .wp-block-surecart-customer-wordpress-user,
  .wp-block-surecart-customer-wordpress-account,
  .wp-block-surecart-wordpress-account
) :is(
  sc-wordpress-user,
  sc-dashboard-wordpress-user
) {
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* ACCOUNT HEADING */

body.page-id-484 :is(
  sc-wordpress-user,
  sc-dashboard-wordpress-user
) sc-dashboard-module::part(heading),

body.page-id-484 :is(
  sc-dashboard-module[heading="Account Details"],
  sc-dashboard-module[heading="My Account Details"]
)::part(heading) {
  padding-bottom: 13px !important;
  margin-bottom: 13px !important;
  border-bottom:
    1px solid rgba(101,180,255,.24) !important;
}

body.page-id-484 :is(
  sc-wordpress-user,
  sc-dashboard-wordpress-user
) sc-dashboard-module::part(heading-title),

body.page-id-484 :is(
  sc-dashboard-module[heading="Account Details"],
  sc-dashboard-module[heading="My Account Details"]
)::part(heading-title) {
  color: #f5f9ff !important;
  font-size:
    clamp(18px,1.25vw,21px) !important;
  font-weight: 750 !important;
}

/* ACCOUNT INFORMATION ROWS */

body.page-id-484 :is(
  sc-wordpress-user,
  sc-dashboard-wordpress-user
) sc-stacked-list::part(base) {
  overflow: hidden;
  border:
    1px solid rgba(101,180,255,.22) !important;
  border-radius: 10px !important;
  background: rgba(4,15,28,.18) !important;
}

body.page-id-484 :is(
  sc-wordpress-user,
  sc-dashboard-wordpress-user
) sc-stacked-list-row::part(base) {
  padding-block: 14px !important;
  color: #e6f0fa !important;
}

/* ACCOUNT UPDATE LINK */

body.page-id-484 :is(
  sc-wordpress-user,
  sc-dashboard-wordpress-user
) :is(a,button) {
  color: #83c8ff !important;
  font-size: 14px;
  font-weight: 700;
}

body.page-id-484 :is(
  sc-wordpress-user,
  sc-dashboard-wordpress-user
) sc-button[slot="end"]::part(base),

body.page-id-484 :is(
  sc-dashboard-module[heading="Account Details"],
  sc-dashboard-module[heading="My Account Details"]
) sc-button[slot="end"]::part(base) {
  background:
    rgba(101,180,255,.10) !important;
  color: #83c8ff !important;
  border:
    1px solid rgba(101,180,255,.27) !important;
  border-radius: 8px !important;
  padding: 7px 12px !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}

body.page-id-484 :is(
  sc-wordpress-user,
  sc-dashboard-wordpress-user
) sc-button[slot="end"]:hover::part(base) {
  background:
    rgba(101,180,255,.17) !important;
  color: #fff !important;
}

/* ACCOUNT SPACING */

body.page-id-484
.wp-block-shortcode:has(
  :is(
    sc-wordpress-user,
    sc-dashboard-wordpress-user
  )
),

body.page-id-484 :is(
  .wp-block-group,
  .wp-block-column
):has(>
  :is(
    sc-wordpress-user,
    sc-dashboard-wordpress-user
  )
) {
  margin-bottom: 18px !important;
}

body.page-id-484 :is(
  .wp-block-shortcode,
  .wp-block-group
):has(
  :is(
    sc-wordpress-user,
    sc-dashboard-wordpress-user
  )
) {
  min-height: 0;
}

/* 08 — ACCESSIBILITY */

body.page-id-484 :is(
  a,button,input,select,sc-tab
):focus-visible {
  outline:
    2px solid var(--a360-blue) !important;
  outline-offset: 3px;
}

/* 09 — ARABIC SUPPORT */

body.page-id-484 :lang(ar) {
  font-family:
    'Alexandria',Tahoma,Arial,sans-serif;
  letter-spacing: normal;
  line-height: 1.8;
}

body.page-id-484
[dir="rtl"] sc-tab[active]::part(base) {
  box-shadow:
    inset -3px 0 0 var(--a360-blue);
}

/* 10 — MOBILE RESPONSIVENESS */

@media (max-width: 767px) {

  body.page-id-484 :is(
    .sc-dashboard-content,
    .surecart-dashboard-content,
    .customer-dashboard-content,
    .sc-dashboard__content,
    .surecart-dashboard__content,
    [class*="dashboard-main" i],
    [class*="dashboard__main" i]
  ) {
    max-width: 100% !important;
    padding-inline: 12px;
  }

  body.page-id-484 :is(
    sc-subscriptions-list,
    sc-orders-list,
    sc-invoices-list,
    sc-downloads-list,
    sc-dashboard-downloads-list,
    sc-purchase-downloads-list,
    .wp-block-surecart-customer-subscriptions,
    .wp-block-surecart-customer-orders,
    .wp-block-surecart-customer-invoices,
    .wp-block-surecart-customer-downloads
  ) {
    min-height: 125px;
    padding: 17px !important;
    border-radius: 11px !important;
    margin-bottom: 13px !important;
  }

  body.page-id-484 :is(
    sc-wordpress-user,
    sc-dashboard-wordpress-user,
    .wp-block-surecart-customer-wordpress-user,
    .wp-block-surecart-customer-wordpress-account,
    .wp-block-surecart-wordpress-account,
    sc-dashboard-module[heading="Account Details"],
    sc-dashboard-module[heading="My Account Details"]
  ) {
    padding: 17px !important;
    border-radius: 11px !important;
    margin-bottom: 13px !important;
  }

  body.page-id-484 :is(
    sc-wordpress-user,
    sc-dashboard-wordpress-user
  ) sc-stacked-list-row::part(base) {
    padding-block: 12px !important;
    overflow-wrap: anywhere;
  }

  body.page-id-484
  sc-dashboard-module::part(heading-title) {
    font-size: 18px !important;
  }

  body.page-id-484
  sc-empty::part(description) {
    font-size: 14px !important;
  }
}

/* 11 — REDUCED MOTION */

@media (prefers-reduced-motion: reduce) {
  body.page-id-484 sc-tab {
    transition: none !important;
  }
}

/* END — ORIGINAL v13 VISUAL DESIGN */


/* CTS 1.2.66 — Return responsive structural behavior to SureCart.
 * Card appearance, colors, borders, and typography above remain intact.
 * No custom grid columns, grid-row placement, hidden native sidebar,
 * synthetic mobile navigation or fixed off-canvas panels are applied.
 */
body.page-id-484 :is(
  .sc-dashboard, .sc-dashboard__column,
  .sc-dashboard__column.dashboard-right,
  .entry-content, .wp-block-post-content,
  sc-wordpress-user, sc-dashboard-module,
  sc-subscriptions-list, sc-orders-list,
  sc-invoices-list, sc-downloads-list
) {
  box-sizing: border-box;
  min-width: 0;
  min-inline-size: 0;
}
body.page-id-484 :is(img,video,iframe) { max-width: 100%; }
/* Keep long customer email addresses from overflowing their card. */
body.page-id-484 sc-stacked-list-row::part(value) {
  overflow-wrap: anywhere;
}


/* ===============================================================
   ASWAQ360 CTS 1.2.69 — MENU ICON CONTRAST ONLY
   Scope: SureCart customer dashboard on page 484.
   Fix the dark native hamburger/close icon in normal, hover,
   keyboard-focus, pressed and open states. No positioning,
   dimensions, breakpoints, navigation or click behavior is changed.
   =============================================================== */
body.page-id-484 :is(.sc-dashboard,sc-customer-dashboard,sc-dashboard) :is(
  .sc-dashboard__menu-toggle,
  .sc-dashboard__sidebar-toggle,
  .sc-dashboard__menu-button,
  .sc-dashboard__toggle,
  [class*="sidebar-toggle" i],
  [class*="menu-toggle" i],
  button[aria-label*="menu" i],
  button[aria-label*="navigation" i],
  button[aria-label*="القائمة"],
  button[aria-label*="التنقل"],
  button[aria-controls*="sidebar" i],
  sc-button[aria-label*="menu" i],
  sc-button[aria-label*="navigation" i],
  sc-button[aria-controls*="sidebar" i]
) {
  color: #eaf5ff !important;
  --sc-color-gray-900: #eaf5ff;
  --sc-color-neutral-900: #eaf5ff;
  --sc-color-gray-700: #eaf5ff;
  --sc-color-neutral-700: #eaf5ff;
  --sc-color-brand-primary: #65b4ff;
}
/* Keep SureCart's own menu icon readable when clicked/opened. */
body.page-id-484 :is(.sc-dashboard,sc-customer-dashboard,sc-dashboard) :is(
  .sc-dashboard__menu-toggle,
  .sc-dashboard__sidebar-toggle,
  .sc-dashboard__menu-button,
  [class*="sidebar-toggle" i],
  [class*="menu-toggle" i],
  button[aria-label*="menu" i],
  button[aria-label*="navigation" i],
  button[aria-label*="القائمة"],
  button[aria-controls*="sidebar" i],
  sc-button[aria-label*="menu" i],
  sc-button[aria-controls*="sidebar" i]
):is(:active,:hover,:focus-visible,[aria-expanded="true"],[aria-pressed="true"]) {
  color: #ffffff !important;
  --sc-color-gray-900: #ffffff;
  --sc-color-neutral-900: #ffffff;
  --sc-color-gray-700: #ffffff;
  --sc-color-neutral-700: #ffffff;
}
/* Some SureCart versions use a separate sc-icon, inside the menu button. */
body.page-id-484 :is(.sc-dashboard,sc-customer-dashboard,sc-dashboard) :is(
  sc-icon[name="menu"],
  sc-icon[name="bars"],
  sc-icon[name="menu-outline"],
  sc-icon[name="list"],
  sc-icon[name="close"],
  sc-icon[name="x"],
  sc-icon[name="x-lg"],
  svg.lucide-menu,
  svg.lucide-x
) {
  color: #eaf5ff !important;
  stroke: currentColor !important;
}
body.page-id-484 :is(.sc-dashboard,sc-customer-dashboard,sc-dashboard) :is(
  .sc-dashboard__menu-toggle,
  .sc-dashboard__sidebar-toggle,
  .sc-dashboard__menu-button,
  [class*="sidebar-toggle" i],
  [class*="menu-toggle" i],
  button[aria-label*="menu" i],
  button[aria-label*="navigation" i],
  button[aria-label*="القائمة"],
  button[aria-controls*="sidebar" i],
  sc-button[aria-label*="menu" i],
  sc-button[aria-controls*="sidebar" i]
) :is(svg,svg path,svg line,svg rect) {
  color: inherit !important;
  stroke: currentColor !important;
}
/* sc-button may render its clickable surface in an OPEN shadow root;
   CSS ::part(base) styles it without replacing the SureCart component. */
body.page-id-484 :is(.sc-dashboard,sc-customer-dashboard,sc-dashboard) sc-button:where(
  [aria-label*="menu" i],[aria-label*="navigation" i],
  [aria-label*="القائمة"],[aria-controls*="sidebar" i]
)::part(base) {
  color: #eaf5ff !important;
}