/* OG Print Engine — Mobile Menu FOUC v12
   Narrowed: theme owns #og-primary-navigation sheet behavior.
   Plugin does not hide generic Elementor/Hello menus.
   Flash fix deferred until exact selector is confirmed. */

@media (max-width: 820px) {
  /* Only hide inline header nav before theme JS attaches sheet class — not when open */
  #og-primary-navigation.og-site-nav-wrap:not(.og-mobile-menu-sheet):not(.og-mobile-menu-portal):not(.is-open) .og-nav-menu {
    display: none !important;
  }

  /* When open, ensure menu content is visible */
  #og-primary-navigation.og-site-nav-wrap.is-open .og-site-nav,
  #og-primary-navigation.og-site-nav-wrap.is-open .og-nav-menu,
  body.og-mobile-nav-open #og-primary-navigation.is-open .og-site-nav,
  body.og-mobile-nav-open #og-primary-navigation.is-open .og-nav-menu {
    display: flex !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
  }

  body.og-mobile-nav-open #og-primary-navigation.og-site-nav-wrap.is-open,
  #og-primary-navigation.og-site-nav-wrap.og-mobile-menu-sheet.is-open,
  #og-primary-navigation.og-site-nav-wrap.og-mobile-menu-portal.is-open {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
  }
}

/* ==========================================================
   Mobile Product Card Text v14
   Theme: og-print-theme — .og-product-card-trust
========================================================== */

@media (max-width: 900px) {
  .og-product-card .og-product-card-trust,
  .og-product-card .og-product-card-extra,
  .og-product-card .og-product-card-note,
  .og-product-card .og-product-card-subnote {
    display: none !important;
  }
}

/* ==========================================================
   Mobile Product Cards No Clip v15 (v22: canonical — do not clip)
========================================================== */

@media (max-width: 900px) {
  .og-product-grid {
    align-items: start !important;
  }

  .og-product-card,
  .og-home-categories .og-product-card,
  .og-product-card-inner,
  .og-product-card-body,
  .og-product-card-content,
  .og-product-card-footer-wrap,
  .og-product-card-footer {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: visible !important;
  }

  .og-product-card,
  .og-home-categories .og-product-card {
    padding-bottom: 28px !important;
  }

  .og-product-card-media,
  .og-product-card-mockup {
    flex: 0 0 auto !important;
  }

  .og-product-card-body p {
    display: block !important;
    overflow: visible !important;
    -webkit-line-clamp: unset !important;
    min-height: 0 !important;
  }

  .og-product-card .button,
  .og-product-card a.button,
  .og-product-card .og-product-card-button,
  .og-product-card .og-product-card-cta,
  .og-product-card .og-product-card-action {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    margin-top: 22px !important;
    margin-bottom: 0 !important;
    position: relative !important;
    z-index: 2 !important;
  }
}

/* ==========================================================
   Product Finder — Textarea Caret/Placeholder Fix v58
   Scope: #og-product-finder-input only
========================================================== */

@media (max-width: 900px) {
  #og-product-finder-input {
    height: 72px !important;
    min-height: 72px !important;
    max-height: 72px !important;
    padding: 14px 16px !important;
    line-height: 22px !important;
    resize: none !important;
  }
}

/* ==========================================================
   Product Finder — Placeholder Font Size v59
========================================================== */

#og-product-finder-input::placeholder,
#og-product-finder-input::-webkit-input-placeholder {
  font-size: 13px !important;
}

/* ==========================================================
   Product Finder — Placeholder Color Polish v60
========================================================== */

#og-product-finder-input::placeholder,
#og-product-finder-input::-webkit-input-placeholder {
  color: rgba(100, 116, 139, 0.55) !important;
  opacity: 1 !important;
}

#og-product-finder-input::-moz-placeholder {
  color: rgba(100, 116, 139, 0.55) !important;
  opacity: 1 !important;
}

/* ==========================================================
   OG Assistant — Landscape Launcher FAB + Final Position v63
   Real launcher: #og-chat-toggle (.og-chat-toggle)
   Widget anchor: #og-chat-widget — above bottom nav in landscape
========================================================== */

@media (max-width: 900px) and (orientation: landscape) {
  #og-chat-widget,
  .og-chat-widget,
  .og-chat-widget.og-assistant-widget {
    bottom: 76px !important;
    right: 18px !important;
    top: auto !important;
    left: auto !important;
    z-index: 99990 !important;
  }

  #og-chat-toggle,
  .og-chat-toggle {
    width: 56px !important;
    height: 56px !important;
    min-width: 56px !important;
    min-height: 56px !important;
    max-width: 56px !important;
    max-height: 56px !important;
    padding: 0 !important;
    border-radius: 50% !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0 !important;
    transform: none !important;
  }

  #og-chat-toggle .og-chat-toggle-label,
  .og-chat-toggle .og-chat-toggle-label,
  .og-chat-toggle-label {
    display: none !important;
  }

  #og-chat-toggle .og-chat-toggle-icon,
  .og-chat-toggle .og-chat-toggle-icon,
  .og-chat-toggle-icon {
    margin: 0 !important;
    font-size: 1.35rem !important;
    line-height: 1 !important;
  }

  #og-chat-toggle:hover,
  .og-chat-toggle:hover {
    transform: none !important;
  }
}