/**
 * Contact page only (loaded via Magento_Contact/layout/contact_index_index.xml).
 * Square, shadowless cards (button style comes from the theme, components/button.css); right column = CMS block
 * "contact-info" (headings kz-contact__title / kz-contact__city, texts kz-contact__address).
 * Scoped to .contact-index-index .column.main (header/footer untouched).
 */

/* no top padding on the form/info row (Hyvä: py-8), the page title sets the space */
.contact-index-index .column.main :has(> form.contact) {
    padding-top: 0;
}

.contact-index-index .column.main .card {
    border-radius: 0;
    box-shadow: none;
}

.contact-index-index .column.main form.contact {
    border: 1px solid #e3e0da;
    background: #fff;
}

/* right column */
.contact-index-index .column.main form.contact + .card,
.contact-index-index .column.main .card:has(.kz-contact__city) {
    background: #f5f5f3;
}

/* form heading "Schicken Sie uns eine Nachricht" */
.contact-index-index .column.main form.contact legend,
.contact-index-index .column.main form.contact h2 {
    font-size: 1.25rem;
    font-weight: 400;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.contact-index-index .column.main form.contact :is(input, textarea, select) {
    border-radius: 0;
}

/* CMS block "contact-info" */
.contact-index-index .kz-contact__title {
    margin: 0 0 1.25rem;
    font-size: 0.75rem;
    font-weight: 500;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: #6b6b6b;
}

.contact-index-index .kz-contact__address + .kz-contact__title {
    margin-top: 2.5rem;
}

.contact-index-index .kz-contact__city {
    margin: 0 0 0.5rem;
    font-size: 1.25rem;
    font-weight: 400;
    letter-spacing: 0.15em;
    text-transform: uppercase;
}

.contact-index-index .kz-contact__address {
    margin-bottom: 1.75rem;
    line-height: 1.7;
    color: #333;
}

.contact-index-index .kz-contact__address p {
    margin: 0;
}

.contact-index-index .kz-contact__address a {
    color: inherit;
    text-decoration: underline;
    text-decoration-color: rgb(0 0 0 / 0.3);
    text-underline-offset: 0.3em;
}

.contact-index-index .kz-contact__address a:hover,
.contact-index-index .kz-contact__address a:focus-visible {
    text-decoration-color: currentColor;
}