/* ==========================================================================
   Blocksy Account
   ========================================================================== */

/* Ausgeloggt */

.ct-header-account[data-state="out"] .ct-label {
	font-size: 16px !important;
	font-weight: 300 !important;
	color: #ffffff !important;
	text-shadow: none;
	transition: none;
}

/* Eingeloggt */

.ct-header-account[data-state="in"] .ct-label {
	font-size: 16px !important;
	font-weight: 700 !important;
	color: #ffffff !important;
	text-shadow: none;
	transition: none;
}

/* Hover */

.ct-header-account:hover .ct-label {
	text-shadow: var(--hpl-menu-text-shadow);
}

/*
 * Dropdown-Menü (erscheint bei Klick auf den Account-Baustein). Blocksy
 * setzt hier standardmässig "color: var(--theme-text-color)" (dunkel) auf
 * hellem Hintergrund - unsichtbar, sobald wir wie hier gewünscht den
 * Hintergrund auf die Header-Balken-Farbe (Rot) umstellen. Deshalb Text-
 * und Hintergrundfarbe hier gemeinsam auf unsere eigenen Variablen gesetzt.
 */
.ct-header-account-dropdown {
	background-color: var(--hpl-header-bar-background-color) !important;
	color: var(--hpl-header-bar-color) !important;
}

.ct-header-account-dropdown a {
	color: var(--hpl-header-bar-color) !important;
}

/*
 * Blocksy übernimmt hier "text-transform: var(--theme-text-transform)"
 * (Grossschrift), dieselbe Variable, die auch die Hauptmenüpunkte
 * grossschreibt. Für das Dropdown-Menü hier bewusst wieder ausgeschaltet.
 */
.ct-header-account-dropdown {
	text-transform: none !important;
}

/*
 * Rundes Platzhalter-Avatar-Icon vor "Longku Admin" ausblenden.
 */
.ct-header-account-dropdown .ct-header-account-user-info .ct-media-container {
	display: none;
}