/* =========================
   Custom AdminJS Theme
   ========================= */

/* ---- Fonts (GenosGFG) ---- */

/* Regular */
@font-face {
  font-family: 'GenosGFG';
  src: url('/assets/fonts/GenosGFG-Regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* Bold */
@font-face {
  font-family: 'GenosGFG';
  src: url('/assets/fonts/GenosGFG-Bold.woff') format('woff');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* Italic */
@font-face {
  font-family: 'GenosGFG';
  src: url('/assets/fonts/GenosGFG-RegularItalic.woff') format('woff');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

/* Bold Italic */
@font-face {
  font-family: 'GenosGFG';
  src: url('/assets/fonts/GenosGFG-BoldItalic.woff') format('woff');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

/* Apply font to AdminJS app */
#app,
#app * {
  font-family: 'GenosGFG', -apple-system, BlinkMacSystemFont,
    'Segoe UI', Roboto, sans-serif !important;
}

/* =========================
   Topbar (blue) + safe dropdown
   ========================= */

/* Topbar background ONLY */
section[data-css="topbar"].adminjs_NavBar,
section[data-css="topbar"].adminjs_NavBar>section {
  background-color: #182A63 !important;
}

/* Topbar text & icons (ONLY direct children, avoids dropdowns) */
section[data-css="topbar"].adminjs_NavBar>section>* {
  color: #ffffff !important;
}

section[data-css="topbar"].adminjs_NavBar>section>* svg {
  stroke: #ffffff !important;
  fill: none !important;
}

/* Hover effect for buttons on the topbar */
section[data-css="topbar"].adminjs_NavBar button:hover {
  background-color: rgba(255, 255, 255, 0.15) !important;
}

/* =========================
   Dropdown / logout menu (readable)
   ========================= */

.adminjs_DropDownMenu,
.adminjs_DropDownMenu * {
  background-color: #ffffff !important;
  color: #111111 !important;
}

.adminjs_DropDownMenu svg {
  stroke: #111111 !important;
  fill: none !important;
}