/* ==========================================================================
   Sidebar Widget — Ask Our Team Form
   --------------------------------------------------------------------------
   Styles the "Have a question?" enquiry form widget (Figma node 431:2249).
   Targets .azuri-ask-team-widget (widget classname) and its descendants.
   All values use CSS custom properties from style.css :root.
   ========================================================================== */

/* --------------------------------------------------------------------------
   Widget aside wrapper — strip GeneratePress inner-padding so our card
   controls all spacing
   -------------------------------------------------------------------------- */
.azuri-ask-team-widget.widget {
	padding: 0 !important;
	background: transparent !important;
	border: none !important;
	box-shadow: none !important;
}

/* --------------------------------------------------------------------------
   Card shell
   -------------------------------------------------------------------------- */
.azuri-ask-team__card {
	background: var(--azuri-color-white);
	border: 0.5px solid #deeaec;
	border-radius: 14px;
	padding: var(--azuri-space-6); /* 24px */
}

/* --------------------------------------------------------------------------
   Label — "ASK OUR TEAM"
   -------------------------------------------------------------------------- */
.azuri-ask-team__label {
	color: var(--azuri-sidebar-accent, var(--azuri-color-teal));
	font-family: var(--azuri-font-family-base);
	font-size: 11px;
	font-weight: var(--azuri-font-weight-medium);
	letter-spacing: 2.0645px;
	line-height: 1.5;
	margin: 0 0 var(--azuri-space-2); /* 8px */
	text-transform: uppercase;
}

/* --------------------------------------------------------------------------
   Heading — "Have a question?"
   -------------------------------------------------------------------------- */
.azuri-ask-team__heading {
	color: var(--azuri-color-ink);
	font-family: var(--azuri-font-family-base);
	font-size: 18px;
	font-weight: var(--azuri-font-weight-medium);
	letter-spacing: -0.4395px;
	line-height: 1.5;
	margin: 0 0 var(--azuri-space-4); /* 16px */
}

/* --------------------------------------------------------------------------
   Gravity Forms wrapper reset — remove GF default margins
   -------------------------------------------------------------------------- */
.azuri-ask-team__card .gform_wrapper,
.azuri-ask-team__card .gform_wrapper.gravity-theme {
	margin: 0;
	padding: 0;
}

.azuri-ask-team__card .gform_body,
.azuri-ask-team__card .gform-body {
	padding: 0;
}

/* GF 2.x field list */
.azuri-ask-team__card .gform_fields {
	display: flex;
	flex-direction: column;
	gap: var(--azuri-space-4); /* 16px between fields */
	list-style: none;
	margin: 0;
	padding: 0;
}

/* Individual field row */
.azuri-ask-team__card .gfield {
	margin: 0;
	padding: 0;
}

/* --------------------------------------------------------------------------
   Hide all labels (labelPlacement = hidden_label handles this in GF,
   but belt-and-braces CSS rule prevents any flash)
   -------------------------------------------------------------------------- */
.azuri-ask-team__card .gfield_label,
.azuri-ask-team__card .gfield_label_before_complex,
.azuri-ask-team__card .ginput_complex label,
.azuri-ask-team__card .name_first label,
.azuri-ask-team__card .name_last label {
	display: none !important;
}

/* --------------------------------------------------------------------------
   Text / email / tel inputs
   -------------------------------------------------------------------------- */
.azuri-ask-team__card input[type="text"],
.azuri-ask-team__card input[type="email"],
.azuri-ask-team__card input[type="tel"],
.azuri-ask-team__card input[type="number"],
.azuri-ask-team__card textarea.textarea {
	appearance: none;
	-webkit-appearance: none;
	background: var(--azuri-color-white);
	border: 0.5px solid #deeaec;
	border-radius: 10px;
	box-sizing: border-box;
	color: rgba(10, 10, 10, 0.50);
	font-family: var(--azuri-font-family-base);
	font-size: 13px;
	font-weight: var(--azuri-font-weight-regular);
	letter-spacing: -0.0762px;
	line-height: 1.5;
	outline: none;
	padding: var(--azuri-space-2) var(--azuri-space-3); /* 8px 12px */
	transition: border-color 0.2s ease, color 0.2s ease;
	width: 100%;
}

