.azph-form-wrapper {
	max-width:700px;
	margin:30px auto;
}


.azph-field {
	margin-bottom:20px;
}


.azph-field label {
	display:block;
	font-weight:600;
	margin-bottom:6px;
}


.azph-field input,
.azph-field select,
.azph-field textarea {

	width:100%;
	padding:12px;
	border:1px solid #ddd;
	border-radius:6px;
	font-size:15px;
	box-sizing:border-box;

}


.azph-field textarea {
	resize:vertical;
}


.azph-submit-button,
.azph-contact-button,
.azph-send-button {

	background:#0073aa;
	color:#fff;
	border:none;
	padding:12px 22px;
	border-radius:6px;
	cursor:pointer;
	font-size:15px;

}


.azph-submit-button:hover,
.azph-contact-button:hover,
.azph-send-button:hover {

	background:#005f8d;

}



.azph-request-list {

	display:flex;
	flex-direction:column;
	gap:20px;

}



.azph-request {

	border:1px solid #ddd;
	border-radius:10px;
	background:#fff;
	overflow:hidden;

}



.azph-request-header {

	display:flex;
	justify-content:space-between;
	align-items:center;
	padding:18px;
	background:#f7f7f7;
	cursor:pointer;

}



.azph-request-title {

	font-size:18px;
	font-weight:700;

}


.azph-city {

	display:block;
	font-size:14px;
	color:#666;
	margin-top:4px;

}


.azph-request-body {

	padding:20px;
	border-top:1px solid #eee;

}


.azph-question {

	line-height:1.6;

}



.azph-photo img {

	max-width:100%;
	height:auto;
	border-radius:8px;
	margin-bottom:15px;

}



.azph-status-open {

	color:#16803c;
	font-weight:600;

}



.azph-status-closed {

	color:#a00;
	font-weight:600;

}



.azph-success {

	background:#e8f7e8;
	border:1px solid #7ac77a;
	padding:12px;
	border-radius:6px;
	margin-top:15px;

}



.azph-error {

	background:#fde8e8;
	border:1px solid #e08a8a;
	padding:12px;
	border-radius:6px;
	margin-top:15px;

}



/* Modal */

#azph-contact-modal {

	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:99999;

}



.azph-modal-overlay {

	position:absolute;
	width:100%;
	height:100%;
	background:rgba(0,0,0,.6);

}



.azph-modal {

	position:relative;
	background:#fff;
	max-width:500px;
	margin:60px auto;
	padding:30px;
	border-radius:10px;
	z-index:2;

}



.azph-close-modal {

	position:absolute;
	top:10px;
	right:15px;
	border:none;
	background:none;
	font-size:28px;
	cursor:pointer;

}



@media(max-width:768px){

	.azph-request-header {

		display:block;

	}


	.azph-modal {

		margin:20px;

	}

}