/* RMNT MEDIA — Filebrowser theme to match rmnt.media (dark + gold, serif title) */

:root,
body,
body.rtl {
  --background: #08080b;
  --surfacePrimary: #0e0e13;
  --surfaceSecondary: #16161d;
  --divider: #26262f;
  --borderPrimary: #26262f;
  --borderSecondary: #26262f;
  --textPrimary: #f4f1ea;
  --textSecondary: #9a968c;
  --icon: #9a968c;
  --blue: #c9a227;
  --dark-blue: #b3902110;
  --primaryColor: #c9a227;
  --moon: #c9a227;
  --red: #b23a1e;
}

html,
body {
  background: #08080b !important;
  color: #f4f1ea;
  font-family: ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
}

/* App chrome */
header,
#search,
.shell,
.dashboard,
.card,
.dropdown,
nav {
  background-color: #0e0e13 !important;
  color: #f4f1ea;
}
nav .active,
nav .active * {
  color: #c9a227 !important;
}
main .item.activebg,
.item:hover {
  background-color: #16161d !important;
}

/* ── Login / signup page ───────────────────────────────────────── */
body.login,
#login,
.login {
  background: #08080b !important;
}
.login .card,
.login form,
form.card {
  background: #16161d !important;
  border: 1px solid #26262f !important;
  border-radius: 14px !important;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);
}
.login h1,
.login .card h1 {
  font-family: Georgia, "Times New Roman", serif !important;
  font-weight: 400 !important;
  letter-spacing: 0.18em;
  color: #f4f1ea !important;
}
.login img,
.login .logo,
img.logo {
  filter: none;
  max-width: 280px;
}
.login input,
input.input--block,
.input {
  background: #0e0e13 !important;
  border: 1px solid #26262f !important;
  color: #f4f1ea !important;
  border-radius: 8px !important;
}
.login input::placeholder {
  color: #6b675f !important;
}

/* Buttons / accents */
.button,
.button--block,
button[type="submit"],
.login .button {
  background: #c9a227 !important;
  color: #08080b !important;
  border-radius: 9999px !important;
  font-weight: 600 !important;
}
.button:hover,
.button--block:hover {
  background: #e4be3a !important;
}
.button--flat,
a {
  color: #c9a227 !important;
  background: transparent !important;
}
.button--flat:hover {
  background: rgba(201, 162, 39, 0.12) !important;
}

/* Action bar / icons */
#listing .item i,
.action i,
i.material-icons {
  color: #9a968c;
}
.action:hover {
  background: #16161d !important;
}

/* ── RMNT footer bar (CSS-only — Filebrowser doesn't load custom.js, so this
      is a non-interactive text bar to echo the site footer) ─────────────── */
body::after {
  content: "RMNT MEDIA   ·   © 2026   ·   instagram.com/rmnt.media";
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9999;
  padding: 9px 16px;
  text-align: center;
  font-size: 11px;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: #9a968c;
  background: #0e0e13;
  border-top: 1px solid #26262f;
  pointer-events: none;
}
/* keep content clear of the fixed footer */
main,
#editor-container,
#previewer .preview {
  padding-bottom: 44px !important;
}