/*
Theme Name: Promesa
Theme URI: https://promesabroker.pl
Author: Promesa Broker
Description: Custom WordPress theme for Promesa Broker.
Version: 1.5.3
Text Domain: promesa
*/

/* Company pages: documents/contact components */
.product-contact-grid{
	display:grid;
	grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);
	gap:24px;
	align-items:start;
}

.product-contact-form{
	padding:42px;
}

.product-contact-form h2{
	margin:0 0 12px;
	max-width:620px;
}

.product-contact-lead{
	margin:0 0 28px;
	color:var(--pb-muted);
	max-width:620px;
}

.contact-form{
	margin-top:28px;
}

.form-grid{
	display:grid;
	grid-template-columns:repeat(2,minmax(0,1fr));
	gap:18px;
}

.form-grid label{
	display:flex;
	flex-direction:column;
	gap:8px;
	font-weight:700;
	color:var(--pb-ink);
}

.form-grid label span{
	display:flex;
	gap:8px;
	align-items:baseline;
}

.form-grid label em{
	font-style:normal;
	font-size:.78em;
	color:var(--pb-muted);
	font-weight:600;
}

.form-field-full{
	grid-column:1 / -1;
}

.contact-form input,
.contact-form textarea{
	width:100%;
	border:1px solid var(--pb-line);
	border-radius:16px;
	padding:14px 16px;
	background:#fff;
	color:var(--pb-ink);
	font:inherit;
	outline:none;
	transition:border-color .2s ease, box-shadow .2s ease;
}

.contact-form textarea{
	resize:vertical;
	min-height:150px;
}

.contact-form input:focus,
.contact-form textarea:focus{
	border-color:rgba(15,61,50,.45);
	box-shadow:0 0 0 4px rgba(15,61,50,.08);
}

.contact-form .pb-button{
	margin-top:22px;
}

.contact-form-trap{
	position:absolute;
	left:-9999px;
	width:1px;
	height:1px;
	overflow:hidden;
}

.form-status{
	margin:20px 0;
	border-radius:16px;
	padding:14px 16px;
	font-weight:700;
}

.form-status-success{
	background:rgba(15,61,50,.08);
	color:var(--pb-accent);
}

.form-status-error{
	background:rgba(184,138,68,.13);
	color:#7a4b00;
}

.product-contact-aside{
	display:grid;
	gap:16px;
}

.product-contact-card{
	padding:28px;
}

.product-contact-card a{
	display:block;
	color:var(--pb-accent);
	font-weight:800;
	text-decoration:none;
	margin-top:8px;
}

.product-contact-card p{
	color:var(--pb-muted);
}

.product-contact-registry{
	display:grid;
	gap:10px;
	margin-top:16px;
}

.product-contact-registry div{
	display:flex;
	justify-content:space-between;
	gap:16px;
	border-top:1px solid var(--pb-line);
	padding-top:10px;
}

.product-contact-registry span{
	color:var(--pb-muted);
	text-align:right;
}

.product-documents .pb-card-grid{
	margin-top:34px;
}

.pb-document-card{
	text-decoration:none;
	color:inherit;
}

.pb-document-card .pb-card-link{
	display:inline-flex;
	margin-top:18px;
	color:var(--pb-accent);
	font-weight:800;
}

@media (max-width:900px){
	.product-contact-grid{
		grid-template-columns:1fr;
	}

	.product-contact-form{
		padding:28px;
	}

	.form-grid{
		grid-template-columns:1fr;
	}
}