/* === Kompaktniji prikaz grupe "Klub" u Participants Database === */

/* cijela grupa "Klub" kao fleksibilna rešetka */
.pdb-group-klub {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 20px; /* razmak između polja */
}

/* sva polja u grupi Klub */
.pdb-group-klub .pdb-field {
    box-sizing: border-box;
}

/* Naziv kluba (first_name) – cijela širina */
.pdb-group-klub .pdb-field-first_name {
    flex: 0 0 100%;
}

/* OIB kluba + Adresa, mjesto – 2 u jednom redu */
.pdb-group-klub .pdb-field-oib_kluba,
.pdb-group-klub .pdb-field-address {
    flex: 0 0 calc(50% - 10px);
}

/* Telefon, e-mail + Odgovorna osoba – 2 u jednom redu */
.pdb-group-klub .pdb-field-phone,
.pdb-group-klub .pdb-field-pin {
    flex: 0 0 calc(50% - 10px);
}

/* GDPR – može cijeli red, ali uži */
.pdb-group-klub .pdb-field-gdpr {
    flex: 0 0 100%;
    max-width: 320px;
}

/* Na mobitelu sve ide u jedan stupac */
@media (max-width: 768px) {
    .pdb-group-klub {
        display: block;
    }
    .pdb-group-klub .pdb-field,
    .pdb-group-klub .pdb-field-first_name,
    .pdb-group-klub .pdb-field-oib_kluba,
    .pdb-group-klub .pdb-field-address,
    .pdb-group-klub .pdb-field-phone,
    .pdb-group-klub .pdb-field-pin,
    .pdb-group-klub .pdb-field-gdpr {
        flex: 0 0 100%;
        max-width: 100%;
    }
}