/* =============================================================================================
   Contact oldal: kétoszlopos kártyák ikonokkal (a v2 .bcs-contact-grid mintájára).
   A szerkezetet a inc/contact.php állítja elő megjelenítéskor; az adatbázis tartalma nem változik.
   ============================================================================================= */
.bcs-contact-page { padding: 8px 0 16px; }
.bcs-contact-grid {
	display: grid;
	grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr);
	gap: 24px;
	align-items: stretch;
}
.bcs-contact-grid .bcs-box { position: relative; display: flex; flex-direction: column; min-width: 0; padding: 0; }
.bcs-contact-grid .bcs-box__inner {
	flex: 1 1 auto;
	box-sizing: border-box;
	height: 100%;
	padding: 30px 34px;
	background: #f4f7fa;
	border-left: 4px solid var(--b-accent);
	border-radius: 0 14px 14px 0;
}
.bcs-contact-grid .bcs-contact { min-width: 0; font-family: 'Open Sans', sans-serif; font-size: 15px; line-height: 1.9; color: #444; }
.bcs-contact-grid .bcs-contact p { margin: 0; }
.bcs-contact__label {
	margin-bottom: 14px !important;
	font-family: 'Roboto', sans-serif;
	font-size: 13px;
	line-height: 1.3;
	font-weight: 700;
	letter-spacing: .08em;
	text-transform: uppercase;
	color: #6b7480;
}
.bcs-contact__label .fa { margin-right: 8px; color: var(--b-accent); }
.bcs-contact__name { margin-bottom: 10px !important; font-family: 'Roboto', sans-serif; font-size: 24px; font-weight: 700; line-height: 1.25; color: #1b2430; }
.bcs-contact__list { margin: 0; padding: 0; list-style: none; }
.bcs-contact__list li { display: flex; align-items: baseline; gap: 12px; margin: 0; padding: 4px 0; }
.bcs-contact__list .fa { flex: 0 0 18px; text-align: center; color: var(--b-accent); }
.bcs-contact__key { flex: 0 0 62px; font-weight: 600; color: #1b2430; }
.bcs-contact__list a { color: #1b2430; text-decoration: none; border-bottom: 1px solid rgba(0, 128, 206, .45); overflow-wrap: anywhere; transition: color .2s ease, border-color .2s ease; }
.bcs-contact__list a:hover,
.bcs-contact__list a:focus-visible { color: var(--b-accent); border-bottom-color: var(--b-accent); }

@media (max-width: 780px) {
	.bcs-contact-grid { grid-template-columns: minmax(0, 1fr); gap: 16px; }
	.bcs-contact-grid .bcs-box__inner { padding: 22px 20px; }
	.bcs-contact__name { font-size: 21px; }
}