/*-----------------------------------------------------------------------------------
    CogniFlow® — /contact/ page styles
    About: Two-column contact layout (form card + visit-us info card).
           Kept in its own file so it's safe to edit without touching shared
           style.css or other pages.
    Author: Tamas Pardy (with Claude)
-----------------------------------------------------------------------------------*/

.contact-card{
	background:var(--swatch-var-4279);
	border-radius:20px;
	padding:36px 32px;
	box-shadow:0 10px 30px rgba(0,0,0,.06);
}

.contact-card h3{
	margin-bottom:10px;
}

.contact-info-list{
	list-style:none;
	margin:0 0 22px;
	padding:0;
}
.contact-info-list li{
	display:flex;
	align-items:flex-start;
	gap:14px;
	margin-bottom:16px;
}
.contact-info-list .icon-dot{
	flex:0 0 38px;
	width:38px;
	height:38px;
	border-radius:50%;
	background:rgba(45,50,80,.08);
	display:flex;
	align-items:center;
	justify-content:center;
}
.contact-info-list .icon-dot svg{
	width:17px;
	height:17px;
	fill:var(--swatch-var-7096);
}
.contact-info-list .info-text{
	padding-top:8px;
}

.contact-map-wrap{
	border-radius:16px;
	overflow:hidden;
	height:260px;
}
.contact-map-wrap iframe{
	display:block;
	width:100%;
	height:100%;
}

@media (min-width:992px){
	.contact-card{
		height:100%;
		display:flex;
		flex-direction:column;
	}
	.contact-map-wrap{
		flex:1 1 auto;
		height:auto;
		min-height:260px;
		margin-top:auto;
	}
}

@media (max-width:991px){
	.contact-card{margin-bottom:28px;}
}

@media (max-width:767px){
	.contact-card{padding:28px 22px;}
}