/*
=====================================
  Child Theme: FWU Sulzbach-Rosenberg
  Author: Peter Böhm
  Author URI: https://peter.boehm.agency
  Template: breakdance-zero-theme-master
  Version: 1.0.2
  Description: A Child Theme for the Stadtwerke Sulzbach-Rosenberg
  Text Domain: breakdance-zero
=====================================
/*
 * =========================================================
 * 1) FONT-FACE DEFINITIONS
 * =========================================================
 * Custom fonts for Albert Sans and Roboto Flex.
 */

/* Albert Sans (Normal) */
@font-face {
	font-family: "Alexandria";
	src: url("./fonts/alexandria.woff2") format("woff2");
	font-weight: 100 900;
	font-style: normal;
	font-display: swap;
}

/*
 * =========================================================
 * 2) GLOBAL BASE STYLES & COMPONENTS
 * =========================================================
 */

/* ---------------------------------------------------------
 * 2.1 Global CSS variables
 * --------------------------------------------------------- */

html:root,
body:root {
	--fwu-border-radius: 15px;
	--bde-body-font-family: "Alexandria",sans-serif;
	--bde-heading-font-family: "Alexandria",sans-serif;
}

/* ---------------------------------------------------------
 * 2.2 Root font size & scroll behavior
 * - 18px base for rem calculations
 * - scrollbar-gutter avoids layout shift when scrollbars appear
 * - scroll-padding-top for anchored scrolling under sticky header
 * --------------------------------------------------------- */

html {
	font-size: 18px;
	scrollbar-gutter: stable;
	scroll-padding-top: 100px;
}

/* Responsive adjustment of root font size on small screens */
@media (max-width: 767px) {
	html {
		font-size: 16px;
	}
}

/* ---------------------------------------------------------
 * 2.4 Font smoothing
 * - Improve text rendering on macOS/WebKit
 * --------------------------------------------------------- */

body h1,
body h2,
body h3,
body h4,
body h5,
body h6,
body p,
body a,
body span,
body li,
body li a {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/*
 * =========================================================
 * 3) TYPOGRAPHY – BREAKDANCE RICH TEXT
 * =========================================================
 */

body h1,
 body h2,
 body h3,
 body h4,
 body h5,
 body h6 {
	 font-family: "Alexandria";
 }

 body p {font-family: "Alexandria";}

/* ---------------------------------------------------------
 * 3.1 Headings inside Breakdance Rich Text
 * --------------------------------------------------------- */

.bde-rich-text.breakdance-rich-text-styles h1 {
	font-family: var(--bde-heading-font-family);
}

.bde-rich-text.breakdance-rich-text-styles h2 {
	font-family: var(--bde-heading-font-family);
}

.bde-rich-text.breakdance-rich-text-styles h3 {
	font-family: var(--bde-heading-font-family);
}

.bde-rich-text.breakdance-rich-text-styles h4 {
	font-family: var(--bde-heading-font-family);
}

.bde-rich-text.breakdance-rich-text-styles h5 {
	font-family: var(--bde-heading-font-family);
}

.bde-rich-text.breakdance-rich-text-styles h6 {
	font-family: var(--bde-heading-font-family);
}

.bde-rich-text.breakdance-rich-text-styles p {
	font-family: var(--bde-body-font-family);
}

/* Button text always left-aligned */
.breakdance .button-atom--primary,
.breakdance .button-atom--secondary,
.breakdance .button-atom--custom {
	text-align: left;
	font-family: var(--bde-heading-font-family);
}

.breakdance .bde-button__button {
	font-family: var(--bde-heading-font-family);
}