/* ==========================================================================
   AFFANECOM - contact page
   ========================================================================== */

/* Breadcrumb ------------------------------------------------------------- */
.affan-crumbs,
.affan-crumbs p{
	margin:0 !important;
	font-family:"Inter",sans-serif;
	font-size:.9rem;
	color:#8A8A85;
}
.affan-crumbs a{
	color:#6F6F6B;
	text-decoration:none;
}
.affan-crumbs a:hover{ color:#B85A0E; text-decoration:underline; }
.affan-crumbs .separator{ margin:0 8px; color:#C6C6BF; }

/* Cards ------------------------------------------------------------------ */
.affan-ct-card.e-con{
	background-color:#fff !important;
	border:1px solid #E6E6E2 !important;
	border-radius:14px !important;
	padding:30px 28px !important;
	box-shadow:0 1px 2px rgba(37,37,37,.03);
}
.affan-ct-card .elementor-widget{ margin-bottom:0 !important; width:100% !important; }
.affan-ct-card .elementor-widget-heading + .elementor-widget-text-editor{ margin-top:8px !important; }
.affan-ct-card .elementor-widget-text-editor p{ margin:0 !important; }

/* Sidebar stack ---------------------------------------------------------- */
.affan-ct-side.e-con{
	display:flex !important;
	flex-direction:column !important;
	gap:20px !important;
	padding:0 !important;
}
.affan-ct-side > .e-con{ width:100% !important; max-width:none !important; margin:0 !important; }

/* Contact rows ----------------------------------------------------------- */
.affan-ct-row.elementor-widget-icon-box{
	padding-top:18px !important;
	padding-bottom:18px !important;
	border-bottom:1px solid #EFEFEB;
}
.affan-ct-row:last-of-type{ border-bottom:0; padding-bottom:0 !important; }
.affan-ct-card .elementor-widget-heading + .affan-ct-row{ padding-top:6px !important; }

.affan-ct-row .elementor-icon-box-wrapper{
	display:flex !important;
	align-items:flex-start;
	gap:14px;
	text-align:left !important;
}
.affan-ct-row .elementor-icon-box-icon{
	flex:none;
	margin:0 !important;
}
.affan-ct-row .elementor-icon{
	width:44px;
	height:44px;
	border-radius:12px;
	background:#FCEBDD;
	color:#E1720F;
	display:grid !important;
	place-items:center;
	font-size:17px;
}
.affan-ct-row .elementor-icon svg{ width:18px; height:18px; fill:currentColor; }
.affan-ct-row .elementor-icon-box-content{ text-align:left !important; }
.affan-ct-row .elementor-icon-box-title{
	margin:0 0 3px !important;
	font-family:"Plus Jakarta Sans","Inter",sans-serif !important;
	font-size:1rem !important;
	font-weight:800 !important;
	line-height:1.35 !important;
	color:#252525 !important;
}
.affan-ct-row .elementor-icon-box-title a{ color:inherit !important; }
.affan-ct-row .elementor-icon-box-description{
	margin:0 !important;
	font-family:"Inter",sans-serif !important;
	font-size:.95rem !important;
	line-height:1.6 !important;
	color:#6F6F6B !important;
}
.affan-ct-row .elementor-icon-box-description a{ color:#252525 !important; text-decoration:none; }
.affan-ct-row .elementor-icon-box-description a:hover{ color:#B85A0E !important; }
.affan-ct-row .elementor-icon-box-description small{
	display:block;
	margin-top:3px;
	font-size:.83rem;
	color:#9A9A93;
}

/* WhatsApp button in the sidebar */
.affan-ct-card .elementor-widget-button{ margin-top:22px !important; }
.affan-ct-card .elementor-widget-button .elementor-button{
	width:100%;
	border-radius:999px !important;
	transition:background-color .18s ease;
}
.affan-ct-card .elementor-widget-button .elementor-button:hover{ background-color:#B85A0E !important; }

/* Hours ------------------------------------------------------------------ */
.affan-hours{
	list-style:none;
	margin:4px 0 0 !important;
	padding:0 !important;
}
.affan-hours li{
	display:flex;
	align-items:baseline;
	justify-content:space-between;
	gap:16px;
	padding:12px 0;
	border-bottom:1px solid #EFEFEB;
	font-family:"Inter",sans-serif;
	font-size:.95rem;
}
.affan-hours li:last-child{ border-bottom:0; padding-bottom:0; }
.affan-hours__day{ color:#252525; font-weight:600; }
.affan-hours__time{ color:#6F6F6B; text-align:right; white-space:nowrap; }
.affan-hours__note{
	margin:16px 0 0 !important;
	font-family:"Inter",sans-serif;
	font-size:.84rem;
	line-height:1.6;
	color:#9A9A93;
}

/* Social icons ----------------------------------------------------------- */
.affan-ct-card .elementor-widget-social-icons{ margin-top:16px !important; }
.affan-ct-card .elementor-social-icon{
	background-color:#F4F4F1 !important;
	color:#252525 !important;
	border-radius:10px !important;
	transition:background-color .18s ease, color .18s ease, transform .18s ease;
}
.affan-ct-card .elementor-social-icon:hover{
	background-color:#F47C20 !important;
	color:#fff !important;
	transform:translateY(-3px);
}

/* Map -------------------------------------------------------------------- */
.affan-ct-map .elementor-widget-google_maps iframe,
.affan-ct-map iframe{
	border-radius:14px;
	border:1px solid #E6E6E2;
	display:block;
	width:100%;
}
.affan-office-addr{
	margin:14px 0 0 !important;
	font-family:"Inter",sans-serif;
	font-size:.9rem;
	color:#6F6F6B;
}

/* WPForms ---------------------------------------------------------------- */
.affan-ct-formcard .wpforms-container,
.affan-ct-formcard .wpforms-container-full{ margin:0 !important; }
.affan-ct-formcard .wpforms-head-container,
.affan-ct-formcard .wpforms-title,
.affan-ct-formcard .wpforms-description{ display:none !important; }

.affan-ct-formcard .wpforms-field-container{
	display:grid;
	grid-template-columns:repeat(2,minmax(0,1fr));
	gap:18px;
}
.affan-ct-formcard .wpforms-field{
	padding:0 !important;
	margin:0 !important;
	min-width:0;
}
.affan-ct-formcard .wpforms-field-select,
.affan-ct-formcard .wpforms-field-textarea,
.affan-ct-formcard .wpforms-field-checkbox{ grid-column:1 / -1; }
@media (max-width:700px){
	.affan-ct-formcard .wpforms-field-container{ grid-template-columns:minmax(0,1fr); }
}

.affan-ct-formcard .wpforms-field-label{
	display:block !important;
	margin:0 0 8px !important;
	font-family:"Inter",sans-serif !important;
	font-size:.9rem !important;
	font-weight:700 !important;
	color:#252525 !important;
}
.affan-ct-formcard .wpforms-required-label{ color:#C0392B !important; }

.affan-ct-formcard input[type=text],
.affan-ct-formcard input[type=email],
.affan-ct-formcard input[type=tel],
.affan-ct-formcard select,
.affan-ct-formcard textarea{
	box-sizing:border-box !important;
	width:100% !important;
	max-width:none !important;
	padding:13px 16px !important;
	border:1px solid #DEDED8 !important;
	border-radius:10px !important;
	background:#fff !important;
	color:#252525 !important;
	font-family:"Inter",sans-serif !important;
	font-size:.95rem !important;
	line-height:1.5 !important;
	box-shadow:none !important;
	transition:border-color .16s ease, box-shadow .16s ease;
}
.affan-ct-formcard input[type=text],
.affan-ct-formcard input[type=email],
.affan-ct-formcard input[type=tel],
.affan-ct-formcard select{ height:50px !important; }
.affan-ct-formcard textarea{ min-height:150px !important; resize:vertical; }
.affan-ct-formcard ::placeholder{ color:#A8A8A1 !important; opacity:1; }
.affan-ct-formcard input:focus,
.affan-ct-formcard select:focus,
.affan-ct-formcard textarea:focus{
	border-color:#F47C20 !important;
	outline:none !important;
	box-shadow:0 0 0 3px rgba(244,124,32,.16) !important;
}

/* Opt-in */
.affan-ct-optin fieldset{ border:0 !important; padding:0 !important; margin:0 !important; }
.affan-ct-optin ul{ margin:0 !important; padding:0 !important; list-style:none !important; }
.affan-ct-optin li{ display:flex !important; align-items:flex-start; gap:10px; margin:0 !important; }
.affan-ct-optin input[type=checkbox]{
	-webkit-appearance:none !important;
	appearance:none !important;
	box-sizing:border-box !important;
	position:relative;
	flex:0 0 auto !important;
	width:18px !important;
	height:18px !important;
	min-width:18px !important;
	max-width:18px !important;
	min-height:18px !important;
	max-height:18px !important;
	margin:2px 0 0 !important;
	border:1px solid #CFCFC8 !important;
	border-radius:5px !important;
	background:#fff !important;
	cursor:pointer;
}
.affan-ct-optin input[type=checkbox]::before{ content:none !important; }
.affan-ct-optin input[type=checkbox]:checked{ background:#F47C20 !important; border-color:#F47C20 !important; }
.affan-ct-optin input[type=checkbox]:checked::after{
	content:"" !important;
	position:absolute;
	left:5px; top:1px;
	width:5px; height:10px;
	border:solid #fff;
	border-width:0 2.2px 2.2px 0;
	transform:rotate(43deg);
}
.affan-ct-optin label,
.affan-ct-optin .wpforms-field-label-inline{
	margin:0 !important;
	font-family:"Inter",sans-serif !important;
	font-size:.9rem !important;
	font-weight:400 !important;
	line-height:1.55 !important;
	color:#6F6F6B !important;
	cursor:pointer;
}

/* Submit */
.affan-ct-formcard .wpforms-submit-container{ padding:22px 0 0 !important; margin:0 !important; }
.affan-ct-formcard button.wpforms-submit{
	height:54px !important;
	padding:0 38px !important;
	border:0 !important;
	border-radius:999px !important;
	background:#F47C20 !important;
	color:#fff !important;
	font-family:"Inter",sans-serif !important;
	font-size:.98rem !important;
	font-weight:700 !important;
	cursor:pointer;
	box-shadow:0 10px 26px rgba(244,124,32,.28);
	transition:background-color .18s ease, transform .18s ease;
}
.affan-ct-formcard button.wpforms-submit:hover,
.affan-ct-formcard button.wpforms-submit:focus-visible{
	background:#dd6a12 !important;
	transform:translateY(-1px);
}
.affan-ct-formcard .wpforms-error,
.affan-ct-formcard label.wpforms-error,
.affan-ct-formcard em.wpforms-error{
	display:block;
	margin-top:6px !important;
	color:#C0392B !important;
	font-size:.83rem !important;
	font-style:normal !important;
}
.affan-ct-formcard .wpforms-confirmation-container-full{
	margin:0 !important;
	padding:22px 24px !important;
	border:1px solid #CFE8D4 !important;
	border-radius:12px !important;
	background:#F1F9F3 !important;
}
.affan-ct-formcard .wpforms-confirmation-container-full p{
	margin:0 !important;
	color:#2E5B3A !important;
	font-family:"Inter",sans-serif;
	font-size:.95rem;
	line-height:1.65;
}
.affan-ct-note p{
	margin:14px 0 0 !important;
	font-family:"Inter",sans-serif;
	font-size:.82rem;
	line-height:1.6;
	color:#9A9A93;
}

@media (prefers-reduced-motion:reduce){
	.affan-ct-formcard button.wpforms-submit,
	.affan-ct-card .elementor-social-icon{ transition:none; }
	.affan-ct-formcard button.wpforms-submit:hover,
	.affan-ct-card .elementor-social-icon:hover{ transform:none; }
}
