/* pdir.de – projekteigene Anpassungen, wird nach dem Creuva-CSS geladen */

/* Startseiten-Hero mit freigestelltem Bild (transparentes PNG): der Hintergrund-Blob
   bleibt samt Animation, nur Rundung und Schatten des Bildes entfallen */
.c-hero--cutout.c-hero--rounded .c-hero__media img {
    border-radius: 0;
    box-shadow: none;
}

/* Formular des Website-Checks (Modul toolWebsiteCheck): das Suchfeld von Creuva mit
   Globus statt Lupe, bündig unter dem Text des Heros */
.c-website-check {
    max-width: none;
}

.c-website-check__form,
.c-website-check__hint {
    max-width: 40rem;
}

.c-website-check__hint {
    margin: var(--space-s) 0 0;
    padding-left: 1.35rem;
    color: var(--c-text-muted);
    font-size: var(--fs-small);
}

/* Formulare der übrigen Tools (Module toolCheckAUrl, toolSslCheck, toolSchemaTest, toolUrlValidator):
   gleicher Aufbau wie der Website-Check, dazu Checkbox-Optionen und das Code-Feld des Schema-Tests */
.c-tool-form .c-search-field__options input {
    margin: 0 .35em 0 0;
    accent-color: var(--c-accent);
    vertical-align: -.1em;
}

.c-tool-form__code {
    max-width: 40rem;
    margin: var(--space-m) 0 0;
    padding-left: 1.35rem;
}

.c-tool-form__code summary {
    color: var(--c-accent-text);
    font-size: var(--fs-small);
    font-weight: 600;
    cursor: pointer;
}

.c-tool-form__code form {
    display: grid;
    gap: var(--space-s);
    margin-top: var(--space-s);
}

.c-tool-form__code .c-button {
    justify-self: start;
}

.c-tool-form__code label {
    font-size: var(--fs-small);
    font-weight: 600;
}

.c-tool-form__code textarea {
    min-height: 12rem;
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-size: .875rem;
    line-height: 1.5;
    resize: vertical;
}