.azuri-ask-team__card input[type="text"]:focus,
.azuri-ask-team__card input[type="email"]:focus,
.azuri-ask-team__card input[type="tel"]:focus,
.azuri-ask-team__card textarea.textarea:focus {
	border-color: var(--azuri-sidebar-accent, var(--azuri-color-teal));
	color: var(--azuri-color-ink);
}

/* Placeholder */
.azuri-ask-team__card input::placeholder,
.azuri-ask-team__card textarea::placeholder {
	color: rgba(10, 10, 10, 0.50);
}

/* --------------------------------------------------------------------------
   Name field — first + last side by side (matches Figma 50/50 split)
   -------------------------------------------------------------------------- */
.azuri-ask-team__card .ginput_container_name {
	display: flex;
	gap: var(--azuri-space-3); /* 12px */
}

.azuri-ask-team__card .ginput_container_name .name_first,
.azuri-ask-team__card .ginput_container_name .name_last {
	flex: 1 1 0;
	min-width: 0;
}

.azuri-ask-team__card .ginput_container_name input[type="text"] {
	width: 100%;
}

/* --------------------------------------------------------------------------
   Textarea — "Your question" (95px tall, matching Figma)
   -------------------------------------------------------------------------- */
.azuri-ask-team__card textarea.textarea {
	height: 95px;
	resize: vertical;
}

/* --------------------------------------------------------------------------
   Submit button — "Send enquiry"
   -------------------------------------------------------------------------- */
.azuri-ask-team__card .gform_footer,
.azuri-ask-team__card .gform_page_footer {
	margin-top: 22px; /* gap between textarea and button per Figma */
	padding: 0;
}

.azuri-ask-team__card .gform_button,
.azuri-ask-team__card input[type="submit"].gform_button {
	appearance: none;
	-webkit-appearance: none;
	background: var(--azuri-sidebar-accent, var(--azuri-color-teal));
	border: none;
	border-radius: 10px;
	box-sizing: border-box;
	color: var(--azuri-color-white);
	cursor: pointer;
	display: block;
	font-family: var(--azuri-font-family-base);
	font-size: 13px;
	font-weight: var(--azuri-font-weight-medium);
	height: 43.5px;
	letter-spacing: -0.0762px;
	line-height: 1.5;
	text-align: center;
	transition: background-color 0.2s ease;
	width: 100%;
}

.azuri-ask-team__card .gform_button:hover,
.azuri-ask-team__card input[type="submit"].gform_button:hover {
	background: var(--azuri-sidebar-accent-dark, var(--azuri-color-teal-700));
}

/* --------------------------------------------------------------------------
   Validation error state
   -------------------------------------------------------------------------- */
.azuri-ask-team__card .gfield--has-validation-error input,
.azuri-ask-team__card .gfield--has-validation-error textarea {
	border-color: #e53e3e;
}

.azuri-ask-team__card .validation_message {
	color: #e53e3e;
	font-size: 12px;
	margin-top: 4px;
}

/* --------------------------------------------------------------------------
   Confirmation / success message
   -------------------------------------------------------------------------- */
.azuri-ask-team__card .gform_confirmation_wrapper,
.azuri-ask-team__card .gform_confirmation_message {
	color: var(--azuri-sidebar-accent, var(--azuri-color-teal));
	font-family: var(--azuri-font-family-base);
	font-size: 14px;
	line-height: 1.6;
	padding: var(--azuri-space-4) 0;
	text-align: center;
}

/* --------------------------------------------------------------------------
   Admin notice (shown to admins when GF is not active)
   -------------------------------------------------------------------------- */
.azuri-ask-team__notice {
	color: var(--azuri-color-ink);
	font-size: 13px;
	opacity: 0.6;
}

/* --------------------------------------------------------------------------
   Responsive — stack first/last name on very narrow sidebars (< 220px)
   -------------------------------------------------------------------------- */
@media (max-width: 320px) {
	.azuri-ask-team__card .ginput_container_name {
		flex-direction: column;
	}
}