/*
Theme Name: 3up
Theme URI: https://example.com/
Author: Codex
Description: Static site conversion theme based on oreno static export and ocean-recruit structure.
Version: 1.0.0
Text Domain: threeup
*/

/* Minimal fallback styles for WordPress editor content pages */
.wp-site-blocks,
body.threeup-body {
  margin: 0;
}

.wp-page-content {
  max-width: 960px;
  margin: 0 auto;
  padding: 48px 16px;
}

.wp-page-content img {
  max-width: 100%;
  height: auto;
}

/* Mobile header menu: keep hamburger panel inside header area */
@media only screen and (max-width: 1023px) {
  #header {
    position: fixed !important;
  }

  #header .sticky_area {
    position: relative !important;
  }

  #header .sticky_area nav {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    z-index: 20000 !important;
  }

  #header .sticky_area nav .menu_btn {
    position: absolute !important;
    top: 50% !important;
    left: 13px !important;
    z-index: 20010 !important;
    transform: translateY(-50%) !important;
  }

  #header .sticky_area nav .gmenu-sp {
    width: 100% !important;
    position: static !important;
    z-index: 19000 !important;
  }

  #header .sticky_area nav .gmenu-sp ul.menu_item {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100vh !important;
    transform: translateX(-100%) !important;
    opacity: 0 !important;
  }

  #header .sticky_area nav .sp_menu ul.menu_item {
    transform: translateX(0%) !important;
    opacity: 100 !important;
  }
}