main>h1{
    margin-bottom: 1rem;
}

/*
 * contacts.css
 * Stíluslap az Elérhetőségek oldalhoz.
 * Feltételezi, hogy a main.css már be van töltve.
*/

/* A kártya stílus használata, ami megegyezik 
   az ingatlan adatlap kártyáival */
.contact-card {
    background-color: var(--card-bg-color, white);
    border-radius: var(--ingatlan-kartya-border-radius, 0.5rem);
    border: 1px solid #e4e7e9; /* A navbar/footer szegélyszíne */
    padding: 1.5rem 2rem;
    margin-bottom: 2rem;
    overflow: hidden; /* Biztosítja a belső elemek határon belül tartását */
}

.contact-card h2 {
    font-size: 1.8rem;
    font-weight: 600;
    color: var(--primary-font-color, #161616);
    margin-top: 0;
    margin-bottom: 1.5rem;
    border-bottom: 1px solid #e4e7e9; /* Elválasztó vonal */
    padding-bottom: 1rem;
}

.contact-card p {
    font-size: 1.1rem;
    color: var(--gray-font-color, #575757);
    line-height: 1.6;
    margin-top: -1rem;
    margin-bottom: 1.5rem;
}

/* Rács a közvetlen elérhetőségeknek, 
   hasonlóan az ingatlan adatlapi rácshoz */
.details-grid {
    display: grid;
    /* Automatikusan illeszkedő oszlopok */
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 1.5rem;
}

/* A main.css .detail stílusának felülírása/kiegészítése */
.details-grid .detail {
    /* Az main.css már stílusozza (flex-direction: column) */
    padding: 1rem;
    background-color: var(--body-bg-color, #fdfdfd); /* Enyhén eltérő háttér */
    border-radius: var(--border-radius, 0.5rem);
    border: 1px solid #e4e7e9;
}


/* --- Űrlap stílusok --- */

.form-group {
    margin-bottom: 1.25rem;
}

.form-group label {
    display: block;
    font-weight: 600;
    font-size: 1.1rem;
    color: var(--primary-font-color, #161616);
    margin-bottom: 0.5rem;
}

.form-group input[type="text"],
.form-group input[type="email"],
.form-group textarea {
    width: 100%;
    padding: 0.85rem 1rem;
    font-size: 1rem;
    font-family: 'IBM Plex Sans', sans-serif;
    color: var(--primary-font-color, #161616);
    
    /* Koherens szegély */
    border: 1px solid #ccc;
    border-radius: var(--border-radius, 0.5rem);
    
    background-color: #fff;
    
    transition: border-color 200ms ease, box-shadow 200ms ease;
}

/* Kiemelés (focus) stílus, a brand színnel */
.form-group input[type="text"]:focus,
.form-group input[type="email"]:focus,
.form-group textarea:focus {
    outline: none;
    border-color: var(--brand-color, #2b3840);
    box-shadow: 0 0 0 3px rgba(43, 56, 64, 0.1); /* Finom árnyék */
}

.form-group textarea {
    resize: vertical; /* Csak függőlegesen átméretezhető */
    min-height: 120px;
}

/* --- Elsődleges gomb stílus --- */
/* Ez illeszkedik a 'nav a' stílusához, de 
   elsődleges műveletként (kitöltött) jelenik meg */
.btn-primary {
    display: inline-block;
    border: 0.125em solid var(--brand-color, #2b3840);
    border-radius: 0.7rem; /* A 'nav a'-ból */
    
    background-color: var(--brand-color, #2b3840);
    color: #fff; /* Fehér szöveg a sötét háttéren */
    
    /* A 'nav a' betűcsaládja */
    font-family: Roobert, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-weight: 600;
    font-size: 1.2rem;
    line-height: 1.2rem;
    
    padding: 0.85rem 1.5rem; /* Kicsit nagyobb padding */
    text-align: center;
    
    cursor: pointer;
    text-decoration: none;
    
    transition: all 300ms cubic-bezier(.23, 1, 0.32, 1);
    user-select: none;
    -webkit-user-select: none;
    touch-action: manipulation;
}

.btn-primary:hover {
    opacity: 0.9;
    box-shadow: rgba(0, 0, 0, 0.15) 0 4px 8px;
    transform: translateY(-1.5px);
}

.btn-primary:active {
    box-shadow: none;
    transform: translateY(0);
}