/*
 Theme Name:   Bricks Child Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Bricks
 Author URI:   https://bricksbuilder.io/
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*/

/* ============================================================
 *  Back-to-Top-Button — nur Pfeil, kein Text
 * ============================================================
 *
 *  Die Basis-Styles fuer .back-to-top liegen in der globalen
 *  Bricks-Custom-CSS (umzugpro-global-v6.css, Abschnitt 22).
 *  Hier nur eine gezielte Anpassung: Der Text "Nach oben" wird
 *  ausgeblendet, der Button wird ein kompakter, runder Icon-Button
 *  mit ausschliesslich dem Pfeil.
 *
 *  ueber die ID #backToTop gewinnt die Regel zuverlaessig gegen die
 *  klassenbasierte Bricks-Regel (.back-to-top) — unabhaengig von der
 *  Ladereihenfolge.
 *
 *  Greift auf jeder Seite: sowohl beim global ueber functions.php
 *  ausgegebenen Button als auch beim Button im Bricks-Single-
 *  Template (beide tragen id="backToTop"). Die Barrierefreiheit
 *  bleibt erhalten — der Button traegt weiterhin aria-label.
 * ============================================================ */

/* Text-Span ("Nach oben") ausblenden, Pfeil-Span bleibt sichtbar. */
#backToTop span:not(.back-to-top__arrow) {
	display: none;
}

/* Aus dem Pill einen kompakten, runden Icon-Button machen. */
#backToTop {
	min-width: 0;
	width: 56px;
	height: 56px;
	padding: 0;
	gap: 0;
	justify-content: center;
}

/* Pfeil etwas groesser, da er nun allein steht. */
#backToTop .back-to-top__arrow {
	font-size: 22px;
}

/* Mobile: kleiner — analog zur bestehenden Mobile-Regel
   (.back-to-top { height: 48px } in der Bricks-Custom-CSS). */
@media (max-width: 767px) {
	#backToTop {
		width: 48px;
		height: 48px;
	}
}
