/*
Theme Name: The Bathroom Designer
Theme URI: https://thebathroomdesigner.nl
Author: Romano Sperling
Author URI: https://thebathroomdesigner.nl
Description: Clean, lightweight companion theme for The Bathroom Designer, built to work with Elementor Pro's Theme Builder. Handles WordPress core output only — headers, footers, and page layouts are managed visually in Elementor.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: thebathroomdesigner
*/

/* -----------------------------------------
   Minimal reset — Elementor handles most
   layout/spacing, so this only normalizes
   what browsers disagree on by default.
----------------------------------------- */

*,
*::before,
*::after {
	box-sizing: border-box;
}

html {
	-webkit-text-size-adjust: 100%;
	scroll-behavior: smooth;
}

body {
	margin: 0;
	font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
	line-height: 1.6;
	background-color: #111110;
	color: #f5f2ee;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Cormorant Garamond', Georgia, serif;
	font-weight: 500;
	line-height: 1.2;
	margin: 0 0 0.5em;
}

img {
	max-width: 100%;
	height: auto;
	display: block;
}

a {
	color: inherit;
	text-decoration: none;
}

ul, ol {
	padding-left: 1.2em;
}

/* Skip link for accessibility — hidden until focused */
.skip-link {
	position: absolute;
	left: -9999px;
	top: 0;
	background: #111110;
	color: #f5f2ee;
	padding: 0.75em 1em;
	z-index: 999999;
}

.skip-link:focus {
	left: 0;
}

/* Fallback content wrapper — only used on non-Elementor pages/404 */
.tbd-fallback-content {
	max-width: 760px;
	margin: 4em auto;
	padding: 0 1.5em;
}