/* =============================================================
   Jundo Footer – Kontakt-Bereich (Angebotsformular + Direktkontakt)
   Mobile First | Breakpoint: sm 640px

   Sitzt oberhalb der eigentlichen Footer-Spalten, aber innerhalb des
   <footer>-Elements (parts/footer.html) – erscheint dadurch auf jeder
   Seite an fester Position, nicht nur auf der Startseite.
   ============================================================= */

.jundo-footer-contact {
    border-bottom: 1px solid rgba(255, 255, 255, .1);
}

/* =============================================================
   Formular (Contact Form 7) – eigene Zeilen-Wrapper aus dem
   CF7-Formulartext selbst (.jundo-contact-row/-grid), CF7 liefert
   nur die Input-Elemente.
   ============================================================= */
.jundo-contact-row {
    margin-bottom: 20px;
}

.jundo-contact-row label {
    display: block;
    font-size: .9em;
    font-weight: 600;
    color: #fff;
    margin-bottom: 6px;
}

.jundo-contact-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 20px;
    margin-bottom: 20px;
}
.jundo-contact-grid .jundo-contact-row {
    margin-bottom: 0;
}

@media (min-width: 640px) {
    .jundo-contact-grid {
        grid-template-columns: 1fr 1fr;
    }
}

.wpcf7-form-control.wpcf7-text,
.wpcf7-form-control.wpcf7-email,
.wpcf7-form-control.wpcf7-tel,
.wpcf7-form-control.wpcf7-select,
.wpcf7-form-control.wpcf7-textarea {
    display: block;
    width: 100%;
    box-sizing: border-box;
    padding: 12px 14px;
    border: 1px solid transparent;
    border-radius: 8px;
    background: var(--wp--preset--color--background);
    color: var(--wp--preset--color--foreground);
    font-family: inherit;
    font-size: 1em;
}

.wpcf7-form-control.wpcf7-textarea {
    min-height: 140px;
    resize: vertical;
}

.wpcf7-form-control:focus-visible {
    outline: 2px solid var(--wp--preset--color--primary-accent);
    outline-offset: 1px;
}

/* Eigenständiger Submit-Button statt core/button – übernimmt den
   EINEN Primär-Button-Stil des Themes (Rot, 8px Radius, kein Pill). */
.wpcf7-form-control.wpcf7-submit {
    display: block;
    width: 100%;
    margin-top: 4px;
    padding: 16px;
    border: none;
    border-radius: 8px;
    background: var(--wp--preset--color--primary);
    color: var(--wp--preset--color--primary-contrast);
    font-family: inherit;
    font-size: 1.05em;
    font-weight: 600;
    cursor: pointer;
    transition: background .2s;
}
.wpcf7-form-control.wpcf7-submit:hover {
    background: #C10101;
}

.wpcf7-response-output {
    color: #fff;
    border-radius: 8px;
    margin-top: 16px !important;
}

.jundo-contact-form-note {
    font-size: .85em;
    color: var(--wp--preset--color--contrast-text);
    margin-top: 16px;
}

/* =============================================================
   "Direkter Kontakt"-Card
   ============================================================= */
.jundo-contact-card {
    background: rgba(255, 255, 255, .04);
    border: 1px solid rgba(255, 255, 255, .1);
    border-radius: 16px;
}

.jundo-contact-item {
    align-items: flex-start;
    padding: 16px 0;
    border-bottom: 1px solid rgba(255, 255, 255, .1);
}
.jundo-contact-item:last-child {
    border-bottom: none;
}

.jundo-contact-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border-radius: 10px;
    flex-shrink: 0;
}

.jundo-contact-icon--phone  { background: #F97316; }
.jundo-contact-icon--email  { background: #2563EB; }
.jundo-contact-icon--adresse { background: #16A34A; }
.jundo-contact-icon--zeiten { background: #9333EA; }

.jundo-contact-item-title {
    font-weight: 700;
    color: #fff;
    margin: 0 0 2px;
}

.jundo-contact-item-value {
    font-size: .9em;
    color: var(--wp--preset--color--contrast-text);
    line-height: 1.6;
    margin: 0;
}

.jundo-contact-item-value .jundo-contact-highlight {
    color: var(--wp--preset--color--primary-accent);
    font-weight: 600;
}

/* =============================================================
   "Leistungen"-Spalte – Query-Loop statt Navigation-Block, damit die
   Liste automatisch mit dem Leistungs-CPT synchron bleibt (siehe
   parts/footer.html).
   ============================================================= */
.jundo-footer-leistungen-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 0;
}

/* WordPress hängt jedem post-template-Kind außer dem ersten automatisch
   margin-block-start an (Block-Gap-Standardabstand) – addiert sich sonst
   zum flex-"gap" oben und zieht die Links weit auseinander. */
.jundo-footer-leistungen-list > li {
    margin-block-start: 0;
    margin-block-end: 0;
}

/* wp:post-title mit level:0 rendert als <p>, nicht als <span> – trägt also
   die normale Browser-Absatz-Margin (oben/unten) und zog dadurch, trotz der
   obigen li-Margin-Regel, große Lücken zwischen den Links auf. */
.jundo-footer-leistungen-list .wp-block-post-title {
    margin: 0;
}

.jundo-footer-leistungen-list a {
    color: var(--wp--preset--color--contrast-text);
    text-decoration: none;
}

.jundo-footer-leistungen-list a:hover,
.jundo-footer-leistungen-list a:focus-visible {
    color: var(--wp--preset--color--white);
}