/* --- Neotango.social Volledige Branding --- */

/* 1. Algemene Achtergrond: Nachtelijk dieppaars */
.column, .drawer__inner, .column-header, .scrollable, .detailed-status, .detailed-status__action-bar, .account__header__bar {
  background-color: #0d0616 !important; /* Diepere nachtelijke tint */
}

/* 2. Hoofdknoppen: Warm Oranje uit de jurk/vlammen */
.button, .tabs-bar__link.active, .tabs-bar__link.active::after {
  background: linear-gradient(135deg, #f05423 0%, #d62d20 100%) !important; /* Gradient voor meer diepte */
  border: none !important;
  color: #ffffff !important;
  font-weight: bold !important;
}

.button:hover {
  filter: brightness(1.2);
}

/* 3. Iconen en Links: Het blauw van het overhemd in de afbeelding */
.column-link.active, .column-link.active i, .status__relative-time, .status__action-bar__button.active i {
  color: #2ea3f2 !important; /* Helder blauw accent */
}

/* 4. Notificaties en Badges: Het paars/roze uit de achtergrond */
.notification__filter-bar button.active, .account__section-headline button.active {
  border-bottom-color: #9b4dff !important;
  color: #9b4dff !important;
}

/* 5. De 'Toot' knop in de zijbalk specifiek */
.compose-form__publish-button-wrapper .button {
  background: #f05423 !important;
  box-shadow: 0 2px 10px rgba(240, 84, 35, 0.3);
}

/* 6. Focus randjes in invulvelden */
.compose-form__autosuggest-wrapper, .search__input:focus {
  border-color: #f05423 !important;
}
/* Verberg het lokale inlogformulier */
.new_user {
  display: none !important;
}

.omniauth-title::after {
  content: "Please use your central NeoTango.social account to access all our platforms:";
  font-size: 14px !important; /* De gewenste grootte voor je nieuwe tekst */
  display: block;
  margin-bottom: 10px;
  color: #9b4dff; /* Een zachte paarse kleur, of gebruik #ffffff voor wit */
}

/* Verander de tekst 'Of inloggen met' in een instructie */
.omniauth-title {
  font-size: 0 !important; /* Verbergt de originele tekst */
}