/*
 Theme Name:   communicaziun.ch - 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
*/


/**
 * Figma-SVGs: Fix für iOS/Safari
 * ----------------------------------------------------------------
 * Die aus Figma exportierten SVGs (Burger im Header, Mail- und
 * Telefon-Icon im Footer) nutzen für den Schatten einen SVG-Filter
 * mit "hardAlpha"-feColorMatrix (Alpha-Wert 127). WebKit rendert
 * diesen Filter nicht und blendet die ganze Gruppe aus – die Icons
 * sind auf iPhone/iPad komplett unsichtbar (Chrome/Android nicht).
 * Lösung: SVG-Filter deaktivieren, Schatten per CSS nachbauen.
 * Betroffen: #brxe-ojewwz (Burger), #brxe-loctdv (Mail),
 * #brxe-btunnp (Telefon). Die erste Regel greift auch für neue SVGs.
 */
.brxe-svg g[filter] {
	filter: none;
}

#brxe-ojewwz,
#brxe-loctdv,
#brxe-btunnp {
	filter: drop-shadow(0 4px 2px rgba(0, 0, 0, 0.2));
}


/**
 * Auto-Dark-Mode der Browser deaktivieren
 * ----------------------------------------------------------------
 * Die Seite ist eine reine Light-Seite (Bricks: defaultMode = light,
 * kein Theme-Umschalter). Ohne "color-scheme"-Angabe halten Chrome
 * Android, Samsung Internet und Opera die Seite für nicht dark-fähig
 * und färben sie per Algorithmus selbst ein – dabei kippt das Orange
 * #F28D07 ins Rötliche. Mit "only light" steigen wir ausdrücklich aus.
 * Das passende Meta-Tag setzt functions.php (kb_color_scheme_meta).
 */
:root {
	color-scheme: only light;
}