/*
 * contact-page.css — layout za dvokolonsku kontakt stranicu
 * (levo tekst, desno Contact Form 7 forma). Sama forma (.amo-form-wrapper,
 * .amo-input, .amo-submit...) je već stilizovana globalno (Code Snippets
 * #12 "CSS za formu"), ovde je samo raspored sekcije.
 */

.contact-section {
    padding: 70px 0;
}

.contact-section .row {
    row-gap: 40px;
}

.contact-section__text {
    padding-right: 40px;
}

.contact-section__text h1 {
    font-size: clamp(28px, 3vw, 42px);
    margin-bottom: 20px;
}

.contact-section__body {
    font-size: 17px;
    line-height: 1.7;
    color: #dcdcdc;
}

.contact-section__body p {
    margin-bottom: 16px;
}

.contact-section__body a {
    color: #d8a852;
    text-decoration: underline;
}

.contact-section__form .amo-form-wrapper {
    margin: 0;
    max-width: 100%;
    border: 1px solid #D8A852;
}

@media (max-width: 991px) {
    .contact-section {
        padding: 40px 0;
    }

    .contact-section__text {
        padding-right: 0;
        text-align: center;
    }

    .contact-section__text h1 {
        text-align: center;
    }
}