/*
Theme Name: Hello Elementor MWD
Description: Motyw potomny Hello Elementor dla Media w Domu. Tokeny i typografia z makiet MWD (MWD/komponenty.md §1). Źródło w repo: MWD/motyw/hello-elementor-mwd/, wgrywa MWD/_wp/wgraj_motyw.py. Nie edytować na serwerze.
Template: hello-elementor
Version: 1.0.0
Text Domain: hello-elementor-mwd
*/

/* Tokeny MWD (komponenty.md §1.1). Czerwień jak w Eco (#E73149), szarości tekstu z makiet. */
:root {
	--mwd-ink: #141719;
	--mwd-ink-2: #5F6368;
	--mwd-ink-3: #8E8A85;
	--mwd-bg: #FBFAF8;
	--mwd-card: #FFFFFF;
	--mwd-soft: #F3F0EC;
	--mwd-line: #E7E3DE;
	--mwd-line-strong: #D8D3CC;
	--mwd-accent: #E73149;
	--mwd-accent-dark: #C21F35;
	--mwd-accent-soft: #FDEDEF;
	--mwd-accent-line: #F7D4D9;
	--mwd-dark-card: #1D2124;
	--mwd-dark-ink-2: #AEAAA4;
	--mwd-blue: #367EBD;
	--mwd-r: 20px;
	--mwd-r-btn: 10px;
	--mwd-maxw: 1100px;
	--mwd-font: "Inter", Arial, "Helvetica Neue", sans-serif;
}

/* Podstawa dla wszystkich stron (także tych spoza Elementora, np. polityka prywatności). */
body.mwd {
	background: var(--mwd-bg);
	color: var(--mwd-ink-2);
	font-family: var(--mwd-font);
	font-size: 17px;
	line-height: 1.6;
	-webkit-font-smoothing: antialiased;
}
body.mwd h1, body.mwd h2, body.mwd h3, body.mwd h4 {
	color: var(--mwd-ink);
	font-family: var(--mwd-font);
	font-weight: 800;
	letter-spacing: -0.035em;
	line-height: 1.1;
}
body.mwd h1 { font-size: clamp(2.25rem, 1.4rem + 3.4vw, 4rem); line-height: 1.03; }
body.mwd h2 { font-size: clamp(1.875rem, 1.3rem + 2.2vw, 2.85rem); }
body.mwd h3 { font-size: clamp(1.25rem, 1.05rem + 0.8vw, 1.6rem); line-height: 1.12; }
body.mwd h4 { font-size: 1.0625rem; font-weight: 700; letter-spacing: -0.01em; line-height: 1.3; }
body.mwd a { color: var(--mwd-ink); text-decoration-color: var(--mwd-accent); text-underline-offset: 4px; }
body.mwd a:hover { color: var(--mwd-accent-dark); }
body.mwd :focus-visible { outline: 2px solid var(--mwd-accent); outline-offset: 3px; }
body.mwd ::selection { background: var(--mwd-accent-soft); color: var(--mwd-ink); }

/* Przyciski poza Elementorem (formularze WP, przyciski bloków): główny czerwony z makiet. */
body.mwd .wp-element-button,
body.mwd button[type="submit"],
body.mwd input[type="submit"] {
	background: var(--mwd-accent);
	border: 0;
	border-radius: var(--mwd-r-btn);
	color: #fff;
	font-family: var(--mwd-font);
	font-weight: 700;
	min-height: 50px;
	padding: 0 24px;
}
body.mwd .wp-element-button:hover,
body.mwd button[type="submit"]:hover,
body.mwd input[type="submit"]:hover { background: var(--mwd-accent-dark); }

/* Pola formularzy jak w makietach: tło --mwd-bg, obwódka --mwd-line, promień 10 px, fokus czerwony. */
body.mwd input[type="text"], body.mwd input[type="email"], body.mwd input[type="tel"],
body.mwd select, body.mwd textarea {
	background: var(--mwd-bg);
	border: 1px solid var(--mwd-line);
	border-radius: 10px;
	color: var(--mwd-ink);
	font-family: var(--mwd-font);
	min-height: 48px;
}
body.mwd input:focus, body.mwd select:focus, body.mwd textarea:focus {
	border-color: var(--mwd-accent);
	box-shadow: 0 0 0 2px var(--mwd-accent-soft);
	outline: none;
}

/* Treść stron spoza Elementora (Hello: .site-main) w szerokości kontenera MWD. */
body.mwd:not(.elementor-page) .site-main { max-width: var(--mwd-maxw); padding-inline: 16px; }

/* Nagłówek i stopka motywu Hello – tymczasowo, do czasu nagłówka i stopki z generatora MWD (etap 1). */
body.mwd .site-header { border-bottom: 1px solid var(--mwd-line); background: var(--mwd-card); }
body.mwd .site-header .site-title a,
body.mwd .site-header .site-branding a { color: var(--mwd-ink); font-weight: 800; letter-spacing: -0.03em; text-decoration: none; }
body.mwd .site-navigation a { color: var(--mwd-ink-2); font-weight: 600; text-decoration: none; }
body.mwd .site-navigation a:hover { color: var(--mwd-ink); }
body.mwd .site-footer { background: var(--mwd-ink); color: var(--mwd-dark-ink-2); }
body.mwd .site-footer a { color: #fff; }