/* kontakt — pun blok presečen na pola.

   Slika ide do jedne ivice ekrana, panel do druge; tekst u panelu se
   poravnava sa kontejnerom ostatka strane, pa blok izlazi iz mreže samo
   bojom, a ne i tipografskom linijom. */

.pew-contact__split {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr);
    align-items: stretch;
}
/* Slika desno: menja se redosled kolona, ne markup — na telefonu slika i
   dalje treba da bude ispod teksta. */
.pew-contact__split--obrnuto { grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr); }
.pew-contact__split--obrnuto .pew-contact__media { order: 2; }
.pew-contact__split--solo { grid-template-columns: 1fr; }

.pew-contact__media { position: relative; }
/* Slika ovde nema svoj odnos stranica: visinu diktira panel pored nje, a
   fotografija je popunjava kroz object-fit: cover. */
.pew-contact__media .pew-media,
.pew-contact__media .pew-ph {
    aspect-ratio: auto;
    height: 100%;
    min-height: 420px;
    border-radius: 0;
    border-width: 0;
}

.pew-contact__panel {
    background: var(--pew-bg);
    display: flex;
    align-items: center;
}
.pew-contact__inner {
    width: 100%;
    padding: var(--sp-2xl) var(--gutter);
    /* Desna ivica teksta pada na desnu ivicu kontejnera ostatka strane. */
    padding-right: max(var(--gutter), (100vw - var(--w-base)) / 2 + var(--gutter));
    max-width: calc(var(--w-base) / 2 + (100vw - var(--w-base)) / 2);
}
.pew-contact__split--solo .pew-contact__inner {
    margin-inline: auto;
    max-width: var(--w-base);
}

.pew-contact__inner h2 { margin-bottom: var(--sp-sm); }
.pew-contact__text { margin-bottom: var(--sp-lg); }

.pew-contact__list { display: grid; gap: var(--sp-xs); margin-bottom: var(--sp-lg); }
.pew-contact__list li {
    display: flex;
    align-items: center;
    gap: .65rem;
    font-size: var(--fs-small);
    color: var(--pew-fg-body);
}
.pew-contact__list svg { color: var(--pew-accent); flex: none; }
.pew-contact__list a { transition: color var(--dur-base) var(--ease-out); }
.pew-contact__list a:hover { color: var(--pew-accent); }

/* Slot koji stoji dok shortcode forme nije unet. Visina umesto odnosa
   stranica: forma nema odnos stranica, ima broj polja. */
.pew-contact__form-slot {
    aspect-ratio: auto;
    min-height: 240px;
    background: var(--pew-surface);
}

@media (max-width: 900px) {
    .pew-contact__split,
    .pew-contact__split--obrnuto { grid-template-columns: 1fr; }
    .pew-contact__split--obrnuto .pew-contact__media { order: 0; }
    .pew-contact__media .pew-media,
    .pew-contact__media .pew-ph { min-height: 280px; }
    .pew-contact__inner { max-width: none; padding-inline: var(--gutter); }
}

/*
 * Omotač oko izlaza Forminator forme.
 *
 * Sada nosi samo razmak iznad. Mapiranje na Forminatorove klase (.forminator-
 * input, .forminator-button …) ide u assets/css/forminator.css i piše se tek
 * kad forma bude napravljena na sajtu — pogađanje imena klasa unapred daje
 * selektore koji tiho ne pogađaju ništa.
 */
.pew-contact__form { margin-top: var(--sp-lg); }