/* Canonical Undermax palette. Load after page styles; keep layout in its owning module.
   Semantic status colors and license-source colors remain owned by their components. */
@import url('/css/footer.css?v=20260924-footer1');
@media screen {
  :root {
    color-scheme: dark;
    --ui-canvas: #213958;
    --ui-text: #edf5ff;
    --ui-muted: #b7cce3;
    --ui-accent: #8cd1ff;
    --ui-panel: linear-gradient(150deg, #163a5df5, #102b46fa);
    --ui-card: #20466580;
    --ui-card-hover: #28547790;
    --ui-inset: #102d4699;
    --ui-field: #214562;
    --ui-field-focus: #2b5878;
    --ui-button: #2a527a70;
    --ui-button-hover: #376889;
    --ui-primary: linear-gradient(125deg, #216d98, #297a9e);
    --ui-primary-hover: linear-gradient(125deg, #2676a1, #2c80a5);
    --ui-selected: #2e719a;
    --ui-menu: #173954;
    --ui-navigation: linear-gradient(120deg, #102944f5, #134273f5);
    --ui-divider: #8dc5ef26;
    --ui-shadow: 0 16px 40px #03142b26;
    --ui-radius: 20px;
    --ui-card-radius: 16px;
    --ui-control-radius: 12px;
    --ui-motion: 180ms cubic-bezier(.2,.7,.2,1);
    /* Compatibility aliases keep existing modules on the same palette. */
    --color-text: var(--ui-text);
    --color-navbar-text: var(--ui-text);
    --color-navbar-bg: var(--ui-navigation);
    --color-card-bg: var(--ui-panel);
    --color-card-body-bg: var(--ui-card);
    --color-table-bg: var(--ui-panel);
    --color-table-header-bg: var(--ui-card);
    --color-button-bg: var(--ui-primary);
    --color-button-hover: #297a9e;
    --color-license-bg: var(--ui-panel);
    --portal-panel: var(--ui-panel);
    --portal-ink: var(--ui-text);
    --portal-muted: var(--ui-muted);
    --text: var(--ui-text);
    --muted: var(--ui-muted);
    --support-panel: var(--ui-panel);
    --support-panel-strong: var(--ui-card);
    --sc-surface: var(--ui-panel);
    --sc-surface-soft: var(--ui-inset);
    --sc-surface-strong: var(--ui-menu);
    --sc-text: var(--ui-text);
    --sc-muted: var(--ui-muted);
    --sc-accent: var(--ui-accent);
    --sc-teal: var(--ui-accent);
    --sc-radius: var(--ui-card-radius);
    --umx-surface: var(--ui-panel);
    --umx-surface-strong: var(--ui-card);
    --umx-text: var(--ui-text);
    --umx-muted: var(--ui-muted);
    --umx-highlight: var(--ui-accent);
    --promo-surface: var(--ui-panel);
    --promo-surface-soft: var(--ui-inset);
  }
  html body {
    background: var(--ui-canvas) url('/itchio-mainRes/resources/images/itchio/undermax-background-20260924.webp') repeat top left / 540px auto !important;
    background-attachment: scroll !important;
    color: var(--ui-text);
  }
  /* Flat presentation across legacy templates, including nested form containers.
     Loading indicators keep their functional rotating stroke. */
  body :where(*):not([class*="spinner"]):not([class*="loader"]):not(.catalog-load-dot) {
    border-color: transparent !important;
  }
  body :is(button,a,input,select,textarea):not(:focus-visible) { box-shadow:none !important; }
  body .custom-navbar .nav-link[aria-current="page"] { box-shadow:none !important; }
  body input::file-selector-button { border:0; border-radius:10px; background:var(--ui-button); color:var(--ui-text); padding:9px 13px; margin-right:12px; font:inherit; cursor:pointer; }
  body .custom-navbar, body .umx-admin-nav { background: var(--ui-navigation) !important; }
  body .custom-navbar .dropdown-menu,
  body .custom-navbar .navbar-collapse.show { background: var(--ui-menu) !important; }
  body .custom-navbar .dropdown-item:hover,
  body .custom-navbar .dropdown-item:focus-visible { background: var(--ui-button) !important; }
  body .custom-navbar :is(.nav-link,.dropdown-item,.navbar-toggler) {
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    color: var(--ui-text) !important;
    transition: background-color var(--ui-motion), color var(--ui-motion) !important;
  }
  body .custom-navbar :is(.account-profile,.account-login,.navbar-toggler) { background: var(--ui-button) !important; }
  body .custom-navbar :is(.nav-link,.dropdown-item,.navbar-toggler):hover { background: var(--ui-button-hover) !important; }
  body .custom-navbar :is(.nav-link[aria-current="page"],.nav-link[aria-expanded="true"],.dropdown-item.active) { background: var(--ui-selected) !important; }
  body .custom-navbar :is(.nav-link,.dropdown-item,.navbar-toggler):focus-visible {
    background: var(--ui-field-focus) !important;
    text-decoration: underline !important;
    text-decoration-color: var(--ui-accent) !important;
    text-underline-offset: 5px;
    text-decoration-thickness: 2px !important;
  }
  body #menu-container:empty::before { border: 0 !important; }

  /* Primary containers, nested cards and recessed toolbars have distinct roles. */
  body :is(.panel,.account-workspace,.support-panel,.support-mini,.support-chat-shell,.support-hero,.support-card,.support-intro-panel,.support-hub,
    .steamconnect-console,.steamconnect-claims-panel,.steamconnect-disclosure,
    .umx-panel,.catalog-panel,.ops-section,.ops-hero,.umx-page-header,
    .legal-copy,.footer-shell,.cart,.faq-list,.redeem-card,.confirmation-card,.download-card,
    .plugin-table,.promo-section,.promos-header,.login-container,.card,.main-content,.delivery-card),
  body.redeem-flow .card {
    background: var(--ui-panel) !important;
    border-color: transparent !important;
    border-radius: var(--ui-radius) !important;
    box-shadow: var(--ui-shadow);
  }
  body :is(.provider-card,.license-card,.order-card,.support-activity-row,.library-item,
    .product-card,.plugin-package-card,.partner-existing,.stat,.support-reply-card,.promo-card,.support-ticket-card,.benefit-card,.note-card),
  body.redeem-flow :is(.plugin-card,.selected-sidebar) {
    background: var(--ui-card) !important;
    border-color: transparent !important;
    border-radius: var(--ui-card-radius) !important;
  }
  body :is(.license-card:hover,.license-card[open],.support-activity-row:hover,.plugin-package-card:hover) {
    background: var(--ui-card-hover) !important;
  }
  body :is(.account-profile-bar,.partner-feature) { background: linear-gradient(120deg,#347cc02e,transparent) !important; }
  body :is(.account-tabs,.license-detail,.library-toolbar,.portal-filters,.account-empty,
    .support-side-tabs,.support-content-panels,.support-profile,.redeem-resume) { background: var(--ui-inset) !important; border-radius:16px; }
  body :is(.account-tabs button,.license-tabs button,.support-side-tab) { color: var(--ui-muted); }
  body :is(.account-tabs button[aria-selected="true"],.license-tabs button[aria-selected="true"],
    .support-side-tab.is-active,.support-tab.is-active,.support-side-tab[aria-selected="true"],.legal-links a[aria-current="page"],.promo-filter-btn.active) {
    background: var(--ui-selected) !important;
    color: var(--ui-text) !important;
  }

  /* Action links share button feedback without changing each module's sizing. */
  body :is(.button,.btn,.text-button,.support-btn,.steamconnect-button,.steamconnect-row-action,
    .plugin-package-btn,.btn-itchio-link,.order-product-link,.footer-info a,.footer-social a,
    .legal-links a,.auth-customer,.btn-open-plugin-modal,.plugin-detail-buy-btn,
    .plugin-detail-official-site-btn,.plugin-detail-video-btn,.promo-filter-btn,.support-tab,.support-icon-btn,.bundle-detail-buy-btn,.promo-action-link) {
    border-radius: var(--ui-control-radius) !important;
    border-color: transparent !important;
    text-decoration: none !important;
    box-shadow: none;
    transition: background var(--ui-motion), transform var(--ui-motion), box-shadow var(--ui-motion), color var(--ui-motion);
  }
  body :is(.button.secondary,.button.quiet,.text-button,.btn-secondary,.support-btn.secondary,
    .steamconnect-button-secondary,.plugin-package-btn--secondary,.order-product-link,
    .footer-info a,.footer-social a,.legal-links a,.auth-customer,.plugin-detail-video-btn,.promo-filter-btn,.support-tab:not(.is-active),.support-icon-btn) {
    background: var(--ui-button) !important;
    color: var(--ui-text) !important;
  }
  body :is(.button.primary,.btn-primary,.support-btn.primary,.auth-submit,.btn-itchio-link,
    .steamconnect-button:not(.steamconnect-button-secondary),.steamconnect-row-action,
    .plugin-package-btn--primary,.btn-open-plugin-modal,.plugin-detail-buy-btn,.plugin-detail-official-site-btn,.bundle-detail-buy-btn,.promo-action-link,.btn-redeem,.btn-redeem-key) {
    background: var(--ui-primary) !important;
    color: #fff !important;
  }
  body :is(.button,.btn,.text-button,.support-btn,.steamconnect-button,.steamconnect-row-action,
    .plugin-package-btn,.btn-itchio-link,.order-product-link,.footer-info a,.footer-social a,
    .legal-links a,.auth-customer,.btn-open-plugin-modal,.plugin-detail-buy-btn,
    .plugin-detail-official-site-btn,.plugin-detail-video-btn):not(:disabled):not([aria-disabled="true"]):hover {
    translate: 0 -1px;
    scale: 1;
    transform: none;
    filter: brightness(1.08);
  }
  body :is(.button,.btn,.support-btn,.steamconnect-button):disabled { opacity: .55; translate: none; filter: none; }

  /* Exclude activation slots, toggles, file pickers and color controls. */
  body :is(input[type="text"],input[type="search"],input[type="email"],input[type="password"],
    input[type="date"],input[type="number"],input[type="url"],input[type="tel"],textarea,select):not(#activationCode) {
    background: var(--ui-field) !important;
    box-shadow: none;
    color: var(--ui-text) !important;
    border-color: transparent !important;
    border-radius: var(--ui-control-radius);
  }
  body :is(input,textarea,select):not(#activationCode):focus-visible {
    background-color: var(--ui-field-focus) !important;
    box-shadow: inset 0 -2px var(--ui-accent) !important;
  }
  body :is(input,textarea)::placeholder { color: var(--ui-muted); opacity: .8; }
  body .account-search input { background-color: transparent !important; }
  body :is(.button,.btn,.support-btn,.text-button,.account-tabs button,.license-tabs button,
    .steamconnect-button,.steamconnect-row-action,.footer-info a,.footer-social a):focus-visible {
    text-decoration: none !important;
    box-shadow: inset 0 -2px var(--ui-accent) !important;
  }
  body :is(.account-dialog,dialog.modal,.support-modal-content,.support-modal-card,.redeem-processing-card,.plugin-detail-dialog,.bundle-detail-dialog) {
    background: var(--ui-menu) !important;
    color: var(--ui-text);
    border-radius: 24px !important;
  }
  body :is(.account-skeleton,.umx-module-skeleton) { background-color: var(--ui-field) !important; }
  body :is(.module-heading p,.provider-copy p,.provider-bottom p,.partner-feature p,.muted,
    .account-private,.module-foot,.list-caption,.footer-text) { color: var(--ui-muted); }
  body .provider-bottom { box-shadow: 0 -1px var(--ui-divider); }
  body .card-body, body .accordion .collapse.show { background: var(--ui-inset); }
  body :is(.plugin-detail-media-zone,.plugin-detail-packages,.promo-search) { background: var(--ui-inset); border-color: transparent; }
  body .support-side-tab:not(.is-active) { background: var(--ui-inset); }
  body .support-side-tab.is-active { background: var(--ui-selected) !important; }
  body :is(.plugin-table th,.plugin-table td) { border-color: var(--ui-divider); }
  body :is(.btn-open-plugin-modal,.plugin-detail-buy-btn,.plugin-detail-official-site-btn) { box-shadow: none !important; }
  body .btn-open-plugin-modal::after { display: none; }
  body .delivery-button { display:inline-flex; align-items:center; gap:8px; border:0; border-radius:12px; background:var(--ui-primary); color:white; text-decoration:none; padding:12px 18px; }
  body[data-undermax-shell="standalone"] { display:block; padding-top:116px; }
  body[data-undermax-shell="standalone"] .delivery-card { margin:24px auto; }
  body[data-undermax-shell="standalone"] .support-shell { margin:24px auto; }

  @media(max-width:600px) { body[data-undermax-shell="standalone"] { padding-top:92px; } }
  @media (prefers-reduced-motion: reduce) {
    body :is(.button,.btn,.support-btn,.steamconnect-button,.steamconnect-row-action,
      .text-button,.btn-itchio-link,.plugin-package-btn,.order-product-link,.footer-info a,.footer-social a):hover {
      translate: none; transform: none;
    }
  }
  @media (forced-colors: active) {
    body :focus-visible { outline: 2px solid Highlight !important; outline-offset: 2px; }
  }
}
@media print { #footer-container { display:none !important; } }