/* Harmony Healing Center — V7.9.68
   MOBILE AR VISUAL PARITY + LANGUAGE SWITCH — ROOT FIX

   Root cause of V7.9.67:
   V7.9.66 was already inserted after @stack('head').
   V7.9.67 was then inserted at the same marker, which placed V7.9.66 AFTER it.
   Therefore V7.9.66's Arabic 2-column grid won the cascade.

   V7.9.68 is loaded immediately before </head>, after previous patch styles.

   Mobile AR partners:
   - Use the same approved exact-art composition used by EN mobile.
   - Hide the alternate live/card implementation only on AR mobile.

   Mobile language switch:
   - Persistent, obvious, clickable pill beside the hamburger area.
*/

@media (max-width: 760px) {
  html[lang="ar"] .home45r-exact {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
  }

  html[lang="ar"] .home45d-partners,
  html[lang="ar"] .home45k-live,
  html[lang="ar"] .home45z-mobile-cards {
    display: none !important;
    visibility: hidden !important;
  }

  html[lang="ar"] .home45d-card-row {
    display: none !important;
  }

  .hhc-mobile-lang-switch-v7968 {
    position: fixed !important;
    top: 18px !important;
    z-index: 2147483000 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    min-width: 54px !important;
    height: 34px !important;
    padding: 0 11px !important;
    border-radius: 999px !important;
    border: 1px solid rgba(203, 113, 47, .78) !important;
    background: rgba(255,255,255,.97) !important;
    color: #075667 !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    box-shadow: 0 8px 22px rgba(6,77,90,.15), inset 0 0 0 1px rgba(255,255,255,.8) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    backdrop-filter: blur(10px) !important;
    pointer-events: auto !important;
    cursor: pointer !important;
  }

  html[lang="ar"] .hhc-mobile-lang-switch-v7968 {
    left: 58px !important;
    right: auto !important;
    direction: ltr !important;
  }

  html[lang="en"] .hhc-mobile-lang-switch-v7968 {
    right: 58px !important;
    left: auto !important;
    direction: rtl !important;
  }

  .hhc-mobile-lang-switch-v7968 .hhc-lang-globe {
    display: inline-block !important;
    font-size: 13px !important;
    line-height: 1 !important;
  }
}

@media (min-width: 761px) {
  .hhc-mobile-lang-switch-v7968 {
    display: none !important;
  }
}