/*
Theme Name: Hauswerk (Bricks Child)
Theme URI: https://hauswerk-bau.at
Author: MULTIMEDIAFABRIK — Mike Joerihsen
Author URI: https://multimediafabrik.at
Description: Child-Theme fuer Hauswerk Baumanufaktur 2R GmbH. Bricks liefert Header, Footer und den Funnel-CPT. Alle redaktionellen Inhalte laufen ueber Gutenberg-SSR-Bloecke (hauswerk/*).
Template: bricks
Version: 0.1.0
Text Domain: hauswerk
License: GPLv2 or later
*/

/*
 * Styling gehoert NICHT hierher.
 * - Block-Styles: assets/css/hauswerk-blocks.css
 * - Bricks-Seite (Header/Footer/Funnel): Global Classes im Bricks-UI, sonst WPCodeBox-SCSS
 *
 * Ausnahme (bewusst): Element-Defaults mit niedriger Spezifitaet (0,0,1), damit
 * Block-Klassen sie schlagen koennen. Siehe Boilerplate-Briefing, Spezifitaets-Falle.
 */

/* Bricks begrenzt WordPress-gerenderten Content hart auf 1100 px:
   `#brx-content.wordpress { width: 1100px }` aus content-default.min.css.
   Das engt die full-bleed Block-Sections ein, deshalb zuruecksetzen — die
   Breite regelt bei uns .hw-container ueber --content-width.

   Zwei Fallstricke:
   1. Bricks rendert das Element je nach Kontext als <main> ODER <article>
      -> nicht auf einen Tag selektieren.
   2. Die Bricks-Regel hat Spezifitaet (1,1,0) -> `.wordpress` muss mit in den
      Selektor, sonst gewinnt Bricks. */
#brx-content,
#brx-content.wordpress {
	width: 100%;
	max-inline-size: 100%;
	padding: 0;
}

h1, h2, h3, h4, h5, h6 {
	color: var(--neutral-dark);

	/* `balance` verteilt die Zeilen einer Überschrift gleichmäßig, statt die
	   letzte Zeile mit einem einzelnen Wort stehen zu lassen. Greift bis vier
	   Zeilen; ältere Browser ignorieren die Angabe folgenlos. */
	text-wrap: balance;
}

/* Fließtext: `pretty` lässt den Umbruch unangetastet, verhindert aber
   Schusterjungen am Absatzende. */
p, li, figcaption, blockquote, dd {
	text-wrap: pretty;
}

/* -------------------------------------------------------------------------
 * Telefonnummern
 *
 * Am Rechner ist eine Nummer kein sinnvolles Klickziel — dort soll sie wie
 * normaler Text aussehen. Erst auf Telefonbreite, wo der Tipp auf die Nummer
 * tatsaechlich waehlt, wird sie als Link kenntlich gemacht.
 * E-Mail-Links bleiben unberuehrt, die sind auf jedem Geraet klickbar.
 * ---------------------------------------------------------------------- */

a[href^="tel:"] {
	color: inherit;
	text-decoration: none;
}

@media (max-width: 600px) {
	a[href^="tel:"] {
		text-decoration: underline;
		text-underline-offset: .2em;
	}
}