/*
 * Immutable-path mobile continuity hotfix.
 *
 * WordPress CloudFront intentionally does not vary plugin assets by query
 * string. Keep these repaired rules on a new path so the public edge cannot
 * reuse pre-hotfix base/account objects. Remove this compatibility asset only
 * after the continuity stylesheets receive content-addressed filenames.
 */

/* Match the shared header's mobile breakpoint exactly. */
@media (max-width: 959px) {
  body.pp-live-woo-transition .pp-temp-header__mobile-row {
    display: grid !important;
    grid-template-columns: 44px minmax(0, 1fr) 44px;
    align-items: center;
    gap: 0.75rem !important;
  }

  body.pp-live-woo-transition
    :where(.pp-temp-header__menu-button, .pp-temp-header-drawer__close) {
    box-sizing: border-box !important;
    display: inline-grid !important;
    width: 44px !important;
    min-width: 44px !important;
    max-width: 44px !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    place-items: center !important;
    border: 1px solid var(--pp-color-border) !important;
    border-radius: var(--pp-radius-pill) !important;
    background: var(--pp-color-surface) !important;
    color: var(--pp-color-foreground) !important;
    font-size: 0 !important;
    letter-spacing: 0 !important;
    line-height: 1 !important;
    padding: 0 !important;
    transform: none !important;
    box-shadow: var(--pp-shadow-control) !important;
  }

  body.pp-live-woo-transition
    :where(
      .pp-temp-header__menu-button,
      .pp-temp-header-drawer__close
    ):where(:hover, :active) {
    background: var(--pp-color-surface) !important;
    color: var(--pp-color-primary) !important;
    transform: none !important;
  }

  body.pp-live-woo-transition
    :where(
      .pp-temp-header__menu-button,
      .pp-temp-header-drawer__close,
      .pp-temp-header__search button
    )
    svg {
    display: block !important;
    width: 1.25rem !important;
    height: 1.25rem !important;
    flex: 0 0 1.25rem;
    color: inherit !important;
    stroke: currentColor !important;
  }

  body.pp-live-woo-transition .pp-temp-header__menu-button svg {
    width: 1.5rem !important;
    height: 1.5rem !important;
    flex-basis: 1.5rem;
  }

  body.pp-live-woo-transition .pp-temp-header__search button {
    box-sizing: border-box !important;
    display: inline-grid !important;
    width: 44px !important;
    min-width: 44px !important;
    max-width: 44px !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    place-items: center !important;
    border: 0 !important;
    border-radius: var(--pp-radius-pill) !important;
    background: var(--pp-color-primary) !important;
    color: var(--pp-color-surface) !important;
    font-size: 0 !important;
    padding: 0 !important;
    transform: none !important;
  }

  body.pp-live-woo-transition .pp-temp-header__logo {
    min-width: 0;
    max-width: 100%;
    justify-self: center;
    overflow: hidden;
  }

  body.pp-live-woo-transition .pp-continuity-wordmark__tagline {
    display: none !important;
  }

  body.pp-live-woo-transition .pp-temp-header-drawer {
    box-sizing: border-box !important;
    width: min(88vw, 24rem) !important;
    max-width: 24rem !important;
    height: 100dvh !important;
    min-height: 100dvh !important;
    padding:
      max(1.25rem, env(safe-area-inset-top))
      1rem
      max(1rem, env(safe-area-inset-bottom)) !important;
    overflow-x: hidden !important;
  }

  body.pp-live-woo-transition .pp-temp-header-drawer__top,
  body.pp-live-woo-transition .pp-temp-header-drawer__search,
  body.pp-live-woo-transition .pp-temp-header-drawer__nav,
  body.pp-live-woo-transition .pp-temp-header-drawer__bottom,
  body.pp-live-woo-transition .pp-temp-header__search {
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    min-width: 0;
  }

  body.ppv2-account-surface.logged-in .woocommerce {
    display: block !important;
    width: min(100% - 1rem, 44rem) !important;
    max-width: 44rem !important;
    min-width: 0 !important;
    margin-inline: auto !important;
    overflow: visible !important;
  }

  body.ppv2-account-surface .woocommerce-MyAccount-navigation,
  body.ppv2-account-surface .woocommerce-MyAccount-content {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    float: none !important;
    clear: both !important;
    overflow-wrap: anywhere;
  }

  body.ppv2-account-surface .woocommerce-MyAccount-navigation {
    margin: 0 0 1rem !important;
    padding: 0.5rem;
    overflow: hidden;
  }

  body.ppv2-account-surface .woocommerce-MyAccount-navigation ul {
    display: flex;
    width: 100%;
    max-width: 100%;
    gap: 0.35rem;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
  }

  body.ppv2-account-surface .woocommerce-MyAccount-navigation li {
    flex: 0 0 auto;
    margin: 0;
  }

  body.ppv2-account-surface .woocommerce-MyAccount-navigation a {
    white-space: nowrap;
  }

  body.ppv2-account-surface .woocommerce-MyAccount-content {
    margin: 0 !important;
    overflow-x: auto;
  }
}

@media (max-width: 600px) {
  body.ppv2-account-surface
    .elementor-element.elementor-element-827dc2e
    > .e-con-inner {
    width: calc(100% - 2rem) !important;
    padding-block: 1.75rem !important;
  }

  body.ppv2-account-surface
    .elementor-element.elementor-element-827dc2e
    .elementor-heading-title {
    font-size: 2rem !important;
  }

  body.ppv2-account-surface.logged-in .woocommerce {
    width: calc(100% - 1rem) !important;
  }
}