/*
Theme Name:   NextaMed
Theme URI:    https://nextamed.de
Author:       NextaMed
Description:  Schlankes Block-Theme fuer den NextaMed-Shop. Bewusst ohne Baukasten
              aufgebaut: Layout und Design stecken in theme.json und den Template-
              Dateien, damit alles per Git versioniert und per KI aenderbar ist.
Version:      2.2.10
Requires at least: 6.9
Tested up to: 7.1
Requires PHP: 8.2
License:      MIT
License URI:  https://opensource.org/licenses/MIT
Text Domain:  nextamed
Tags:         block-theme, e-commerce, wide-blocks, full-site-editing
*/

/*
 * Nur, was sich in theme.json nicht abbilden laesst. Farben, Abstaende und
 * Schriftgroessen stehen in theme.json; Bausteine in patterns/. Klassische
 * WooCommerce-Selektoren (.woocommerce ul.products) gibt es im Block-Theme nicht mehr.
 */

/* Barrierefreiheit: Fokus muss sichtbar bleiben, auch bei Formularfeldern */
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
    outline: 3px solid var(--wp--preset--color--primary);
    outline-offset: 2px;
}

/*
 * Gewaehrleistungshinweis in der Kasse (nxm-kasse gewaehrleistung_abschnitt, P-441). Die amtliche Grafik bleibt
 * unveraendert und wird nur skaliert; 35rem halten das Kleingedruckte am Desktop ohne Zoom lesbar.
 */
.nxm-gewaehrleistung {
    padding: var(--wp--preset--spacing--40);
    border-radius: 8px;
    background: var(--wp--preset--color--surface);
}

/* Doppelt, weil die Klassen von WooCommerce am Titel gleich stark sind und sonst der Abstand fehlt. */
.nxm-gewaehrleistung .nxm-gewaehrleistung__titel {
    margin: 0 0 var(--wp--preset--spacing--10);
}

.nxm-gewaehrleistung__text {
    margin: 0 0 var(--wp--preset--spacing--30);
    color: var(--wp--preset--color--muted);
    font-size: var(--wp--preset--font-size--small);
}

.nxm-gewaehrleistung__bild {
    max-width: 35rem;
    margin-inline: auto;
    background: var(--wp--preset--color--base);
}

.nxm-gewaehrleistung__bild img {
    display: block;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    height: auto;
}

.nxm-gewaehrleistung__link {
    margin: var(--wp--preset--spacing--30) 0 0;
    font-size: var(--wp--preset--font-size--small);
    text-align: center;
}

@media (max-width: 600px) {
    .nxm-gewaehrleistung {
        padding: var(--wp--preset--spacing--30) var(--wp--preset--spacing--20);
    }
}

/*
 * Bestellgruppe in der Kasse (nxm-kasse bestellgruppe, P-443): Turnstile steht direkt ueber dem Knopf, in beiden
 * Breiten mit demselben Abstand. Haengt am Feld selbst; steht es dort nicht, bleibt der Aufbau von WooCommerce.
 */
#cf-turnstile-woo-checkout {
    margin-bottom: var(--wp--preset--spacing--30);
}

#cf-turnstile-woo-checkout + .wc-block-checkout__actions {
    padding-top: 0;
}

.screen-reader-text {
    position: absolute !important;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
    white-space: nowrap;
}