/* css/contacts.css */
.contact-grid { 
    display: grid; 
    grid-template-columns: 1fr 2fr; 
    gap: 20px; /* Změna: Snížená mezera pro kompaktnější zobrazení */
}

/* Tablet a menší - přepne na jeden sloupec */
@media (max-width: 992px) { 
    .contact-grid { 
        grid-template-columns: 1fr; 
    } 
}

.direct-contact-info h3 { 
    margin-top: 0; 
    color: var(--light-blue); 
}
.contact-item { 
    display: flex; 
    align-items: center; 
    gap: 15px; 
    margin-bottom: 15px; /* Změna: Menší spodní okraj */
}
.contact-item svg { 
    fill: var(--primary-blue); 
    width: 24px; 
    height: 24px; 
    flex-shrink: 0; 
}
.contact-item a { 
    color: var(--text-color); 
    font-size: 1.1em; 
    word-break: break-all; 
}
.contact-item a:hover { 
    color: var(--light-blue); 
}
.form-box { 
    background-color: var(--card-bg); 
    padding: 20px; /* Změna: Menší vnitřní odsazení */
    margin-top: -10px; 
    border-radius: 10px; 
    border: 1px solid var(--border-color); 
}
.form-box h3 { 
    margin-top: 0; 
}
.form-group label { 
    display: block; 
    margin-bottom: 8px; 
    font-weight: bold; 
}
.form-group input, 
.form-group textarea { 
    width: 100%; 
    padding: 10px; /* Změna: Menší vnitřní odsazení v polích */
    background-color: var(--background-color); 
    border: 1px solid var(--border-color); 
    border-radius: 5px; 
    color: var(--text-color); 
    font-size: 16px; 
    box-sizing: border-box; 
}
.form-group textarea { 
    min-height: 120px; /* Změna: Snížená minimální výška textového pole */
    resize: vertical; 
}
.form-group { 
    margin-bottom: 15px; /* Změna: Menší spodní okraj */
}
.status-message { 
    padding: 15px; 
    border-radius: 5px; 
    margin-bottom: 20px; 
    text-align: center; 
}
.status-message.success { 
    background-color: #28a745; 
    color: white; 
}
.status-message.error { 
    background-color: #d73a49; 
    color: white; 
}

/* ========== MOBILNÍ ZOBRAZENÍ (PRO TELEFONY) ========== */
@media (max-width: 768px) {
    .contact-grid {
        gap: 30px;         /* Menší mezera mezi info a formulářem */
        margin-top: 30px;
    }
    .form-box {
        padding: 20px;     /* Kompaktnější formulář */
    }
    .contact-item a {
        font-size: 1em;    /* Trochu menší text odkazu */
    }
}