/* =========================================================
   CATALEYA MASSAGE – MARKENFARBE

   Dieses Stylesheet färbt alles, was im Standard-Bootstrap „blau“ ist oder eine
   „primary“-Farbe trägt, in der Markenfarbe ein. Es wirkt NUR, wenn <body> die Klasse
   "cataleya-brand" trägt – also auf allen Seiten außer WooCommerce (Shop, Produkt,
   Warenkorb, Kasse, Konto). Siehe inc/brand.php.

   Links, h3–h5, .btn-primary, Labels, Seitenzahlen und Reiter werden nicht hier, sondern
   in base.css über die Variable --accent gefärbt (dort steht auch der Grund).

   ":where()" gibt diesen Regeln die Spezifität 0: Eine spezifischere Regel (Plugin,
   Block-Editor, eigene CSS-Klasse) darf sie jederzeit überschreiben.

   Die Farben selbst stehen ausschließlich in style.css (--cataleya-brand, daraus --primary).
   ========================================================= */

/* Buttons: weiße Schrift mit leichtem Schatten (wie im bisherigen Skin) */
:where(.cataleya-brand) .btn-primary {
	color: #fff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

/* Text- und Hintergrundklassen „primary“ */
:where(.cataleya-brand) .text-primary {
	color: var(--primary);
}

:where(.cataleya-brand) a.text-primary:hover,
:where(.cataleya-brand) a.text-primary:focus {
	color: var(--primary);
}

:where(.cataleya-brand) .bg-primary {
	background-color: var(--primary);
}

:where(.cataleya-brand) a.bg-primary:hover,
:where(.cataleya-brand) a.bg-primary:focus {
	background-color: var(--primary);
}

/* Eingabefelder: Rahmen und Schein beim Anklicken in der Markenfarbe statt Bootstrap-Blau */
:where(.cataleya-brand) .form-control:focus {
	border-color: var(--primary);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(var(--primary-rgb), 0.4);
}

/* Seitenzahlen unter Beitragslisten (the_posts_pagination) */
:where(.cataleya-brand) .page-numbers.current {
	background: var(--primary);
	border-color: var(--primary);
	color: #fff;
}