/* ============================================================
   ForNails — Kontakt (parytet z makieta Design22)
   Wlasny arkusz mu-pluginu fn-design-contact-parity.php. Zakres: wylacznie
   strona Kontakt (ID 19021). Kolory marki: roz #A34B65 / hover #7E3A4F,
   zloto #C9A15A / #E4C989, espresso #2E2321, tlo miekkie #F3E9E5 / #FBF7F5,
   ramka #E7DAD4 / #DDD0CB. Fonty: naglowki 'Playfair Display', tekst 'Poppins'.
   ============================================================ */

.fn-contact{ max-width:1240px; margin:0 auto; }

/* --- Naglowek --- */
.fn-contact__head{ margin-bottom:34px; }
.fn-contact__title{
	font-family:'Playfair Display', Georgia, serif !important;
	font-weight:600;
	font-size:38px;
	line-height:1.2;
	margin:0 0 10px;
	color:#2E2321;
	text-transform:none;
}
.fn-contact__sub{
	font-family:'Poppins', sans-serif;
	font-size:14.5px;
	color:#8B7D77;
	margin:0;
	max-width:620px;
	line-height:1.6;
}

/* --- Siatka 2 kol. (form 1.3 / info 0.7) --- */
.fn-contact__grid{
	display:grid;
	grid-template-columns:1.3fr .7fr;
	gap:34px;
	align-items:start;
}

