/* SMP Pirates World Theme für Planka — socialmediapiraten.de CI */

@font-face {
  font-family: 'Space Grotesk';
  font-style: normal;
  font-weight: 300 700;
  font-display: swap;
  src: url('/branding/fonts/space-grotesk.woff2') format('woff2');
}

:root {
  --smp-bg: #020617;
  --smp-surface: #0a1124;
  --smp-surface-2: #1a2c4e;
  --smp-red: #ff2a2a;
  --smp-red-hover: #e62424;
  --smp-cyan: #00f0ff;
  --smp-bone: #f6efe3;
}

/* Font: Space Grotesk überall außer Icon-Fonts */
body,
.ui,
.ui.button,
.ui.header,
.ui.input input,
.ui.form input,
.ui.form textarea,
.ui.menu,
.ui.dropdown,
.ui.modal,
h1, h2, h3, h4, h5, h6,
input, button, textarea, select {
  font-family: 'Space Grotesk', 'Nunitoga', -apple-system, sans-serif !important;
}
i.icon, i.icons {
  font-family: Icons !important;
}

/* Grundfläche: SMP Deep Navy */
html, body, #root {
  background: var(--smp-bg) !important;
}

/* ===== HEADER-WORTMARKE "PLANKA" → SMP-Logo ===== */
._logo_jdrq3_40 {
  font-size: 0 !important;
  letter-spacing: 0 !important;
  background: url('/branding/smp-logo.png') left center / contain no-repeat !important;
  width: 140px !important;
  height: 50px !important;
  flex: 0 0 auto !important;
}
._logo_jdrq3_40:before {
  content: none !important;
}

/* ===== LOGIN WHITELABEL — kein PLANKA mehr ===== */

/* Weißer Login-Wrapper → SMP Deep Navy */
._wrapper_45te1_92 {
  background: var(--smp-bg) !important;
}

/* Linke Cover-Seite: episches Piratenschiff statt Planka-Default */
._cover_45te1_5 {
  background: url('/branding/login-bg.png') center / cover no-repeat !important;
}
._coverOverlay_45te1_8 {
  background: linear-gradient(rgba(2,6,23,0.35), rgba(2,6,23,0.75)) !important;
}

/* PLANKA-Block-Logo → SMP-Logo (weiß) */
._logo_45te1_70 {
  content: url('/branding/smp-logo.png') !important;
  max-height: 96px !important;
  max-width: 85% !important;
}

/* "PLANKA"-Wortmarke (formTitle) komplett raus */
._formTitle_45te1_36 {
  display: none !important;
}

/* "Anmelden"-Subtitle: hell auf Navy */
._formSubtitle_45te1_40,
._inputLabel_45te1_53,
._divider_45te1_27 {
  color: var(--smp-bone) !important;
}

/* "Powered by PLANKA"-Footer weg (interne Nutzung, volles Whitelabel) */
._poweredBy_45te1_79,
._poweredByText_45te1_87 {
  display: none !important;
}

/* Primär-Buttons: Pirates-Rot statt Planka-Grün */
.ui.green.button,
.ui.positive.button,
.ui.primary.button {
  background-color: var(--smp-red) !important;
  color: #fff !important;
}
.ui.green.button:hover,
.ui.positive.button:hover,
.ui.primary.button:hover,
.ui.green.button:focus,
.ui.positive.button:focus,
.ui.primary.button:focus {
  background-color: var(--smp-red-hover) !important;
}

/* Links: SMP Cyan */
a {
  color: var(--smp-cyan);
}
a:hover {
  color: #66f6ff;
}

/* Selektion */
::selection {
  background: var(--smp-red);
  color: #fff;
}

/* Scrollbars dunkel */
::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
::-webkit-scrollbar-track {
  background: var(--smp-bg);
}
::-webkit-scrollbar-thumb {
  background: var(--smp-surface-2);
  border-radius: 5px;
}
::-webkit-scrollbar-thumb:hover {
  background: var(--smp-red);
}