/* === Overrides ===
   Diese Datei wird als letzte geladen und ueberschreibt bei Bedarf
   Regeln aus text-styles.css, ohne diese zu veraendern. */


/* --- Textfarbe von Block-Styles im Editor waehlbar machen ---

   text-styles.css setzt fuer .is-style-h2-home eine feste Farbe mit
   !important und einer Spezifitaet von 0-2-1 (h2.wp-block-heading.is-style-h2-home).
   WordPress gibt eine im Editor gewaehlte Farbe als .has-<preset>-color aus –
   ebenfalls mit !important, aber nur 0-1-0. Damit verliert die Editor-Farbe.

   Die Regeln hier haben 0-3-0 und gewinnen deshalb wieder. Sie greifen nur,
   wenn im Editor tatsaechlich eine Farbe gesetzt wurde. */

.wp-block-heading.is-style-h2-home.has-base-color      { color: var(--wp--preset--color--base) !important; }
.wp-block-heading.is-style-h2-home.has-base-2-color    { color: var(--wp--preset--color--base-2) !important; }
.wp-block-heading.is-style-h2-home.has-contrast-color   { color: var(--wp--preset--color--contrast) !important; }
.wp-block-heading.is-style-h2-home.has-contrast-2-color { color: var(--wp--preset--color--contrast-2) !important; }
.wp-block-heading.is-style-h2-home.has-contrast-3-color { color: var(--wp--preset--color--contrast-3) !important; }
.wp-block-heading.is-style-h2-home.has-accent-color     { color: var(--wp--preset--color--accent) !important; }
.wp-block-heading.is-style-h2-home.has-accent-2-color   { color: var(--wp--preset--color--accent-2) !important; }
.wp-block-heading.is-style-h2-home.has-accent-3-color   { color: var(--wp--preset--color--accent-3) !important; }
.wp-block-heading.is-style-h2-home.has-accent-4-color   { color: var(--wp--preset--color--accent-4) !important; }
.wp-block-heading.is-style-h2-home.has-accent-5-color   { color: var(--wp--preset--color--accent-5) !important; }
.wp-block-heading.is-style-h2-home.has-white-color      { color: var(--wp--preset--color--white) !important; }
.wp-block-heading.is-style-h2-home.has-black-color      { color: var(--wp--preset--color--black) !important; }


/* --- Fokus-Rahmen nur bei Tastaturbedienung ---

   WordPress setzt ueber die Global Styles :where(.wp-site-blocks :focus)
   einen Outline auf jedes fokussierte Element – also auch nach einem
   Mausklick auf Links oder den Menue-Button.

   Bei Maus/Touch wird der Rahmen ausgeblendet, bei Tastaturbedienung
   (:focus-visible) bleibt er sichtbar. */

.wp-site-blocks a:focus:not(:focus-visible),
.wp-site-blocks button:focus:not(:focus-visible),
.wp-block-navigation__responsive-container-open:focus:not(:focus-visible),
.wp-block-navigation__responsive-container-close:focus:not(:focus-visible),
.wp-block-navigation-overlay-close:focus:not(:focus-visible),
.svf-submenu-toggle:focus:not(:focus-visible) {
    outline: none !important;
    box-shadow: none !important;
}

.wp-site-blocks a:focus-visible,
.wp-site-blocks button:focus-visible,
.wp-block-navigation__responsive-container-open:focus-visible,
.wp-block-navigation__responsive-container-close:focus-visible,
.wp-block-navigation-overlay-close:focus-visible,
.svf-submenu-toggle:focus-visible {
    outline: 2px solid #171717 !important;
    outline-offset: 3px !important;
}


/* --- Responsive-Fixes nur fuer Fachgebiete- und Leistungs-Kacheln --- */

/* Fachgebiets-Karten mobil: Bild wieder direkt an der oberen Kartenkante. */
@media (max-width: 1024px) {
    .wp-block-group.svf-card {
        padding: 0 !important;
        flex: 0 0 auto !important;
    }
}

/* Fachgebiete und Leistungen zwischen Tablet und grossem Desktop:
   Karten umbrechen lassen, statt rechts aus dem sichtbaren Bereich zu laufen. */
@media (min-width: 1025px) and (max-width: 1439px) {
    .wp-block-group.is-nowrap:has(> .svf-card),
    .wp-block-group.is-nowrap:has(> .svf-service) {
        width: 100% !important;
        max-width: 100% !important;
        flex-wrap: wrap !important;
        justify-content: center !important;
    }
}

/* --- Praxiswissen: "Mehr anzeigen" unter den beiden Beitrags-Grids --- */
.page-id-282 .svf-load-more-wrap {
    display: flex;
    justify-content: center;
    margin-top: var(--wp--preset--spacing--30);
}