/*
 Theme Name:   Bricks Child Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Bricks
 Author URI:   https://bricksbuilder.io/
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*/

/* Mobile sticky-header stability: keep horizontal clipping from creating a scroll container. */
@media (max-width: 767px) {
  html:root {
    overflow-x: clip !important;
  }

  html body.page-id-18 {
    overflow-x: clip !important;
  }

  html body #brx-header,
  html body #brx-header.slide-up,
  html body #brx-header.sliding {
    transform: none !important;
  }
}

/* Safe accessibility/UX refinements: preserve the approved hero while keeping
 * the H1 parts semantically separated and reducing mobile floating clutter. */
#brxe-lbpqgh .mm-hero-name,
#brxe-lbpqgh .mm-hero-role {
  display: block;
}

@media (max-width: 767px) {
  .mm-proposal-trigger {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    right: max(14px, env(safe-area-inset-right)) !important;
    bottom: calc(100px + env(safe-area-inset-bottom, 0px)) !important;
    width: 48px !important;
    min-width: 48px !important;
    height: 44px !important;
    font-size: 11px !important;
  }
  html body.mm-mobile-header-compact #brx-header .mm-header-phone {
    position: fixed !important;
    top: max(10px, env(safe-area-inset-top)) !important;
    left: max(20px, env(safe-area-inset-left)) !important;
    right: auto !important;
    bottom: auto !important;
    width: 44px !important;
    height: 44px !important;
    margin: 0 !important;
    transform: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    z-index: 100003 !important;
    background: #18150f !important;
  }

  /* Site-wide mobile scroll state: the complete header strip disappears,
   * while the existing Bricks hamburger remains fixed and usable. */
  body.mm-mobile-header-compact #brx-header,
  body.mm-mobile-header-compact #brx-header > .brxe-section,
  body.mm-mobile-header-compact #brx-header > .brxe-section > .brxe-container {
    min-height: 0 !important;
    height: 0 !important;
    max-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    overflow: visible !important;
    transform: none !important;
  }

  body.mm-mobile-header-compact #brx-header > .brxe-section > .brxe-container > .brxe-image,
  body.mm-mobile-header-compact #brx-header > .brxe-section > .brxe-container > .brxe-button,
  body.mm-mobile-header-compact #brx-header .bricks-nav-menu-wrapper,
  body.mm-mobile-header-compact #brx-header > .brxe-section::before,
  body.mm-mobile-header-compact #brx-header > .brxe-section::after {
    display: none !important;
  }

  body.mm-mobile-header-compact #brx-header .brxe-nav-menu {
    display: block !important;
    position: fixed !important;
    top: max(10px, env(safe-area-inset-top)) !important;
    left: max(10px, env(safe-area-inset-left)) !important;
    width: 58px !important;
    height: 58px !important;
    min-width: 58px !important;
    min-height: 58px !important;
    margin: 0 !important;
    padding: 0 !important;
    z-index: 100002 !important;
    overflow: visible !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    pointer-events: auto !important;
  }

  body.mm-mobile-header-compact #brx-header .brxe-nav-menu .bricks-mobile-menu-toggle {
    position: absolute !important;
    inset: 0 !important;
    display: flex !important;
    opacity: 1 !important;
    visibility: visible !important;
    margin: 0 !important;
    z-index: 100003 !important;
    transform: none !important;
    pointer-events: auto !important;
  }

  body.mm-mobile-header-compact #brx-header .brxe-nav-menu .bricks-mobile-menu-wrapper,
  body.mm-mobile-header-compact #brx-header .brxe-nav-menu .bricks-mobile-menu-overlay {
    pointer-events: auto !important;
  }
}