/* CloudTorres theme for Mastodon — wallpaper + elephant-in-cowboy-hat logo */
:root {
  --accent: #7dd3fc;
  --card-bg: rgba(255, 255, 255, 0.06);
  --card-border: rgba(255, 255, 255, 0.12);
  --panel-bg: rgba(10, 10, 14, 0.55);
  --text: #eee;
  --text-muted: #aaa;
  --logo: url("https://cloudtorres.com/social-logo.png?v=8");
  --wallpaper: #000 url("https://cloudtorres.com/wallpaper.jpg") center/cover no-repeat fixed;
}

/* ---- Same full-page background as www.cloudtorres.com ---- */
html,
body,
body.app-body,
body.admin,
.ui,
.public-layout,
.about-page,
.container-alt,
.app-holder,
.columns-area,
.columns-area__panels,
.columns-area__panels__pane,
.columns-area__panels__main,
.navigation-panel,
.compose-panel,
.drawer,
.column,
.scrollable,
.getting-started,
.getting-started__wrapper,
.flex-spacer,
.account__header,
.empty-column-indicator,
.error-column,
.regeneration-indicator,
.theme-default,
.theme-mastodon-light,
[data-theme],
.ui__header,
.columns-area__panels__pane__inner {
  background: transparent !important;
  background-color: transparent !important;
}

html,
body,
body.app-body {
  background: var(--wallpaper) !important;
  background-color: #000 !important;
  color: var(--text) !important;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
  min-height: 100% !important;
}

body.app-body::before,
.public-layout::before,
html::before {
  content: "";
  position: fixed;
  inset: 0;
  background: linear-gradient(to bottom, rgba(0,0,0,0.35), rgba(0,0,0,0.55));
  z-index: 0;
  pointer-events: none;
}

body.app-body > *,
.public-layout > *,
.app-holder {
  position: relative;
  z-index: 1;
}

/* Glassy panels */
.column,
.drawer,
.getting-started,
.compose-form,
.public-layout .container,
.public-layout .hero-widget,
.public-layout .box-widget,
.public-layout .contact-widget,
.public-layout .directory,
.about__meta,
.about__section,
.simple_form,
.form-container,
.card,
.modal-root__modal,
.account-card,
.detailed-status,
.search,
.column-header,
.tabs-bar__wrapper,
.drawer__header,
.compose-panel,
.navigation-panel,
.column > .scrollable,
.drawer__inner,
.drawer__inner__mastodon {
  background: var(--panel-bg) !important;
  border: 1px solid var(--card-border) !important;
  border-radius: 16px !important;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.45) !important;
}

.column > .scrollable,
.drawer__inner,
.scrollable {
  background: rgba(10, 10, 14, 0.50) !important;
}

.status,
.status__wrapper,
.focusable {
  background: transparent !important;
  border-bottom: 1px solid rgba(255,255,255,0.08) !important;
}

/* ---- Logo: elephant + cowboy hat (larger) ---- */
.logo.logo--icon,
.logo--icon,
svg.logo.logo--icon,
.public-layout .logo,
.sidebar-logo,
.column-link--logo .logo,
.brand .logo,
.ui__header .logo,
.logo-button .logo,
a.logo-button,
.navigation-bar .logo,
.column-link--logo,
.getting-started__footer .logo {
  background: var(--logo) center / contain no-repeat !important;
  width: 56px !important;
  height: 56px !important;
  min-width: 56px !important;
  min-height: 56px !important;
  display: inline-block !important;
  color: transparent !important;
  overflow: hidden !important;
  text-indent: -9999px !important;
  border: 0 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  filter: drop-shadow(0 6px 16px rgba(0,0,0,0.45));
}

.logo.logo--icon svg,
.logo--icon svg,
.logo.logo--icon use,
svg.logo.logo--icon *,
.public-layout .logo svg,
.brand .logo svg,
.logo-button svg {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  width: 0 !important;
  height: 0 !important;
}

/* Wordmark slots also get full logo (wider) */
.logo.logo--wordmark,
svg.logo.logo--wordmark {
  background: var(--logo) left center / contain no-repeat !important;
  width: 180px !important;
  height: 72px !important;
  min-width: 180px !important;
  display: inline-block !important;
  color: transparent !important;
  overflow: hidden !important;
  filter: drop-shadow(0 8px 20px rgba(0,0,0,0.5));
}

.logo.logo--wordmark svg,
.logo.logo--wordmark use,
svg.logo.logo--wordmark * {
  display: none !important;
}

/* Large logo on public/about/login hero */
.public-layout .container .logo.logo--icon,
.public-layout .hero-widget .logo,
.public-layout .logo.logo--icon,
.about__header .logo,
.simple_form .logo,
.public-layout .header .logo {
  width: 140px !important;
  height: 140px !important;
  min-width: 140px !important;
  min-height: 140px !important;
  border-radius: 0 !important;
  filter: drop-shadow(0 12px 36px rgba(0,0,0,0.6));
}

/* Buttons / accents */
.button,
button.button,
.button-alternative,
.button-secondary,
.button.button-primary {
  background: rgba(125, 211, 252, 0.18) !important;
  color: #fff !important;
  border: 1px solid var(--accent) !important;
  border-radius: 0 !important;
  transition: all 0.2s ease;
}

.button:hover,
button.button:hover {
  background: rgba(125, 211, 252, 0.32) !important;
  transform: translateY(-1px);
}

a,
.display-name__account,
.status__display-name strong,
.account__display-name strong {
  color: var(--accent) !important;
}

input,
textarea,
.compose-form__autosuggest-wrapper,
.search__input {
  background: rgba(0,0,0,0.35) !important;
  color: var(--text) !important;
  border: 1px solid var(--card-border) !important;
  border-radius: 0 !important;
}

input:focus,
textarea:focus,
.search__input:focus {
  border-color: var(--accent) !important;
  box-shadow: 0 0 0 3px rgba(125, 211, 252, 0.15) !important;
  outline: none !important;
}

.public-layout .header,
.public-layout .footer {
  background: transparent !important;
}

.public-layout h1,
.hero-widget h1,
.about-page h1 {
  color: #fff !important;
  text-shadow: 0 4px 20px rgba(0,0,0,0.6);
}

.tabs-bar,
.column-header,
.drawer__header {
  background: rgba(10, 10, 14, 0.65) !important;
  border-bottom: 1px solid var(--card-border) !important;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}