/*
Theme Name: Murkez Static Website
Theme URI: https://murkez.com/
Author: Murkez
Description: Murkez Website 7.0 WordPress theme with dashboard-managed pages, visuals, jobs, blogs, job applications, and contact submissions.
Version: 7.0.5
Text Domain: murkez-static
*/


/* =========================================================
   iOS-ONLY PERFORMANCE FIX (iPhone) — WORDPRESS GLOBAL OVERRIDE
   Loaded after every static/page-specific stylesheet so the fix also covers
   dynamic jobs, dynamic blogs and legacy Insight templates.
   ========================================================= */
@supports (-webkit-touch-callout: none) {
  @media (max-width: 600px) {
    .hero__glow {
      -webkit-filter: blur(36px) !important;
      filter: blur(36px) !important;
    }

    .hero__orb {
      -webkit-filter: blur(16px) !important;
      filter: blur(16px) !important;
    }

    .site-footer {
      -webkit-animation: none !important;
      animation: none !important;
      background-position: 0% 0% !important;
    }

    .hero--home::before {
      -webkit-animation: none !important;
      animation: none !important;
    }

    .mobile-menu {
      will-change: transform !important;
      -webkit-backface-visibility: hidden !important;
      backface-visibility: hidden !important;
      -webkit-transform: translateX(100%) translateZ(0) !important;
      transform: translateX(100%) translateZ(0) !important;
    }

    .mobile-menu.is-open {
      -webkit-transform: translateX(0) translateZ(0) !important;
      transform: translateX(0) translateZ(0) !important;
    }
  }
}


/* =========================================================
   MOBILE SPLASH + OUTSIDE-TAP MENU CLOSE (v7.0.3)
   Mobile-only presentation: keep the two brand statements on exactly two
   lines and scale the splash logo to leave balanced room on narrow phones.
   The backdrop occupies only the area outside the navigation panel and closes
   the menu when tapped, without changing the panel design.
   ========================================================= */
@media (max-width: 860px) {
  .splash__logo {
    width: min(54vw, 190px) !important;
    max-width: 190px !important;
    margin-bottom: 32px !important;
  }

  .splash__statement {
    width: calc(100vw - 24px) !important;
    max-width: none !important;
    padding-inline: 0 !important;
    font-size: clamp(14px, 4.4vw, 18.75px) !important;
    line-height: 1.62 !important;
    text-align: center !important;
  }

  .splash__statement-line {
    display: block !important;
    white-space: nowrap !important;
  }

  .mobile-menu-backdrop {
    position: fixed !important;
    inset: 0 !important;
    z-index: 249 !important;
    display: block !important;
    border: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    -webkit-appearance: none !important;
    appearance: none !important;
    -webkit-tap-highlight-color: transparent !important;
    touch-action: manipulation !important;
  }

  .mobile-menu-backdrop.is-open {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
  }

  .mobile-menu {
    z-index: 250 !important;
  }
}