/* Live PWA header additions only. Existing Header branding and base CSS are preserved. */
/* Install guide entry: desktop keeps a clear 44px target; small layouts use
 * the full mobile menu so the existing account/cart/menu controls never crowd. */
.lgd-preview-header .lgd-pwa-header-install { display: inline-flex; min-height: 44px; align-items: center; justify-content: center; gap: 8px; flex: 0 0 auto; border: 1px solid #e4bc59; border-radius: 999px; padding: 9px 14px; color: #f8e4ab !important; font-size: 14px; font-weight: 800; line-height: 1; text-decoration: none !important; white-space: nowrap; }
.lgd-preview-header .lgd-pwa-header-install:hover,
.lgd-preview-header .lgd-pwa-header-install[aria-current="page"] { color: #1a1205 !important; background: #e4bc59; }
.lgd-preview-header .lgd-pwa-header-install__icon { display: flex; width: 18px; height: 18px; }
.lgd-preview-header .lgd-pwa-header-install__icon svg { width: 100%; height: 100%; }
.lgd-preview-header .lgd-pwa-header-install-item { display: none !important; }
html.lgd-pwa-standalone .lgd-preview-header .lgd-pwa-header-install,
html.lgd-pwa-standalone .lgd-preview-header .lgd-pwa-header-install-item { display: none !important; }
@media (display-mode: standalone), (display-mode: minimal-ui), (display-mode: window-controls-overlay) {
  .lgd-preview-header .lgd-pwa-header-install,
  .lgd-preview-header .lgd-pwa-header-install-item { display: none !important; }
}
@media (max-width: 1100px) {
  .lgd-preview-header .lgd-pwa-header-install { display: none !important; }
  .lgd-preview-header .lgd-pwa-header-install-item { display: list-item !important; width: 100%; margin-top: 6px; }
  .lgd-preview-header .lgd-pwa-header-install-item__link { display: inline-flex !important; min-height: 44px; align-items: center; border: 1px solid #e4bc59; border-radius: 10px; padding: 10px 14px !important; color: #f8e4ab !important; font-weight: 800 !important; }
  .lgd-preview-header .lgd-pwa-header-install-item__link:hover,
  .lgd-preview-header .lgd-pwa-header-install-item__link[aria-current="page"] { color: #1a1205 !important; background: #e4bc59; }
}

/* The WordPress mobile overlay otherwise sizes its navigation list to the
 * narrowest link. The script appends Install App to its final list, so give
 * precisely that list and customer-facing target the available menu width. */
@media (max-width: 1100px) {
  .lgd-preview-header .wp-block-navigation__responsive-container.is-menu-open
  .wp-block-navigation__responsive-container-content > ul.wp-block-navigation__container:last-child {
    align-self: stretch !important;
    width: 100% !important;
  }
  .lgd-preview-header .lgd-pwa-header-install-item {
    display: flex !important;
    align-self: stretch !important;
    width: 100% !important;
    margin-top: 6px;
  }
  .lgd-preview-header nav .lgd-pwa-header-install-item__link {
    display: flex !important;
    box-sizing: border-box !important;
    width: 100% !important;
    min-height: 44px;
    align-items: center;
    justify-content: center !important;
    white-space: nowrap !important;
    border: 1px solid #e4bc59;
    border-radius: 10px;
    padding: 10px 14px !important;
    color: #f8e4ab !important;
    font-weight: 800 !important;
  }
}


/* Keep the two WordPress navigation groups on one desktop row. Allow room
 * for the Install App, account and basket controls at intermediate widths. */
@media (min-width: 1101px) {
  .lgd-preview-header nav .wp-block-navigation__responsive-container-content {
    flex-wrap: nowrap !important;
  }
}
/* Give both navigation groups the same left edge in the open mobile menu. */
@media (max-width: 1100px) {
  .lgd-preview-header .wp-block-navigation__responsive-container.is-menu-open
  .wp-block-navigation__responsive-container-content {
    align-items: stretch !important;
  }
  .lgd-preview-header .wp-block-navigation__responsive-container.is-menu-open
  .wp-block-navigation__responsive-container-content > ul.wp-block-navigation__container {
    width: 100% !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
  }
}
@media (min-width: 1101px) and (max-width: 1600px) {
  .lgd-preview-header nav .wp-block-navigation__responsive-container-content,
  .lgd-preview-header nav .wp-block-navigation__container {
    gap: 20px !important;
  }
}
@media (min-width: 1101px) and (max-width: 1360px) {
  .lgd-hp-brand__image { width: clamp(190px, 18vw, 245px); }
  .lgd-preview-header > .wp-block-group > .wp-block-group > .wp-block-group.alignwide,
  .lgd-preview-header > .wp-block-group > .wp-block-group > .wp-block-group.alignwide > .wp-block-group {
    gap: 12px !important;
  }
  .lgd-preview-header nav .wp-block-navigation__responsive-container-content,
  .lgd-preview-header nav .wp-block-navigation__container {
    gap: 12px !important;
  }
}