/*
Theme Name: Fysio Tema
Description: Et minimalistisk WordPress bloktema til dansk fysioterapiklinik. Neutralt og professionelt design med varm farvepalette.
Version: 1.0.0
Requires at least: 6.4
Tested up to: 6.7
Requires PHP: 8.0
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: fysio-tema
*/

/* === BASE === */

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

body {
	-webkit-font-smoothing: antialiased;
}

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

/* === FOCUS === */

:focus-visible {
	outline: 2px solid var(--wp--preset--color--primary);
	outline-offset: 3px;
	border-radius: 2px;
}

/* === HEADER === */

.site-header {
	position: sticky;
	top: 0;
	z-index: 100;
	backdrop-filter: blur(8px);
	background-color: rgba(255, 255, 255, 0.92) !important;
}

/* === NAVIGATION === */

.wp-block-navigation a {
	text-decoration: none;
}

.wp-block-navigation a:hover {
	color: var(--wp--preset--color--primary);
}

/* === BUTTONS === */

.wp-block-button.is-style-outline .wp-element-button {
	background-color: transparent !important;
	color: var(--wp--preset--color--primary) !important;
	border: 2px solid var(--wp--preset--color--primary) !important;
}

.wp-block-button.is-style-outline .wp-element-button:hover {
	background-color: var(--wp--preset--color--primary) !important;
	color: var(--wp--preset--color--white) !important;
}

/* === SEPARATORS === */

.wp-block-separator {
	border: none;
	border-top: 1px solid var(--wp--preset--color--accent);
	height: 1px;
}

/* === QUERY / POSTS === */

.wp-block-post-date,
.wp-block-post-terms {
	font-size: var(--wp--preset--font-size--small);
	color: #888888;
}