/* ============================================================
   THE DRIV — Elementor neutraliser

   The design's sections are full-bleed <section> elements that
   manage their own .wrap and padding. Elementor normally nests
   each widget inside several wrapper divs, each with its own
   box, which would shift every measurement in the design.

   On the front end those wrappers are collapsed with
   display:contents, so the widget's own markup becomes a direct
   child of <main> and lays out exactly as the static design.

   Inside the editor the wrappers are left alone, because
   Elementor needs real boxes for its selection and drag
   handles. The editor is therefore a close preview; the front
   end is the exact design.
   ============================================================ */

body:not(.elementor-editor-active) .elementor,
body:not(.elementor-editor-active) .elementor-section-wrap,
body:not(.elementor-editor-active) .elementor-section,
body:not(.elementor-editor-active) .elementor-container,
body:not(.elementor-editor-active) .elementor-column,
body:not(.elementor-editor-active) .elementor-widget-wrap,
body:not(.elementor-editor-active) .elementor-element,
body:not(.elementor-editor-active) .elementor-widget,
body:not(.elementor-editor-active) .elementor-widget-container,
body:not(.elementor-editor-active) .e-con,
body:not(.elementor-editor-active) .e-con-inner{
	display:contents !important;
}

/* Belt and braces for the editor: no inherited spacing or width caps. */
.elementor-widget-container{margin:0;padding:0}
.elementor .e-con,.elementor .e-con-inner{
	--container-default-padding-top:0;--container-default-padding-right:0;
	--container-default-padding-bottom:0;--container-default-padding-left:0;
	--container-max-width:100%;
	max-width:none;padding:0;margin:0;
}
.elementor-section.elementor-section-boxed > .elementor-container{max-width:none}

/* Elementor strips underlines with `.elementor a{text-decoration:none}`, which
   beats the design's bare `a` rule on specificity no matter what loads last.
   The design relies on the browser default for plain links — the mailto in the
   FAQ is the visible case. Restore it only for links the design leaves
   unclassed, so .btn, .link, .logo and .tab keep their own treatment. */
body:not(.elementor-editor-active) .elementor a:not([class]){
	text-decoration:underline;
}
/* ...but the FAQ topic nav is also unclassed and the design deliberately has no
   underline there, so put it back. Same specificity as the rule above, declared
   after it, so it wins. */
body:not(.elementor-editor-active) .elementor .faq-nav a{
	text-decoration:none;
}

/* The display:contents rules above carry !important, which would otherwise beat
   Elementor's own "hide on desktop/tablet/mobile" switches and make them do
   nothing. Re-assert them, at Elementor's breakpoints. */
body:not(.elementor-editor-active) .elementor-hidden{ display:none !important }
@media (min-width:1025px){
	body:not(.elementor-editor-active) .elementor-hidden-desktop{ display:none !important }
}
@media (min-width:768px) and (max-width:1024px){
	body:not(.elementor-editor-active) .elementor-hidden-tablet{ display:none !important }
}
@media (max-width:767px){
	body:not(.elementor-editor-active) .elementor-hidden-mobile{ display:none !important }
}