/* ============================================================
   account-fix.css  —  DEDICATED FRESH STYLESHEET (v1.8.14)
   A brand-new filename means browsers/servers have NEVER cached it,
   so it is guaranteed to load fresh. It is linked LAST in the layout,
   so it wins the cascade. This is the final, definitive guarantee that
   account & Subscriptions content can NEVER be hidden by scroll-reveal
   or by any stale JS/CSS.
   ============================================================ */

/* Global: any reveal element must ALWAYS finish visible. A CSS animation
   overrides a normal author rule and always runs to completion, so even if
   the JS observer never fires, content still ends fully visible. */
.reveal-on-scroll { animation: rfRevealSafe .6s ease both; }
@keyframes rfRevealSafe {
  from { opacity: 0; transform: translateY(24px); }
  to   { opacity: 1; transform: none; }
}
.reveal-on-scroll.revealed { opacity: 1; transform: none; }

/* Account / Subscriptions pages: HARD guarantee. Always visible, in place,
   never animated or transitioned away. */
.account-layout,
.account-layout .reveal-on-scroll,
.account-layout .glass-card,
.account-main,
.account-main .glass-card,
.account-main .account-card,
.account-main .subscription-detail-card,
.account-main .subscription-expiring,
.account-main .empty-state,
.account-main .stat-item,
.account-main .table-responsive,
.account-sidebar,
.account-sidebar.glass-card {
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
  animation: none !important;
  transition: none !important;
}

/* Belt-and-suspenders: nothing inside the account area may be transparent
   or hidden (safe properties only — does not touch layout/display). */
.account-layout *,
.account-main *,
.account-sidebar * {
  animation-name: none !important;
}
.account-main .glass-card,
.account-main .account-card,
.account-main .subscription-detail-card {
  opacity: 1 !important;
  visibility: visible !important;
}


/* reflect-fx.js applies class `.reveal` (NOT .reveal-on-scroll) to .glass-card.
   This was the real cause of disappearing subscription content. Cover it too. */
.account-layout .reveal,
.account-main .reveal,
.account-sidebar .reveal {
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
  animation: none !important;
  transition: none !important;
}


/* THE REAL ROOT CAUSE: reflect-fx.js puts class `.reveal` (opacity:0) on the
   PARENT <section> that wraps the whole account page. A parent with opacity:0
   hides every child no matter what the child's opacity is. Force the wrapping
   section to stay fully visible. */
section.account-section,
.account-section,
.section:has(.account-layout) {
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
  animation: none !important;
  transition: none !important;
}