/* =========================================================
   PromptForge.social Custom Theme
   Safe CSS-only cosmetic layer
   ========================================================= */


/* =========================================================
   1. Main PromptForge.social static background
   ========================================================= */

html,
body,
#mastodon,
.app-holder,
.ui,
.columns-area {
  background-color: #050404 !important;
  background-image:
    linear-gradient(rgba(5, 4, 4, 0.35), rgba(5, 4, 4, 0.55)),
    url("/custom/promptforge-bg-forge-lounge.png") !important;
  background-size: cover !important;
  background-position: center center !important;
  background-attachment: fixed !important;
  background-repeat: no-repeat !important;
}


/* =========================================================
   2. Replace right-sidebar Mastodon wordmark
   Actual observed wrapper:
   <a class="column-link column-link--logo" id="skip-link-target-nav" href="/">
   ========================================================= */

a.column-link.column-link--logo#skip-link-target-nav {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  min-height: 48px !important;
  padding: 8px 12px !important;
  background: transparent !important;
  text-decoration: none !important;
}

a.column-link.column-link--logo#skip-link-target-nav svg.logo.logo--wordmark {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  width: 0 !important;
  height: 0 !important;
}

a.column-link.column-link--logo#skip-link-target-nav::before {
  content: "PromptForge.social" !important;
  display: inline-block !important;
  font-size: 24px !important;
  line-height: 1.1 !important;
  font-weight: 900 !important;
  letter-spacing: 0.02em !important;
  color: #f2b56b !important;
  white-space: nowrap !important;
  text-align: left !important;
  text-shadow:
    0 0 8px rgba(255, 132, 36, 0.75),
    0 0 18px rgba(255, 92, 18, 0.45) !important;
}


/* =========================================================
   3. Safety fallback: hide any remaining Mastodon wordmark SVG
   Only hides the SVG wordmark class, not normal icons.
   ========================================================= */

svg.logo.logo--wordmark {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
}


/* =========================================================
   4. Small readability polish
   ========================================================= */

.column,
.drawer,
.navigation-panel,
.compose-panel,
.getting-started,
.account__header,
.link-footer,
.navigation-panel__legal {
  text-shadow: none !important;
}