/* ============================================================================
   CRUISINSTREET — CANONICAL COMMUNITY MASTHEAD (0.42.27)
   Lounges / Pit Stop desktop placement is the source of truth.
   - One viewport-centered masthead position on every Community page.
   - Same desktop navigation start coordinate for member and guest states.
   - Same icon geometry regardless of active page or contextual controls.
   - Active and hover states never change layout geometry.
   - Destination-name tooltip remains the hover/focus label.
   - Red glow is restored for hover/focus and the active destination.
   ========================================================================== */

/* Community pages historically use different root padding. Remove only the
   top padding when the shared masthead is the root-level first UI so Home,
   Garages, Lounges, Pit Stop and the remaining destinations begin alike. */
.cscommunity:has(> .csc-community-masthead){
  padding-top:0!important;
}

@media (min-width:1101px){
  .csc-community-masthead.csc-community-masthead-v1853.csc-community-masthead-v369{
    --csc-master-nav-size:57px;
    --csc-master-nav-gap:6px;
    position:relative!important;
    left:50%!important;
    transform:translateX(-50%)!important;
    display:grid!important;
    grid-template-columns:205px minmax(0,1fr) 180px!important;
    grid-template-rows:auto!important;
    column-gap:8px!important;
    row-gap:0!important;
    align-items:center!important;
    width:min(1200px,calc(100vw - 28px))!important;
    min-width:0!important;
    max-width:1200px!important;
    margin:0 0 10px!important;
    padding:0 12px!important;
    box-sizing:border-box!important;
    overflow:visible!important;
  }

  /* Identity is a fixed-width zone so different page titles cannot move nav. */
  .csc-community-masthead-v369>.csc-community-identity-v1852{
    grid-column:1!important;
    grid-row:1!important;
    display:flex!important;
    align-items:center!important;
    align-self:center!important;
    width:205px!important;
    min-width:205px!important;
    max-width:205px!important;
    gap:9px!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
  }
  .csc-community-masthead-v369 .csc-community-home-button-v1822{
    display:grid!important;
    place-items:center!important;
    position:relative!important;
    flex:0 0 var(--csc-master-nav-size)!important;
    width:var(--csc-master-nav-size)!important;
    min-width:var(--csc-master-nav-size)!important;
    max-width:var(--csc-master-nav-size)!important;
    height:var(--csc-master-nav-size)!important;
    min-height:var(--csc-master-nav-size)!important;
    max-height:var(--csc-master-nav-size)!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    line-height:0!important;
    overflow:visible!important;
    transform:none!important;
  }
  .csc-community-masthead-v369 .csc-community-home-button-v1822>img{
    display:block!important;
    width:var(--csc-master-nav-size)!important;
    min-width:var(--csc-master-nav-size)!important;
    max-width:var(--csc-master-nav-size)!important;
    height:var(--csc-master-nav-size)!important;
    min-height:var(--csc-master-nav-size)!important;
    max-height:var(--csc-master-nav-size)!important;
    margin:0!important;
    padding:0!important;
    object-fit:contain!important;
    transform:none!important;
  }

  /* Protect descenders (Lounges "g", etc.) without changing title geometry. */
  .csc-community-masthead-v369 .csc-community-masthead-copy-v174{
    display:block!important;
    width:130px!important;
    min-width:0!important;
    max-width:130px!important;
    margin:0!important;
    padding:2px 0 3px!important;
    overflow:visible!important;
  }
  .csc-community-masthead-v369 .csc-community-masthead-copy-v174 strong{
    display:block!important;
    width:100%!important;
    max-width:130px!important;
    margin:0!important;
    padding:0 0 2px!important;
    overflow:visible!important;
    white-space:normal!important;
    overflow-wrap:normal!important;
    word-break:normal!important;
    text-overflow:clip!important;
    font-size:18px!important;
    line-height:1.18!important;
  }
  .csc-community-masthead-v369 .csc-page-title-word-v256{
    display:inline-block!important;
    padding-bottom:1px!important;
    overflow:visible!important;
  }

  /* Nav always begins in column 2. Page title, active destination, Guide/Share
     availability and signed-in/out state cannot move this coordinate. */
  .csc-community-masthead-v369>.csc-community-dock-v1852{
    grid-column:2!important;
    grid-row:1!important;
    display:flex!important;
    flex-wrap:nowrap!important;
    justify-content:flex-start!important;
    align-items:center!important;
    align-self:center!important;
    justify-self:start!important;
    width:max-content!important;
    min-width:0!important;
    max-width:100%!important;
    gap:var(--csc-master-nav-gap)!important;
    margin:0!important;
    padding:8px 0!important;
    min-height:calc(var(--csc-master-nav-size) + 16px)!important;
    box-sizing:border-box!important;
    line-height:0!important;
    overflow:visible!important;
    contain:none!important;
    scrollbar-width:none!important;
  }
  .csc-community-masthead-v369>.csc-community-dock-v1852::-webkit-scrollbar{display:none!important}

  .csc-community-masthead-v369 .csc-community-dock-v1852>a,
  .csc-community-masthead-v369 .csc-community-dock-v1852>a:visited{
    display:grid!important;
    place-items:center!important;
    position:relative!important;
    flex:0 0 var(--csc-master-nav-size)!important;
    width:var(--csc-master-nav-size)!important;
    min-width:var(--csc-master-nav-size)!important;
    max-width:var(--csc-master-nav-size)!important;
    height:var(--csc-master-nav-size)!important;
    min-height:var(--csc-master-nav-size)!important;
    max-height:var(--csc-master-nav-size)!important;
    margin:0!important;
    padding:0!important;
    box-sizing:border-box!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    background-image:none!important;
    box-shadow:none!important;
    line-height:0!important;
    transform:none!important;
    overflow:visible!important;
  }
  .csc-community-masthead-v369 .csc-community-dock-v1852>a>img{
    display:block!important;
    flex:0 0 var(--csc-master-nav-size)!important;
    width:var(--csc-master-nav-size)!important;
    min-width:var(--csc-master-nav-size)!important;
    max-width:var(--csc-master-nav-size)!important;
    height:var(--csc-master-nav-size)!important;
    min-height:var(--csc-master-nav-size)!important;
    max-height:var(--csc-master-nav-size)!important;
    margin:0!important;
    padding:0!important;
    object-fit:contain!important;
    vertical-align:top!important;
    align-self:center!important;
    transform:none!important;
    transition:transform .15s ease,filter .15s ease,box-shadow .15s ease!important;
  }
  .csc-community-masthead-v369 .csc-community-dock-v1852>a>span{
    position:absolute!important;
    width:1px!important;
    height:1px!important;
    margin:-1px!important;
    padding:0!important;
    overflow:hidden!important;
    clip-path:inset(50%)!important;
    white-space:nowrap!important;
    border:0!important;
  }

  /* Restore the approved destination-name label. */
  .csc-community-masthead-v369 .csc-community-dock-v1852>a[data-csc-nav-label]::after{
    content:attr(data-csc-nav-label)!important;
    display:block!important;
    position:absolute!important;
    left:50%!important;
    top:calc(100% + 8px)!important;
    transform:translate(-50%,-4px)!important;
    z-index:300!important;
    padding:8px 11px!important;
    border-radius:9px!important;
    background:#20252a!important;
    color:#fff!important;
    font-size:11px!important;
    font-weight:900!important;
    line-height:1!important;
    white-space:nowrap!important;
    opacity:0!important;
    pointer-events:none!important;
    box-shadow:0 10px 24px rgba(0,0,0,.23)!important;
    transition:opacity .14s ease,transform .14s ease!important;
  }
  .csc-community-masthead-v369 .csc-community-dock-v1852>a[data-csc-nav-label]::before{
    content:""!important;
    display:block!important;
    position:absolute!important;
    left:50%!important;
    top:calc(100% + 3px)!important;
    z-index:301!important;
    width:8px!important;
    height:8px!important;
    background:#20252a!important;
    transform:translateX(-50%) rotate(45deg)!important;
    opacity:0!important;
    pointer-events:none!important;
    transition:opacity .14s ease!important;
  }
  .csc-community-masthead-v369 .csc-community-dock-v1852>a[data-csc-nav-label]:hover::after,
  .csc-community-masthead-v369 .csc-community-dock-v1852>a[data-csc-nav-label]:focus-visible::after{
    opacity:1!important;
    transform:translate(-50%,0)!important;
  }
  .csc-community-masthead-v369 .csc-community-dock-v1852>a[data-csc-nav-label]:hover::before,
  .csc-community-masthead-v369 .csc-community-dock-v1852>a[data-csc-nav-label]:focus-visible::before{
    opacity:1!important;
  }

  /* Red glow is visual only: never alter anchor dimensions or nav position. */
  .csc-community-masthead-v369 .csc-community-dock-v1852>a:hover>img,
  .csc-community-masthead-v369 .csc-community-dock-v1852>a:focus-visible>img{
    transform:translateY(-1px) scale(1.035)!important;
    filter:drop-shadow(0 0 5px rgba(185,25,56,.40))!important;
    box-shadow:0 0 0 2px rgba(185,25,56,.46),0 0 17px rgba(185,25,56,.32),0 9px 20px rgba(17,22,27,.16)!important;
  }
  .csc-community-masthead-v369 .csc-community-dock-v1852>a.is-active,
  .csc-community-masthead-v369 .csc-community-dock-v1852>a[aria-current="page"]{
    width:var(--csc-master-nav-size)!important;
    min-width:var(--csc-master-nav-size)!important;
    max-width:var(--csc-master-nav-size)!important;
    height:var(--csc-master-nav-size)!important;
    min-height:var(--csc-master-nav-size)!important;
    max-height:var(--csc-master-nav-size)!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
    transform:none!important;
  }
  .csc-community-masthead-v369 .csc-community-dock-v1852>a.is-active>img,
  .csc-community-masthead-v369 .csc-community-dock-v1852>a[aria-current="page"]>img{
    box-shadow:0 0 0 2px rgba(185,25,56,.42),0 0 14px rgba(185,25,56,.25),0 8px 18px rgba(185,25,56,.20)!important;
    filter:drop-shadow(0 0 4px rgba(181,33,46,.28))!important;
  }

  /* Account occupies one stable third column in both auth states. */
  .csc-community-masthead-v369>.csc-community-account-v1852{
    grid-column:3!important;
    grid-row:1!important;
    justify-self:end!important;
    align-self:center!important;
    position:relative!important;
    margin:0!important;
  }
  .csc-community-masthead-v369.is-member>.csc-community-account-v1852{
    width:180px!important;
    min-width:180px!important;
    max-width:180px!important;
  }
  .csc-community-masthead-v369.is-guest>.csc-community-account-v1852{
    width:220px!important;
    min-width:220px!important;
    max-width:220px!important;
  }
  .csc-community-masthead-v369.is-guest .csc-guest-account-actions-v369{
    width:220px!important;
    min-width:220px!important;
    max-width:220px!important;
    margin:0!important;
  }

  /* Rare configuration with Guide disabled renders Share inside the masthead.
     Keep nav start fixed and reserve Share between nav and Account only then. */
  .csc-community-masthead-v369:not(.has-contextual-share-v355){
    grid-template-columns:205px minmax(0,1fr) 54px 180px!important;
  }
  .csc-community-masthead-v369.is-guest:not(.has-contextual-share-v355){
    grid-template-columns:205px minmax(0,1fr) 54px 220px!important;
  }
  .csc-community-masthead-v369:not(.has-contextual-share-v355)>.csc-community-share-toggle-v231{
    grid-column:3!important;
    grid-row:1!important;
    align-self:center!important;
    justify-self:center!important;
  }
  .csc-community-masthead-v369:not(.has-contextual-share-v355)>.csc-community-account-v1852{
    grid-column:4!important;
  }

  .csc-community-masthead-v369 .csc-community-dock-v1852>a:focus-visible,
  .csc-community-masthead-v369 .csc-community-home-button-v1822:focus-visible{
    outline:2px solid var(--csc-accent,#b5212e)!important;
    outline-offset:2px!important;
  }
}

/* Compact desktop: preserve the exact nav start coordinate and hierarchy while
   reducing only icon geometry enough to keep the complete signed-in set usable. */
@media (min-width:1101px) and (max-width:1199px){
  .csc-community-masthead.csc-community-masthead-v1853.csc-community-masthead-v369{
    --csc-master-nav-size:52px;
    --csc-master-nav-gap:4px;
    grid-template-columns:190px minmax(0,1fr) 170px!important;
  }
  .csc-community-masthead-v369>.csc-community-identity-v1852{
    width:190px!important;min-width:190px!important;max-width:190px!important;
  }
  .csc-community-masthead-v369 .csc-community-masthead-copy-v174{width:120px!important;max-width:120px!important}
  .csc-community-masthead-v369 .csc-community-masthead-copy-v174 strong{max-width:120px!important;font-size:17px!important}
  .csc-community-masthead-v369.is-member>.csc-community-account-v1852{width:170px!important;min-width:170px!important;max-width:170px!important}
  .csc-community-masthead-v369:not(.has-contextual-share-v355){grid-template-columns:190px minmax(0,1fr) 48px 170px!important}
  .csc-community-masthead-v369.is-guest:not(.has-contextual-share-v355){grid-template-columns:190px minmax(0,1fr) 48px 205px!important}
  .csc-community-masthead-v369.is-guest>.csc-community-account-v1852,
  .csc-community-masthead-v369.is-guest .csc-guest-account-actions-v369{width:205px!important;min-width:205px!important;max-width:205px!important}
}

/* Tablet/mobile retain the existing responsive interaction model. Only remove
   page-specific top drift and protect title descenders. */
@media (min-width:801px) and (max-width:1100px){
  .csc-community-masthead.csc-community-masthead-v1853.csc-community-masthead-v369{
    position:relative!important;
    left:50%!important;
    transform:translateX(-50%)!important;
    width:min(1200px,calc(100vw - 20px))!important;
    max-width:calc(100vw - 20px)!important;
    margin:0 0 10px!important;
  }
  .csc-community-masthead-v369 .csc-community-masthead-copy-v174,
  .csc-community-masthead-v369 .csc-community-masthead-copy-v174 strong,
  .csc-community-masthead-v369 .csc-page-title-word-v256{overflow:visible!important}
  .csc-community-masthead-v369 .csc-community-masthead-copy-v174 strong{line-height:1.16!important;padding-bottom:2px!important}
}

/* BEGIN CS COMMUNITY CUSTOM CODE — GUEST UPLOAD TOP NAV CTA v0.43.22
   First compact action in the icon dock near Home, without changing any existing
   destination icon geometry. Scrollable nav retains all icons at narrow widths.
*/
.csc-community-masthead-v369 .csc-community-dock-v1852>a.csc-masthead-guest-submit-v04322,
.csc-community-masthead-v369 .csc-community-dock-v1852>a.csc-masthead-guest-submit-v04322:visited{
  display:flex!important; flex-direction:column!important; align-items:center!important;justify-content:center!important;
  flex:0 0 128px!important; width:128px!important;min-width:128px!important;max-width:128px!important;
  height:51px!important;min-height:51px!important;max-height:51px!important;
  margin:0 8px 0 0!important;padding:5px 7px!important;
  background:#b40836!important;background-image:none!important;color:#fff!important;-webkit-text-fill-color:#fff!important;
  border:1px solid #b40836!important;border-radius:11px!important;box-shadow:0 2px 9px rgba(132,0,31,.15)!important;
  text-decoration:none!important;line-height:1.15!important;white-space:nowrap!important;
}
.csc-community-masthead-v369 .csc-community-dock-v1852>a.csc-masthead-guest-submit-v04322:hover{background:#920629!important;color:#fff!important;-webkit-text-fill-color:#fff!important;}
.csc-community-masthead-v369 .csc-community-dock-v1852>a.csc-masthead-guest-submit-v04322 b{font-size:11px!important;font-weight:850!important;line-height:1.25!important;display:block!important;color:#fff!important;-webkit-text-fill-color:#fff!important;}
.csc-community-masthead-v369 .csc-community-dock-v1852>a.csc-masthead-guest-submit-v04322 small{font-size:9px!important;line-height:1.25!important;color:#fff!important;-webkit-text-fill-color:#fff!important;opacity:.92!important;display:block!important;}
@media(max-width:1100px){.csc-community-masthead-v369 .csc-community-dock-v1852>a.csc-masthead-guest-submit-v04322{flex-basis:120px!important;min-width:120px!important;max-width:120px!important;width:120px!important;margin-right:5px!important}}
/* END CS COMMUNITY CUSTOM CODE — GUEST UPLOAD TOP NAV CTA v0.43.22 */

/* =====================================================================
   BEGIN CS COMMUNITY CUSTOM CODE — VISIBLE GUEST GALLERY MASTHEAD LINK v0.43.37
   Red + white CTA is navigation, never the guest-photo submission action.
   Desktop dock / tablet nav and persistent mobile control next to Menu.
   ===================================================================== */
.csc-community-masthead-v369 .csc-gallery-nav-mobile-v04337{display:none!important}
.csc-community-masthead-v369 .csc-community-dock-v1852>a.csc-gallery-nav-desktop-v04337,
.csc-community-masthead-v369 .csc-community-dock-v1852>a.csc-gallery-nav-desktop-v04337:visited{
  display:flex!important;align-items:center!important;justify-content:center!important;
  flex:0 0 106px!important;width:106px!important;min-width:106px!important;max-width:106px!important;
  height:49px!important;min-height:49px!important;max-height:49px!important;
  padding:5px 8px!important;margin:0 5px 0 0!important;
  border:1px solid #a4082d!important;border-radius:10px!important;
  background:#b60935!important;background-image:none!important;color:#fff!important;-webkit-text-fill-color:#fff!important;
  font:900 11px/1.2 system-ui,-apple-system,"Segoe UI",sans-serif!important;
  text-align:center!important;white-space:normal!important;letter-spacing:.01em!important;
  box-shadow:0 5px 13px rgba(155,0,36,.18)!important;text-decoration:none!important;
}
.csc-community-masthead-v369 .csc-community-dock-v1852>a.csc-gallery-nav-desktop-v04337:hover,
.csc-community-masthead-v369 .csc-community-dock-v1852>a.csc-gallery-nav-desktop-v04337:focus-visible,
.csc-community-masthead-v369 .csc-community-dock-v1852>a.csc-gallery-nav-desktop-v04337.is-active{
  background:#890b2b!important;color:#fff!important;-webkit-text-fill-color:#fff!important;
  box-shadow:0 5px 16px rgba(165,0,45,.28)!important;
}
@media(max-width:800px){
  .csc-community-masthead-v369 .csc-gallery-nav-desktop-v04337{display:none!important}
  /* Keep Gallery available without expanding the Menu. The account control
     gets its own row rather than being squeezed off narrow phone screens. */
  .csc-community-masthead.csc-community-masthead-v1853.csc-community-masthead-v369{
    display:grid!important;grid-template-columns:56px 76px minmax(0,1fr)!important;
    grid-template-areas:"identity identity identity" "share menu menu" "account account account" "gallery gallery gallery" "nav nav nav"!important;
    grid-template-rows:auto auto auto auto auto!important;gap:7px!important;
  }
  .csc-community-masthead-v369>.csc-community-identity-v1852{grid-area:identity!important;grid-column:1/-1!important;grid-row:1!important}
  .csc-community-masthead-v369>.csc-community-share-toggle-v231{grid-area:share!important;grid-column:1!important;grid-row:2!important}
  .csc-community-masthead-v369>.csc-community-menu-toggle-v1853{grid-area:menu!important;grid-column:2!important;grid-row:2!important}
  .csc-community-masthead-v369>a.csc-gallery-nav-mobile-v04337,
  .csc-community-masthead-v369>a.csc-gallery-nav-mobile-v04337:visited{
    grid-area:gallery!important;grid-column:1/-1!important;grid-row:4!important;justify-self:center!important;
    display:flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;
    position:relative!important;inset:auto!important;transform:none!important;
    min-width:0!important;width:auto!important;max-width:100%!important;min-height:44px!important;
    padding:8px 7px!important;border:1px solid #a4082d!important;border-radius:12px!important;
    background:#b60935!important;color:#fff!important;-webkit-text-fill-color:#fff!important;
    font:900 clamp(10px,2.7vw,13px)/1.25 system-ui,-apple-system,"Segoe UI",sans-serif!important;
    text-decoration:none!important;text-align:center!important;box-shadow:0 5px 13px rgba(165,0,45,.17)!important;
  }
  .csc-community-masthead-v369>a.csc-gallery-nav-mobile-v04337:hover,
  .csc-community-masthead-v369>a.csc-gallery-nav-mobile-v04337:focus-visible{background:#8e0c2d!important;color:#fff!important}
  .csc-community-masthead-v369>a.csc-gallery-nav-mobile-v04337 span{font-size:17px!important;color:#fff!important}
  .csc-community-masthead-v369>.csc-community-account-v1852{grid-area:account!important;grid-column:1/-1!important;grid-row:3!important;justify-self:center!important;width:min(100%,220px)!important;max-width:220px!important;min-width:0!important}
  .csc-community-masthead-v369>.csc-community-dock-v1852{grid-area:nav!important;grid-column:1/-1!important;grid-row:5!important}
  .csc-community-masthead-v369 .csc-community-dock-v1852>a.csc-gallery-nav-desktop-v04337{display:none!important}
}
@media(max-width:390px){
  .csc-community-masthead.csc-community-masthead-v1853.csc-community-masthead-v369{grid-template-columns:49px 68px minmax(0,1fr)!important;gap:5px!important}
  .csc-community-masthead-v369>a.csc-gallery-nav-mobile-v04337{padding:7px 4px!important;min-height:50px!important}
}
/* END CS COMMUNITY CUSTOM CODE — VISIBLE GUEST GALLERY MASTHEAD LINK v0.43.37 */

/* =======================================================================
   BEGIN CS COMMUNITY CUSTOM CODE — NARROW GALLERY CTA / RESTORE CLUBS TOOLTIP v0.43.38
   Only Gallery CTA dimensions change. Existing dock-icon geometry is protected.
   The Clubs label is restored without adding framing to its custom icon.
   ======================================================================= */
@media(min-width:801px){
 .csc-community-masthead-v369 .csc-community-dock-v1852>a.csc-gallery-nav-desktop-v04337,
 .csc-community-masthead-v369 .csc-community-dock-v1852>a.csc-gallery-nav-desktop-v04337:visited{
   flex:0 0 74px!important;width:74px!important;min-width:74px!important;max-width:74px!important;
   margin-right:2px!important;padding:4px 3px!important;line-height:1.1!important;
   /* font-size intentionally inherited unchanged from v0.43.37. */
 }
}

/* END CS COMMUNITY CUSTOM CODE — NARROW GALLERY CTA / RESTORE CLUBS TOOLTIP v0.43.38 */

/* BEGIN CS COMMUNITY CUSTOM CODE — SHARED CLUBS MASTHEAD PARITY v0.43.41
   Clubs now participates in the canonical shared .csc-community-dock-v1852
   nav styling: no image-specific overrides; same 57px icon, active glow,
   hover/focus glow and dark tooltip as Events regardless of active page.
   END CS COMMUNITY CUSTOM CODE — SHARED CLUBS MASTHEAD PARITY v0.43.41 */