/* AMR GALACTIC ROYALE — PRODUCTION HEADER HUD REPAIR V7
 * Scope: visual alignment only. Reuses original nav links, product search,
 * wishlist/cart counters and account controls. No commerce state duplicated. */
@media (min-width:901px) {
  /* Mobile-only account & tracking links must never create a second desktop row. */
  html.amr-royale-live body .waterfront-shell #primary-navigation>a.amr-mobile-only {
    display:none!important;position:absolute!important;visibility:hidden!important;
    width:0!important;height:0!important;max-width:0!important;min-height:0!important;
    pointer-events:none!important;overflow:hidden!important;
  }
  html.amr-royale-live body .waterfront-shell:not(.wf-nav-docked) .site-header:not(.agr3-sticky) #primary-navigation {
    display:grid!important;
    grid-template-columns:1.04fr .90fr 1.12fr .84fr 1.13fr 1.18fr!important;
    grid-template-rows:minmax(0,1fr)!important;
    grid-auto-rows:0!important;
    align-items:stretch!important;
    width:52.5%!important;min-width:0!important;
    height:65%!important;top:18%!important;
    padding:0!important;margin:0!important;
    overflow:hidden!important;
    border:1px solid #d6ad60!important;
    border-radius:12px!important;
    background:linear-gradient(180deg,#031934fb 0%,#03142cfb 62%,#000b1ffe 100%)!important;
    box-shadow:inset 0 -2px #0578d1,inset 0 2px #128ade,0 0 12px #067eee6b!important;
  }
  html.amr-royale-live body .waterfront-shell:not(.wf-nav-docked) .site-header:not(.agr3-sticky) #primary-navigation>a:not(.amr-mobile-only) {
    display:flex!important;
    min-width:0!important;min-height:0!important;height:100%!important;
    align-self:stretch!important;justify-self:stretch!important;
    border-right:1px solid #145393b0!important;
    overflow:hidden!important;
    background:transparent!important;
    text-overflow:ellipsis!important;
    font-size:clamp(10px,.78vw,15px)!important;
  }
  html.amr-royale-live body .waterfront-shell:not(.wf-nav-docked) .site-header:not(.agr3-sticky) #primary-navigation>a:not(.amr-mobile-only):last-of-type {border-right:0!important}
  html.amr-royale-live body .waterfront-shell:not(.wf-nav-docked) .site-header:not(.agr3-sticky) #primary-navigation>a:not(.amr-mobile-only):is(:hover,:focus-visible) {
    background:linear-gradient(180deg,#06477c,#03294b)!important;
    outline:2px solid #63d8ff!important;outline-offset:-3px!important;
    box-shadow:inset 0 0 11px #128bf5!important;
  }
  /* Single compact search pill, controlled by the original search form. */
  html.amr-royale-live body .waterfront-shell:not(.wf-nav-docked) .site-header:not(.agr3-sticky) #search-form {
    left:61.65%!important;top:21%!important;
    width:22%!important;height:57%!important;
    border:2px solid #31b7ff!important;
    border-radius:35px!important;
    padding:2px!important;
    overflow:hidden!important;
    box-shadow:0 0 11px #0474e999,inset 0 0 12px #0065b7!important;
    background:linear-gradient(180deg,#021835fc,#010b21ff)!important;
  }
  html.amr-royale-live body .waterfront-shell:not(.wf-nav-docked) .site-header:not(.agr3-sticky) #search-form>button {
    height:100%!important;
    flex-basis:clamp(30px,2.8vw,47px)!important;
    width:clamp(30px,2.8vw,47px)!important;
    border-radius:50%!important;
    background:linear-gradient(140deg,#007be6,#00346b)!important;
    box-shadow:inset 0 0 8px #49d4ff,0 0 9px #128cff!important;
  }
  html.amr-royale-live body .waterfront-shell:not(.wf-nav-docked) .site-header:not(.agr3-sticky) #search-form>button svg {
    display:block!important;visibility:visible!important;opacity:1!important;
    width:clamp(17px,1.4vw,25px)!important;height:clamp(17px,1.4vw,25px)!important;
    stroke:#b4f6ff!important;
  }
  /* Three original interactive buttons, no duplicate proxy elements. */
  html.amr-royale-live body .waterfront-shell:not(.wf-nav-docked) .site-header:not(.agr3-sticky) .wf-nav-actions {
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:clamp(4px,.44vw,9px)!important;
    left:84.9%!important;top:18%!important;width:12.7%!important;height:65%!important;
    overflow:visible!important;align-items:stretch!important;
  }
  html.amr-royale-live body .waterfront-shell:not(.wf-nav-docked) .site-header:not(.agr3-sticky) .wf-nav-actions>.wf-nav-action,
  html.amr-royale-live body .waterfront-shell:not(.wf-nav-docked) .site-header:not(.agr3-sticky) .wf-nav-actions>.wf-account {
    width:100%!important;height:100%!important;
    min-height:0!important;min-width:0!important;
    margin:0!important;
  }
  html.amr-royale-live body .waterfront-shell:not(.wf-nav-docked) .site-header:not(.agr3-sticky) .wf-nav-actions .wf-nav-action {
    display:flex!important;align-items:center!important;justify-content:center!important;
    flex-flow:row nowrap!important;
    padding:0!important;
    width:100%!important;height:100%!important;
    min-width:0!important;min-height:0!important;
    border:2px solid #dbb575!important;
    border-radius:13px!important;
    background:linear-gradient(160deg,#092b54ef,#001128fe)!important;
    box-shadow:inset 0 0 9px #035fb6,0 0 9px #b68a4c7a!important;
    clip-path:none!important;overflow:visible!important;
  }
  html.amr-royale-live body .waterfront-shell:not(.wf-nav-docked) .site-header:not(.agr3-sticky) .wf-nav-actions .wf-nav-action>.wf-icon-circle {
    display:grid!important;visibility:visible!important;opacity:1!important;
    place-items:center!important;
    position:relative!important;
    width:clamp(22px,1.65vw,34px)!important;
    height:clamp(22px,1.65vw,34px)!important;
    pointer-events:none!important;
  }
  html.amr-royale-live body .waterfront-shell:not(.wf-nav-docked) .site-header:not(.agr3-sticky) .wf-nav-actions .wf-nav-action .wf-icon-circle svg.icon {
    display:block!important;visibility:visible!important;opacity:1!important;
    width:100%!important;height:100%!important;
    stroke:#ffedc8!important;color:#ffedc8!important;
    fill:none!important;pointer-events:none!important;
    filter:drop-shadow(0 0 2px #6dbaf8)!important;
  }
  html.amr-royale-live body .waterfront-shell:not(.wf-nav-docked) .site-header:not(.agr3-sticky) .wf-nav-actions .wf-nav-action>span:not(.wf-icon-circle) {
    display:none!important;
  }
  html.amr-royale-live body .waterfront-shell:not(.wf-nav-docked) .site-header:not(.agr3-sticky) .wf-nav-actions .wf-nav-action>b {
    position:absolute!important;top:3px!important;right:3px!important;bottom:auto!important;left:auto!important;
    display:grid!important;place-items:center!important;
    width:21px!important;height:21px!important;min-width:21px!important;min-height:21px!important;
    border-radius:50%!important;
    font:700 11px Arial,sans-serif!important;line-height:1!important;
    background:#008cf6!important;color:white!important;
    box-shadow:0 0 8px #007df9!important;
    z-index:2!important;
  }
  html.amr-royale-live body .waterfront-shell:not(.wf-nav-docked) .site-header:not(.agr3-sticky) .wf-nav-actions .wf-account>summary {
    width:100%!important;height:100%!important;list-style:none!important;
  }
  html.amr-royale-live body .waterfront-shell:not(.wf-nav-docked) .site-header:not(.agr3-sticky) .wf-nav-actions .wf-account>summary::-webkit-details-marker {display:none!important}
  html.amr-royale-live body .waterfront-shell:not(.wf-nav-docked) .site-header:not(.agr3-sticky) .wf-nav-actions .wf-nav-action:is(:hover,:focus-visible) {
    outline:2px solid #a1f3ff!important;outline-offset:1px!important;
    background:linear-gradient(140deg,#063867,#001a3b)!important;
    box-shadow:0 0 15px #00a8f4,inset 0 0 13px #1379cf!important;
  }
}
/* Preserve mobile menu/dropdown original behavior at <=900px. */
@media(max-width:900px) {
  html.amr-royale-live body .waterfront-shell .site-header .wf-nav-action svg.icon {
    opacity:1!important;visibility:visible!important;
  }
}
@media(prefers-reduced-motion:reduce) {
  html.amr-royale-live body .waterfront-shell .wf-nav-action {transition:none!important}
}

/* V7b — last-mile collision fix (higher specificity than legacy mobile selector). */
@media(min-width:901px){
 html.amr-royale-live body .waterfront-shell .site-header #primary-navigation#primary-navigation>a.amr-mobile-only,
 html.amr-royale-live body .waterfront-shell:not(.wf-nav-docked) .site-header:not(.agr3-sticky) #primary-navigation#primary-navigation>a.amr-mobile-only,
 html.agr-v3 body .waterfront-shell #primary-navigation#primary-navigation>a.amr-mobile-only{
   display:none!important;visibility:hidden!important;opacity:0!important;
   position:absolute!important;width:0!important;height:0!important;
   grid-row:auto!important;pointer-events:none!important;
 }
 /* The Putra pet must not cover wishlist/cart/account on a tall desktop header.
    It stays above ordinary document content, but below the waterfront shell's HUD. */
 html body .amr-putra-pet{z-index:190!important}
}

/* V7c — opaque native controls & single live counter on top of static wallpaper markers. */
@media (min-width:901px){
 html.amr-royale-live body .waterfront-shell:not(.wf-nav-docked) .site-header:not(.agr3-sticky) #primary-navigation{
  background:linear-gradient(180deg,#021933 0%,#011027 67%,#001327 100%)!important;
 }
 html.amr-royale-live body .waterfront-shell:not(.wf-nav-docked) .site-header:not(.agr3-sticky) .wf-nav-actions .wf-nav-action{
  background:linear-gradient(160deg,#082950 0%,#02142c 70%,#001125 100%)!important
 }
 html.amr-royale-live body .waterfront-shell:not(.wf-nav-docked) .site-header:not(.agr3-sticky) .wf-nav-actions #wishlist-open>b,
 html.amr-royale-live body .waterfront-shell:not(.wf-nav-docked) .site-header:not(.agr3-sticky) .wf-nav-actions #cart-open>b{
  position:absolute!important;top:calc(-1 * clamp(17px,1.45vw,31px))!important;
  width:clamp(22px,1.5vw,32px)!important;height:clamp(22px,1.5vw,32px)!important;
  min-width:clamp(22px,1.5vw,32px)!important;min-height:clamp(22px,1.5vw,32px)!important;
  padding:0!important;border-radius:50%!important;
  border:2px solid #38a7ff!important;
  background:radial-gradient(circle at 32% 25%,#159efa 0%,#0065d4 60%,#01418a 100%)!important;
  box-shadow:0 0 8px #0077eb,0 0 0 2px #04132c!important;
  font:800 clamp(11px,.72vw,15px)/1 Arial,sans-serif!important;
  color:#fff!important;pointer-events:none!important
 }
 html.amr-royale-live body .waterfront-shell:not(.wf-nav-docked) .site-header:not(.agr3-sticky) .wf-nav-actions #wishlist-open>b{
  right:clamp(7px,.45vw,11px)!important
 }
 html.amr-royale-live body .waterfront-shell:not(.wf-nav-docked) .site-header:not(.agr3-sticky) .wf-nav-actions #cart-open>b{
  right:clamp(16px,1.2vw,27px)!important
 }
}