/*
Theme Name: JaZZ 2010 Kula
Description: Child-Theme von Twenty Twenty-Five im Stil des JaZZ 2010 Kula Logos – Marineblau, Gold und Silber mit klassischer Serifenschrift.
Author: JaZZ 2010
Template: twentytwentyfive
Version: 1.0.0
Requires at least: 6.7
Requires PHP: 7.4
Text Domain: kula
*/

/* ---------- Allgemein ---------- */
::selection {
	background: #f6a800;
	color: #081c3d;
}

/* ---------- Header ---------- */
.kula-header .wp-block-navigation a {
	color: #ffffff;
	font-weight: 600;
	text-decoration: none;
}

.kula-header .wp-block-navigation a:hover,
.kula-header .wp-block-navigation .current-menu-item > a,
.kula-header .wp-block-navigation .current-menu-ancestor > a {
	color: #ffc845;
}

.kula-header .current-menu-item > a {
	border-bottom: 2px solid #f6a800;
}

.kula-header .wp-block-site-title a {
	color: #ffffff;
	text-decoration: none;
}

.kula-header .wp-block-site-title a:hover {
	color: #ffc845;
}

.kula-header img {
	filter: drop-shadow(0 2px 6px rgba(0, 0, 0, 0.35));
}

/* Untermenü auf Marineblau */
.kula-header .wp-block-navigation .wp-block-navigation__submenu-container {
	background-color: #0e2a57 !important;
	border: 1px solid #f6a800;
	border-radius: 0 0 8px 8px;
}

.kula-header .wp-block-navigation .wp-block-navigation__submenu-container a {
	color: #ffffff;
}

.kula-header .wp-block-navigation .wp-block-navigation__submenu-container a:hover {
	color: #ffc845;
}

/* ---------- Hero ---------- */
.kula-hero h1 {
	color: #ffffff;
	font-style: italic;
	font-size: clamp(1.9rem, 4.5vw, 3.2rem);
	text-shadow: 0 2px 10px rgba(0, 0, 0, 0.35);
}

.kula-hero p {
	color: #e0e6f2;
}

.kula-hero figure.aligncenter img {
	max-width: min(420px, 80vw);
	height: auto;
}

.kula-hero .is-style-outline .wp-block-button__link {
	color: #ffffff;
	border-color: #f6a800;
}

.kula-hero .is-style-outline .wp-block-button__link:hover {
	color: #081c3d;
	background: #ffc845;
	border-color: #ffc845;
}

/* ---------- CTA-Band ---------- */
.kula-cta h2,
.kula-cta p {
	color: #ffffff;
}

.kula-cta p {
	color: #e0e6f2;
}

/* ---------- Karten (Angebote) ---------- */
.kula-card {
	background: #ffffff;
	border-top: 4px solid #f6a800;
	border-radius: 10px;
	box-shadow: 0 4px 18px rgba(8, 28, 61, 0.10);
	padding: 1.5rem !important;
	transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.kula-card:hover {
	transform: translateY(-3px);
	box-shadow: 0 8px 26px rgba(8, 28, 61, 0.18);
}

.kula-card h3 a {
	text-decoration: none;
}

/* ---------- Footer ---------- */
.kula-footer,
.kula-footer h2,
.kula-footer h3,
.kula-footer p,
.kula-footer li {
	color: #ffffff;
}

.kula-footer a {
	color: #d8e0ee;
	text-decoration: none;
}

.kula-footer a:hover {
	color: #ffc845;
}

.kula-footer .wp-block-separator {
	border-color: #f6a800;
	opacity: 0.6;
}

/* ---------- Formulare (Contact Form 7) ---------- */
.wpcf7 label {
	display: block;
	font-weight: 600;
	margin-bottom: 1rem;
	color: #0e2a57;
}

.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7 select,
.wpcf7 textarea {
	display: block;
	width: 100%;
	max-width: 34rem;
	margin-top: 0.3rem;
	padding: 0.65rem 0.8rem;
	border: 1px solid #b7c3da;
	border-radius: 8px;
	background: #ffffff;
	color: #081c3d;
	font: inherit;
}

.wpcf7 input:focus,
.wpcf7 select:focus,
.wpcf7 textarea:focus {
	outline: 2px solid #f6a800;
	outline-offset: 1px;
	border-color: #f6a800;
}

.wpcf7 input[type="submit"] {
	background: #f6a800;
	color: #081c3d;
	font-weight: 700;
	border: none;
	border-radius: 8px;
	padding: 0.75rem 1.8rem;
	cursor: pointer;
	transition: background 0.15s ease;
}

.wpcf7 input[type="submit"]:hover {
	background: #ffc845;
}

.wpcf7 form .wpcf7-response-output {
	border-color: #f6a800;
	border-radius: 8px;
	padding: 0.75rem 1rem;
	margin: 1.5rem 0 0;
}

.wpcf7-not-valid-tip {
	color: #b3261e;
	font-weight: 400;
}