/*
Theme Name: Zoe Kägi (Variante 1)
Theme URI: https://zoekaegi.ch
Author: stic gmbh
Description: Block Theme für zoekaegi.ch (DE/EN mit Polylang)
Version: 0.1.0
Requires at least: 7.0
Requires PHP: 8.0
License: GPL-2.0-or-later
Text Domain: zoekaegi
*/

/* Gestaltung steht in theme.json und in den Block-Einstellungen. Hier nur, was beides nicht kann. */

/* Keine Lücken zwischen Header, Inhalt, Footer und zwischen vollbreiten Sektionen */
.wp-site-blocks > *, .wp-block-post-content > .alignfull { margin-block: 0; }

/* Tastatur-Fokus gut sichtbar */
:where(a, button, input, textarea, select, summary):focus-visible { outline: 2px solid var(--wp--preset--color--accent); outline-offset: 3px; }

/* Aktiver Menüpunkt */
.wp-block-navigation .current-menu-item > a { text-decoration: underline 2px var(--wp--preset--color--accent); text-underline-offset: .5em; }

/* Sprachwechsel (Polylang-Block): «DE | EN» */
.zk-lang { display: flex; margin: 0; padding: 0; list-style: none; font-size: var(--wp--preset--font-size--s); font-weight: 600; }
.zk-lang li + li::before { content: "|"; margin: 0 .5em; opacity: .5; }
.zk-lang a { color: inherit; text-decoration: none; opacity: .6; }
.zk-lang .current-lang a { opacity: 1; }

/* Contact Form 7 (Formular-Markup kommt vom Plugin) */
.wpcf7 label { display: block; margin-bottom: 1rem; font-weight: 500; }
.zk-req { color: var(--wp--preset--color--accent); }
.zk-form-row { display: grid; grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr)); gap: 0 1.25rem; }
.zk-hp { display: none; }
.wpcf7 input:not([type="submit"]), .wpcf7 textarea {
  box-sizing: border-box; width: 100%; margin-top: .35rem; padding: .65rem .8rem; font: inherit;
  color: inherit; border: 1px solid var(--wp--preset--color--muted); border-radius: 3px; background: var(--wp--preset--color--base);
}
.wpcf7 input[type="submit"] {
  background: var(--wp--preset--color--navy); color: var(--wp--preset--color--base); border: 0; border-radius: 3px;
  padding: .8rem 1.6rem; font: inherit; font-size: var(--wp--preset--font-size--s); font-weight: 600;
  letter-spacing: .06em; text-transform: uppercase; cursor: pointer;
}
.wpcf7 input[type="submit"]:hover { background: var(--wp--preset--color--accent); }