/* --------------------------------------------------
Eigene Ergaenzungen zum Theme.

app.css ist das Build-Ergebnis der Agentur, die SCSS-Quellen liegen nicht im
Repo. Handgeschriebene Regeln gehoeren deshalb hierher - in app.css waeren sie
bei einem Neubau verloren. Diese Datei wird in functions.php nach 'theme'
eingebunden und gewinnt damit bei gleicher Spezifitaet.
-------------------------------------------------- */

/* Google-Bewertungen in der Kopfleiste, 30.10.2026.

Vorher trug die Huelle "d-none d-block@mobile-nav" - der Umbruchpunkt
mobile-nav liegt bei 1162px, die Bewertungen fehlten also auf Handys,
Tablets und kleineren Notebooks.

Der Platz in der Leiste ist knapp und genau berechenbar:

    frei = Fensterbreite - 258px
    (24px Container-Rand x 2, 116px Kontaktsymbole links,
     94px Suche/Merkliste/Flagge rechts)

Das Elfsight-Widget baut fest 154 x 22 px und schrumpft nicht mit. Ab 424px
passt es unveraendert hinein, darunter wird es verkleinert.

Eine zweite Zeile waere KEIN Ausweg: .main__topbar hat in app.css eine feste
Hoehe von 2.5rem (40px), zwei Zeilen brauchen 48px - der Balken schneidet
dann oben die Symbole und unten die Bewertungen an. Am 30.10.2026 auf einem
iPhone so gesehen und wieder zurueckgenommen.

Verkleinert wird ueber transform; das veraendert die Layoutbreite nicht,
deshalb holt ein negativer rechter Rand den Platz wieder herein
(154px x Rest-Anteil). Haengt daran, dass das Widget 154px breit bleibt -
aendert sich das, sitzt es ein paar Pixel aus der Mitte, mehr nicht. */
.bitou-bewertungen {
	display: block;
}

/* 376-423px: iPhone 12-15 (390), 14 Pro (393), Plus (414) -> 105 x 15 px */
@media (max-width: 423px) and (min-width: 376px) {
	.main__topbar .bitou-bewertungen > div {
		transform: scale(.68);
		transform-origin: left center;
		margin-right: -49.3px;
	}
}

/* 360-375px: iPhone SE/8 (375), viele Androiden (360) -> 89 x 13 px */
@media (max-width: 375px) and (min-width: 360px) {
	.main__topbar .bitou-bewertungen > div {
		transform: scale(.58);
		transform-origin: left center;
		margin-right: -64.7px;
	}
}

/* Darunter bleiben nur 62px frei - dort gar nicht zeigen. */
@media (max-width: 359px) {
	.main__topbar .bitou-bewertungen {
		display: none;
	}
}