/* Mobile header fix - show header and style it properly */
@media only screen and (max-width:767px) {
  /* Override the display:none that hides the entire header */
  .et_pb_section_0_tb_header {
    display: block !important;
    position: relative !important;
  }

  /* Hide the top bar (email + social icons) on mobile - save space */
  .et_pb_row_0_tb_header {
    display: none !important;
  }

  /* Style the logo + menu row for mobile */
  .et_pb_row_1_tb_header {
    padding: 0.6em 1em !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    position: relative !important;
  }

  /* Logo column: shrink to fit alongside hamburger */
  .et_pb_column_3_tb_header {
    width: auto !important;
    flex: 1 1 0% !important;
    min-width: 0 !important;
  }

  /* Logo image: reasonable mobile size */
  .et_pb_image_0_tb_header {
    width: 11em !important;
  }

  /* Menu column: shrink to hamburger width */
  .et_pb_column_4_tb_header {
    width: auto !important;
    flex: 0 0 auto !important;
    position: static !important;
  }

  /* Make parent containers static so absolute menu can escape */
  .et_pb_menu_0_tb_header,
  .et_pb_menu_0_tb_header .et_pb_menu_inner_container,
  .et_pb_menu_0_tb_header .et_pb_menu__wrap {
    position: static !important;
  }

  /* Hamburger icon alignment */
  .et_pb_menu_0_tb_header .et_pb_menu_inner_container {
    justify-content: flex-end;
  }

  /* Mobile dropdown menu - full width below header */
  .et_pb_menu_0_tb_header .et_mobile_menu {
    position: absolute !important;
    top: 100% !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    background: #fff !important;
    border-top: 3px solid #b3191e !important;
    box-shadow: 0 6px 16px rgba(0,0,0,0.15) !important;
    z-index: 99999 !important;
    padding: 0 !important;
  }

  .et_pb_menu_0_tb_header .et_mobile_menu li a {
    padding: 0.75em 1.5em !important;
    font-size: 15px !important;
    color: #333 !important;
    display: block !important;
    border-bottom: 1px solid #f0f0f0 !important;
  }

  .et_pb_menu_0_tb_header .et_mobile_menu li:last-child a {
    border-bottom: none !important;
  }

  .et_pb_menu_0_tb_header .et_mobile_menu .sub-menu {
    padding-left: 0 !important;
    display: none !important;
  }

  .et_pb_menu_0_tb_header .et_mobile_menu .sub-menu li a {
    padding-left: 2.5em !important;
    font-size: 14px !important;
    color: #666 !important;
  }
}