/*
Theme Name: Well-Being Center Basel
Theme URI: https://wellbeingcenter-basel.ch
Author: Well-Being Center
Description: Well-Being Center Basel – Zentrum für ganzheitliche Therapie und Wohlbefinden
Version: 1.0.2
Requires at least: 6.5
Tested up to: 6.7
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: wbc
Tags: block-theme, full-site-editing, health, wellness, two-columns, custom-colors, custom-logo
*/

/* Basis-Verfeinerungen (das meiste kommt aus theme.json) */

:root {
	--wbc-shadow: 0 12px 40px rgba(21, 36, 28, 0.10);
	--wbc-shadow-soft: 0 6px 24px rgba(21, 36, 28, 0.07);
}

body {
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
}

/* Buttons etwas weicher */
.wp-element-button,
.wp-block-button__link {
	letter-spacing: 0.02em;
	transition: transform 0.15s ease, background-color 0.15s ease, box-shadow 0.15s ease;
}
.wp-block-button__link:hover {
	transform: translateY(-2px);
	box-shadow: var(--wbc-shadow-soft);
}

/* Spalten, die Karten enthalten, immer auf gleiche Höhe strecken */
.wp-block-columns:has(> .wp-block-column.is-style-wbc-card) {
	align-items: stretch;
}
.wp-block-column.is-style-wbc-card {
	display: flex;
	flex-direction: column;
}

/* Karten / Gruppen mit Hintergrund bekommen sanfte Rundung + Schatten */
.is-style-wbc-card {
	box-shadow: var(--wbc-shadow-soft);
	border-radius: 18px;
	overflow: hidden;
	height: 100%;
	transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.is-style-wbc-card:hover {
	transform: translateY(-4px);
	box-shadow: var(--wbc-shadow);
}

/* Überschriften: Akzentlinie */
.is-style-wbc-eyebrow {
	text-transform: uppercase;
	letter-spacing: 0.18em;
	font-weight: 600;
	font-size: 0.85rem;
}

/* Footer: Links weiss statt gruen (gruen auf gruenem Grund unlesbar) */
.site-footer a {
	color: #ffffff;
	text-decoration: underline;
	text-underline-offset: 0.22em;
	text-decoration-color: rgba(255, 255, 255, 0.55);
}
.site-footer a:hover {
	text-decoration-color: #ffffff;
}

/* Navigation Hover */
.wp-block-navigation .wp-block-navigation-item__content:hover {
	text-decoration: underline;
	text-underline-offset: 0.3em;
}

/* Runde Team-/Bildkacheln */
.is-style-rounded img,
.is-style-wbc-rounded img {
	border-radius: 18px;
}

/* Header sticky-Optik */
.wp-block-template-part.site-header {
	position: relative;
}