/* ═══════════════════════════════════════════════════════════════
   CUSTOM OVERRIDES
   Enqueued last of every theme stylesheet (see inc/enqueue.php —
   'driftline-custom' depends on every other handle, including
   'elementor-frontend'), so anything added here always wins the cascade.

   Use this file for one-off CSS fixes — especially anything overriding
   Elementor's own default widget/editor styles — instead of editing
   design-system.css or a module's own CSS directly. Keeps "this rule exists
   to beat Elementor" visually separate from the theme's actual design system.
   ═══════════════════════════════════════════════════════════════ */

.home .site-main .elementor > .elementor-element,
.page .site-main .elementor > .elementor-element {
	max-width:  100%;
    margin: 0;
    width: 100%;
}

.pt0 .skin-wrapper { 
	padding-top: 0;	
}

.pb0 .skin-wrapper { 
	padding-bottom: 0;
}

.faq-wrap {
	margin: 80px 0!important;
}

.faq-wrap h3 {
	font-size: 23px!important;
}

.form-fields { display: flex; flex-wrap: wrap; gap: 16px; }
.form-fields input, .form-fields textarea {
    background: var(--brand-white);
    border: none;
    border-radius: 10px;
    padding: 24px 16px;
    font-family: var(--font-body);
    font-weight: 600;
    font-size: 15px;
    color: var(--brand-dark-grey);
    width: 336px;
    max-width: 100%;
}
.form-fields input::placeholder, .form-fields textarea::placeholder { color: var(--brand-dark-grey); opacity: 0.85; }
.form-fields textarea { width: 100%; height: 128px; resize: vertical; font-family: var(--font-body); }

@media (max-width: 767px) {
	.faq-wrap {
		margin: 40px 0!important;
	}
	
	.faq-wrap h3 {
		font-size: 18px!important;
	}
}