/*
Theme Name: Recosol
Theme URI: https://recosol.ch
Author: stic gmbh
Description: Block Theme für recosol.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: recosol
*/

/* 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; }

/* Fett im Fliesstext (Grundgewicht 300, «bolder» wäre nur 400) */
strong, b { font-weight: 600; }

/* Tastatur-Fokus gut sichtbar (Browser-Standard ist auf dem dunklen Header kaum zu sehen) */
:where(a, button, input, textarea, select, summary):focus-visible { outline: 2px solid var(--wp--preset--color--primary); outline-offset: 3px; }

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

/* Logo im Header auf dem Handy kleiner (Breite steht inline im Logo-Pattern) */
@media (width <= 480px) { .wp-site-blocks > header .wp-block-image img { width: 140px !important; } }

/* Sprachwechsel (Polylang-Block ab 3.9: div.rs-lang > ul, Layout «horizontal»): «DE | EN» */
.rs-lang { width: auto; flex-shrink: 0; font-size: var(--wp--preset--font-size--s); font-weight: 600; }
.rs-lang ul { flex-wrap: nowrap; align-items: center; }
.rs-lang li { display: flex; align-items: center; }
.rs-lang li + li::before { content: "|"; margin: 0 .5em; opacity: .6; }
.rs-lang a { padding: 0; color: inherit; opacity: .7; }
.rs-lang .current-lang a { opacity: 1; text-decoration: underline 2px; text-underline-offset: .4em; }

/* Contact Form 7 (Formular-Markup kommt vom Plugin) */
.wpcf7 label { display: block; font-size: 1rem; font-weight: 400; margin-bottom: 1rem; }
.rs-hp { display: none; }
.rs-req { color: var(--wp--preset--color--primary-dark); }
.rs-form-row { display: grid; grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr)); gap: 0 1.25rem; }
.wpcf7 input:not([type="submit"]), .wpcf7 textarea {
  box-sizing: border-box; width: 100%; margin-top: .35rem; padding: .6rem .8rem; font: inherit;
  border: 1px solid var(--wp--preset--color--muted); border-radius: 6px; background: var(--wp--preset--color--base);
}
.wpcf7 input[type="submit"] {
  background: var(--wp--preset--color--primary-dark); color: var(--wp--preset--color--base); border: 0; border-radius: 25px;
  padding: .7rem 1.75rem; font: inherit; font-size: 1rem; font-weight: 600; cursor: pointer;
}
.wpcf7 input[type="submit"]:hover { background: var(--wp--preset--color--dark); }