/* --- LEWA: formularz w bialej karcie --- */
.fn-contact__form{
	background:#fff;
	border:1px solid #E7DAD4;
	padding:34px 34px 30px;
}
.fn-contact__form .wpcf7{ margin:0; }
/* wiersz Imie + e-mail obok siebie */
.fn-contact__form .fn-cf7-row{
	display:grid;
	grid-template-columns:1fr 1fr;
	gap:18px;
	margin-bottom:18px;
}
.fn-contact__form .fn-cf7-row p,
.fn-contact__form .fn-cf7-field{ margin:0 0 18px; }
.fn-contact__form .fn-cf7-row p{ margin:0; }
.fn-contact__form label{
	display:block;
	font-family:'Poppins', sans-serif;
	font-size:12.5px;
	font-weight:500;
	color:#3a2d29;
	line-height:1.5;
}
.fn-contact__form label br{ display:none; }
.fn-contact__form .wpcf7-form-control-wrap{ display:block; margin-top:7px; }
.fn-contact__form input.wpcf7-form-control:not([type="submit"]):not([type="checkbox"]),
.fn-contact__form select.wpcf7-form-control,
.fn-contact__form textarea.wpcf7-form-control{
	width:100%;
	box-sizing:border-box;
	border:1px solid #DDD0CB;
	background:#FBF7F5;
	padding:12px 14px;
	font-family:'Poppins', sans-serif;
	font-size:14px;
	color:#2E2321;
	border-radius:0;
	outline:none;
	box-shadow:none;
	line-height:1.4;
}
.fn-contact__form input.wpcf7-form-control:focus,
.fn-contact__form select.wpcf7-form-control:focus,
.fn-contact__form textarea.wpcf7-form-control:focus{
	border-color:#A34B65;
}
.fn-contact__form textarea.wpcf7-form-control{ min-height:120px; resize:vertical; }
.fn-contact__form select.wpcf7-form-control{
	appearance:none; -webkit-appearance:none; -moz-appearance:none;
	cursor:pointer;
	background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%238B7D77' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
	background-repeat:no-repeat;
	background-position:right 14px center;
	padding-right:40px;
}
/* zgoda RODO */
.fn-contact__form .fn-cf7-consent{
	display:block;
	font-family:'Poppins', sans-serif;
	font-size:12.5px;
	color:#5b4a45;
	line-height:1.5;
	margin:2px 0 22px;
}
.fn-contact__form .fn-cf7-consent .wpcf7-list-item{ margin:0; display:flex; align-items:flex-start; gap:10px; }
.fn-contact__form .fn-cf7-consent .wpcf7-list-item-label{ flex:1; }
.fn-contact__form .fn-cf7-consent input[type="checkbox"]{ margin-top:2px; width:17px; height:17px; accent-color:#A34B65; flex-shrink:0; }
.fn-contact__form .fn-cf7-consent a{ color:#A34B65; }
/* przycisk z ikona samolotu */
.fn-contact__form input.wpcf7-submit,
.fn-contact__form .wpcf7-submit{
	display:inline-flex;
	align-items:center;
	gap:9px;
	background:#A34B65 !important;
	color:#fff !important;
	-webkit-text-fill-color:#fff !important; /* motyw ustawia -webkit-text-fill-color na wyciszony -> nadpisujemy */
	opacity:1 !important;                     /* motyw dawal opacity:0.6 -> pelna krycie jak w makiecie */
	border:none !important;
	border-radius:0 !important;
	padding:15px 30px 15px 46px;
	font-family:'Poppins', sans-serif;
	font-weight:600;
	font-size:15px;
	cursor:pointer;
	transition:background .2s ease;
	background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14.536 21.686a.5.5 0 0 0 .937-.024l6.5-19a.496.496 0 0 0-.635-.635l-19 6.5a.5.5 0 0 0-.024.937l7.93 3.18a2 2 0 0 1 1.112 1.11z'/%3E%3Cpath d='m21.854 2.147-10.94 10.939'/%3E%3C/svg%3E") !important;
	background-repeat:no-repeat !important;
	background-position:20px center !important;
}
.fn-contact__form input.wpcf7-submit:hover,
.fn-contact__form .wpcf7-submit:hover{ background-color:#7E3A4F !important; color:#fff !important; -webkit-text-fill-color:#fff !important; opacity:1 !important; }
/* komunikaty CF7 */
.fn-contact__form .wpcf7-response-output{ margin:16px 0 0; border-radius:0; font-size:13px; }

/* --- PRAWA: panele info --- */
.fn-contact__aside{ display:flex; flex-direction:column; gap:18px; }

.fn-contact__panel{
	background:#2E2321;
	color:#F5EBE7;
	padding:28px 26px;
}
.fn-contact__panel-title{
	font-family:'Playfair Display', serif;
	font-size:19px;
	margin-bottom:18px;
	color:#FBF7F5;
}
.fn-contact__items{ display:flex; flex-direction:column; gap:15px; font-family:'Poppins', sans-serif; font-size:13.5px; line-height:1.5; }
.fn-contact__item{ display:flex; gap:12px; align-items:flex-start; }
.fn-contact__ic{ width:18px; height:18px; color:#C9A15A; flex-shrink:0; margin-top:1px; }
.fn-contact__ic-wa{ width:19px; height:19px; flex-shrink:0; }
.fn-contact__muted{ color:#9E8F89; }
.fn-contact__gold{ color:#E4C989 !important; text-decoration:none; }
.fn-contact__gold:hover{ text-decoration:underline; }
.fn-contact__plain{ color:#F5EBE7 !important; text-decoration:none; }
.fn-contact__wa{
	display:flex; gap:12px; align-items:center;
	color:#E4C989 !important;
	text-decoration:none;
	font-weight:500;
}
.fn-contact__wa:hover{ text-decoration:underline; }

.fn-contact__quick{
	background:#fff;
	border:1px solid #E7DAD4;
	padding:24px;
}
.fn-contact__quick-title{
	font-family:'Playfair Display', serif;
	font-size:17px;
	margin-bottom:14px;
	color:#2E2321;
}
.fn-contact__quick-links{ display:flex; flex-direction:column; gap:11px; font-family:'Poppins', sans-serif; font-size:13.5px; }
.fn-contact__quick-links a{
	display:flex; align-items:center; gap:8px;
	color:#3a2d29;
	text-decoration:none;
	transition:color .2s ease;
}
.fn-contact__quick-links a svg{ width:16px; height:16px; color:#A34B65; flex-shrink:0; }
.fn-contact__quick-links a:hover{ color:#7E3A4F; }

/* --- Mobile <=767px: formularz nad panelem, jedna kolumna, zero poziomego scrolla --- */
@media (max-width:767px){
	.fn-contact__grid{ grid-template-columns:1fr; gap:22px; }
	.fn-contact__form{ padding:24px 20px 22px; }
	.fn-contact__form .fn-cf7-row{ grid-template-columns:1fr; gap:0; margin-bottom:0; }
	.fn-contact__form .fn-cf7-row p{ margin-bottom:18px; }
	.fn-contact__title{ font-size:28px; }
}