/*
Theme Name: SchilT Media
Theme URI: https://schiltmedia.at
Author: SchilT Media
Author URI: https://schiltmedia.at
Description: Eigenes Theme für SchilT Media – Website, Social Media & SEO für Vereine, Kampfsport- und Bildungseinrichtungen in Wien & Niederösterreich. Das komplette Design steckt in assets/css/styles.css, hier stehen nur der WordPress-Pflicht-Header und ein paar Kompatibilitäts-Regeln für den Block-Editor.
Version: 1.0.0
Requires at least: 6.4
Requires PHP: 7.4
Text Domain: schiltmedia
*/

/* =========================================================================
   Kompatibilität zwischen Gutenberg-Blöcken und unserem Design-System.
   Das eigentliche Design steht in assets/css/styles.css (dort auch die
   Design-Variablen wie Farben und Schrift).
   ========================================================================= */

/* Block-Editor-Grundklassen an unsere Design-Klassen "andocken", damit
   z. B. ein Spalten-Block mit der Zusatzklasse "grid grid--3" genauso
   aussieht wie im Design vorgesehen. */
.wp-block-group.section { padding-block: var(--abstand-abschnitt); }
.wp-block-group.section > .wp-block-group__inner-container,
.wp-block-group.section > * { max-width: var(--container); margin-inline: auto; padding-inline: clamp(1.1rem, 4vw, 2rem); }

.wp-block-columns.grid { display: grid; gap: 1.25rem; }
.wp-block-columns.grid--3 { grid-template-columns: repeat(3, 1fr); }
.wp-block-columns.grid--2 { grid-template-columns: repeat(2, 1fr); }
@media (max-width: 900px) { .wp-block-columns.grid--3 { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 620px) { .wp-block-columns.grid--3, .wp-block-columns.grid--2 { grid-template-columns: 1fr; } }
.wp-block-columns.grid > .wp-block-column { margin: 0; width: auto !important; }

.wp-block-heading { margin: 0 0 0.5em; }
.wp-block-buttons.btn-gruppe { margin-top: 1.5rem; }
.wp-block-button__link.btn { text-decoration: none; }

/* Entry-Content: keine WordPress-Standardabstände zwischen unseren
   selbst gestalteten Abschnitten. */
.entry-content > * + * { margin-top: 0; }

/* ---------- Contact Form 7: unsere Formular-Optik übernehmen ----------- */
.wpcf7-form { max-width: 620px; display: grid; gap: 1.1rem; }
.wpcf7-form p { margin: 0; display: grid; gap: 0.35rem; }
.wpcf7-form label { font-family: var(--font-head); text-transform: uppercase; letter-spacing: 0.04em; font-size: 0.85rem; display: grid; gap: 0.35rem; }
.wpcf7-form-control:not([type="checkbox"]):not([type="submit"]) {
  font: inherit; padding: 0.75rem 0.9rem; border: 1px solid #c9d0de;
  border-radius: var(--radius-klein); background: #fff; color: var(--text); width: 100%;
}
.wpcf7-form-control.wpcf7-textarea { resize: vertical; }
.wpcf7-acceptance .wpcf7-list-item { margin: 0; }
.wpcf7-acceptance label {
  display: flex; gap: 0.6rem; align-items: flex-start; font-family: var(--font-body);
  text-transform: none; letter-spacing: 0; font-size: 0.92rem; color: var(--text-leise); font-weight: 400;
}
.wpcf7-acceptance input { margin-top: 0.2rem; }
.wpcf7-response-output { margin: 0 !important; border-radius: var(--radius-klein); font-size: 0.9rem; }
.wpcf7-not-valid-tip { color: var(--farbe-rot); font-size: 0.85rem; margin-top: 0.25rem; }
.wpcf7-spinner { margin-left: 0.6rem; }