/**
 * @file
 * MLT Landing Page — minimal full-width scaffolding.
 *
 * Save to: themes/electrician-theme/css/components/mlt-landing-page.css
 *
 * Deliberately tiny. The Body field holds a complete pasted landing page
 * with its own styling, so all this does is strip the theme's usual page
 * padding and container constraints out of the way and let that markup
 * run edge to edge. Nothing here imposes a look.
 */

.mlt-lp-main {
  padding: 0;
  margin: 0;
  width: 100%;
  max-width: 100%;
  overflow-x: clip;
}

/* Kill any inherited container width on the wrappers Drupal adds between
   the region and our node template. */
.mlt-lp-main > *,
.mlt-lp,
.mlt-lp > .field,
.mlt-lp > .field > .field__item {
  width: 100%;
  max-width: 100%;
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
  float: none;
}

/* The theme adds bottom margin to field wrappers site-wide; not wanted here. */
.mlt-lp .field,
.mlt-lp .field__item {
  margin-bottom: 0;
}

/* Media inside pasted markup should never break the viewport. */
.mlt-lp img,
.mlt-lp video,
.mlt-lp iframe {
  max-width: 100%;
}

/* Admin tabs (View / Edit / Delete) sit awkwardly against a full-bleed hero,
   so give them breathing room without affecting anonymous visitors. */
.mlt-lp-main .tabs,
.mlt-lp-main .block-local-tasks-block {
  padding-left: 20px;
  padding-right: 20px;
}