/* LUMBOSO v1.4.4 — mobile/iPad app shell, map clearance, far-right hero location + join page */
:root{--lum-vv-bottom:0px;--lum-mobile-nav-h:66px;--lum-mobile-nav-gap:14px}

/* Costa Brava belongs at the extreme right edge of the hero, immediately above search. */
body.lumboso-front .lum-v136-location-pill{
  left:auto!important;right:clamp(18px,3.15vw,54px)!important;bottom:160px!important;
  transform:none!important;background:none!important;border:0!important;border-radius:0!important;
  box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;
  padding:0!important;height:auto!important;min-height:0!important;gap:6px!important;
  color:#fff!important;text-shadow:0 2px 12px rgba(0,0,0,.55)!important;
}
body.lumboso-front .lum-v136-location-pill:before,body.lumboso-front .lum-v136-location-pill:after{display:none!important}
body.lumboso-front .lum-v136-location-pill svg{width:14px!important;height:14px!important;color:#fff!important;filter:drop-shadow(0 2px 8px rgba(0,0,0,.45))}
body.lumboso-front .lum-v136-location-pill span{font:600 9px/1.2 var(--sans)!important;color:#fff!important;letter-spacing:0!important}

/* Cleaner menu trigger: large touch target, visually just two elegant gold strokes. */
.lum-v136-menu-toggle{
  width:44px!important;height:44px!important;min-width:44px!important;border:0!important;border-radius:14px!important;
  background:transparent!important;box-shadow:none!important;color:#a87835!important;gap:5px!important;
  transition:background .2s ease,transform .2s ease!important;
}
.lum-v136-menu-toggle:hover,.lum-v136-menu-toggle:focus-visible{background:rgba(184,132,61,.08)!important;outline:none!important}
.lum-v136-menu-toggle span{height:1.6px!important;border-radius:4px!important;background:currentColor!important}
.lum-v136-menu-toggle span:nth-child(1){width:21px!important}.lum-v136-menu-toggle span:nth-child(2){width:14px!important}.lum-v136-menu-toggle span:nth-child(3){width:21px!important}
.lum-v136-menu-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(6.6px) rotate(45deg)!important}
.lum-v136-menu-toggle[aria-expanded="true"] span:nth-child(2){opacity:0!important}
.lum-v136-menu-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-6.6px) rotate(-45deg)!important}

@media(max-width:1220px){
  /* Drawer starts below the floating header instead of covering the whole app at random. */
  .lum-v136-mobile-menu{align-items:flex-start!important;padding:calc(82px + env(safe-area-inset-top)) 16px calc(22px + env(safe-area-inset-bottom))!important;background:rgba(20,24,20,.24)!important}
  .lum-v136-mobile-menu-inner{width:min(720px,100%)!important;max-height:calc(100dvh - 106px - env(safe-area-inset-top) - env(safe-area-inset-bottom))!important;margin:0 auto!important;border-radius:28px!important;background:rgba(255,251,246,.92)!important;border:1px solid rgba(255,255,255,.86)!important;box-shadow:0 30px 90px rgba(21,18,13,.20)!important;-webkit-backdrop-filter:blur(34px) saturate(155%)!important;backdrop-filter:blur(34px) saturate(155%)!important}
  .lum-v136-mobile-menu-head{background:transparent!important;top:-18px!important}
  .lum-v136-menu-close{border:0!important;background:rgba(184,132,61,.08)!important;color:#9b6b2f!important}
  .lum-v136-mobile-menu nav a{background:rgba(255,255,255,.70)!important;border-color:rgba(35,39,33,.08)!important;box-shadow:none!important}
  .lum-v136-mobile-menu nav a:hover{background:rgba(184,132,61,.08)!important;border-color:rgba(184,132,61,.20)!important}
}

@media(min-width:701px) and (max-width:1180px){
  .lum-v136-mobile-menu nav{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
  .lum-v136-mobile-menu nav a{min-height:58px!important;border-radius:17px!important;font-size:11px!important;padding:0 16px!important}
  .lum-v136-mobile-menu nav a svg{width:20px!important;height:20px!important}
}

@media(max-width:700px){
  html,body{overflow-x:hidden!important}
  body{padding-bottom:calc(126px + env(safe-area-inset-bottom) + var(--lum-vv-bottom))!important}
  .lum-site-header{padding-top:max(8px,env(safe-area-inset-top))!important;padding-bottom:8px!important}
  .lum-v11-header-inner{width:calc(100% - 20px)!important;height:64px!important;min-height:64px!important;border-radius:25px!important;background:rgba(255,251,246,.82)!important;-webkit-backdrop-filter:blur(28px) saturate(150%)!important;backdrop-filter:blur(28px) saturate(150%)!important}
  .lum-v11-header .lum-brand{width:128px!important;min-width:128px!important}.lum-v11-header .lum-brand img{max-height:45px!important}
  .lum-v136-menu-toggle{left:8px!important;top:10px!important}
  .lum-v11-user{right:12px!important;top:14px!important;width:36px!important;height:36px!important}

  /* Full-height glass menu, no cramped bottom-sheet list. */
  .lum-v136-mobile-menu{padding:calc(84px + env(safe-area-inset-top)) 10px calc(18px + env(safe-area-inset-bottom))!important;align-items:flex-start!important}
  .lum-v136-mobile-menu-inner{width:100%!important;max-height:calc(100dvh - 102px - env(safe-area-inset-top) - env(safe-area-inset-bottom))!important;border-radius:26px!important;padding:15px!important;overflow:auto!important}
  .lum-v136-mobile-menu-head{position:sticky!important;top:-15px!important;padding:14px 0 13px!important;background:rgba(255,251,246,.93)!important;-webkit-backdrop-filter:blur(24px)!important;backdrop-filter:blur(24px)!important}
  .lum-v136-mobile-menu nav{grid-template-columns:1fr!important;gap:6px!important;padding-top:12px!important}
  .lum-v136-mobile-menu nav a{min-height:48px!important;border-radius:14px!important;font-size:11px!important;padding:0 14px!important;background:rgba(255,255,255,.64)!important}
  .lum-v136-mobile-menu nav a:after{content:'›';margin-left:auto;color:#aa7937;font-size:18px;font-weight:300}

  /* Bottom navigation becomes lighter and never sits on top of the last content. */
  .lum-mobile-nav{
    left:12px!important;right:12px!important;bottom:calc(12px + env(safe-area-inset-bottom) + var(--lum-vv-bottom))!important;
    height:62px!important;padding:5px 7px!important;border-radius:23px!important;
    background:rgba(255,252,248,.66)!important;border:1px solid rgba(255,255,255,.72)!important;
    box-shadow:0 14px 40px rgba(30,24,15,.12)!important;
    -webkit-backdrop-filter:blur(26px) saturate(150%)!important;backdrop-filter:blur(26px) saturate(150%)!important;
  }
  .lum-mobile-nav a{height:50px!important;border-radius:16px!important;gap:2px!important;font-size:7px!important}
  .lum-mobile-nav a>.lum-icon{width:18px!important;height:18px!important}.lum-mobile-nav a span{font-size:7px!important}

  /* Keep hero location readable but quiet on phone. */
  body.lumboso-front .lum-v136-location-pill{right:16px!important;bottom:298px!important}

  /* Map: reserve real space for app navigation and move all map UI away from each other. */
  body.lum-map-page{padding-bottom:0!important}
  body.lum-map-page main{overflow:visible!important;padding-bottom:calc(90px + env(safe-area-inset-bottom) + var(--lum-vv-bottom))!important}
  body.lum-map-page .lum-app-page-section{padding:0!important}
  body.lum-map-page .lum-app-page{width:100%!important;margin:0!important}
  body.lum-map-page .lum-map-shell--social{width:calc(100% - 12px)!important;margin:0 auto!important;border-radius:24px!important;overflow:hidden!important}
  body.lum-map-page .lum-map-stage--social{height:calc(100dvh - 154px - env(safe-area-inset-top) - env(safe-area-inset-bottom) - var(--lum-vv-bottom))!important;min-height:560px!important;border-radius:24px!important}
  body.lum-map-page .lum-map-overlay-top{left:10px!important;right:10px!important;top:10px!important;grid-template-columns:42px minmax(0,1fr) 42px!important;gap:7px!important}
  body.lum-map-page .lum-map-privacy-pill{width:42px!important;height:42px!important;padding:0!important;justify-content:center!important;border-radius:50%!important}body.lum-map-page .lum-map-privacy-pill span{display:none!important}
  body.lum-map-page .lum-map-sharing-state{top:60px!important;left:10px!important;max-width:calc(100% - 78px)!important}
  body.lum-map-page .lum-map-destination-chips{display:none!important}
  body.lum-map-page .lum-map-filters{left:10px!important;right:62px!important;top:98px!important;max-width:none!important;gap:5px!important;padding-right:8px!important}
  body.lum-map-page .lum-map-filters button{height:30px!important;padding:0 11px!important;font-size:7.5px!important}
  body.lum-map-page .lum-map-float-actions{right:10px!important;top:145px!important;gap:7px!important}
  body.lum-map-page .lum-map-float-actions button,body.lum-map-page .lum-map-float-actions a,body.lum-map-page .lum-map-style-control>button{width:40px!important;height:40px!important}
  body.lum-map-page .lum-map-counter{right:10px!important;bottom:calc(176px + env(safe-area-inset-bottom) + var(--lum-vv-bottom))!important}
  body.lum-map-page .lum-map-social-sheet{left:10px!important;right:10px!important;bottom:calc(78px + env(safe-area-inset-bottom) + var(--lum-vv-bottom))!important;width:auto!important;max-width:none!important;border-radius:22px!important;padding:11px 13px 12px!important;background:rgba(255,251,246,.80)!important;-webkit-backdrop-filter:blur(26px) saturate(155%)!important;backdrop-filter:blur(26px) saturate(155%)!important;box-shadow:0 12px 38px rgba(28,22,15,.12)!important}
  body.lum-map-page .lum-map-sheet-handle{display:block!important;width:36px!important;height:3px!important;margin:0 auto 9px!important;border-radius:3px!important;background:rgba(39,41,36,.25)!important}
  body.lum-map-page .lum-map-sheet-head h3{font-size:23px!important}.lum-map-sheet-head .lum-kicker{font-size:6px!important}
  body.lum-map-page .lum-map-empty-state{grid-template-columns:34px 1fr auto!important;gap:9px!important}.lum-map-empty-state p{display:none!important}
}

/* Dedicated Join page — based on approved “Join a community of modern explorers” composition. */
body.lum-join-page{background:#f7f0e6!important}
body.lum-join-page .lum-site-header{position:absolute!important;left:0!important;right:0!important;top:0!important}
body.lum-join-page main{padding-top:0!important}
.lum-join-experience{min-height:100svh;padding:94px 18px 70px;background:#f7f0e6}
.lum-join-experience-inner{width:min(1180px,100%);margin:0 auto;display:grid;grid-template-columns:minmax(420px,.88fr) minmax(500px,1.12fr);gap:28px;align-items:stretch}
.lum-join-poster{position:relative;min-height:720px;border-radius:30px;overflow:hidden;background-size:cover;background-position:center;color:#182018;box-shadow:0 24px 70px rgba(29,23,15,.13)}
.lum-join-poster:before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,245,231,.15),rgba(255,247,236,.02) 48%,rgba(16,20,17,.10));pointer-events:none}
.lum-join-poster-content{position:absolute;z-index:2;inset:0;padding:38px;display:flex;flex-direction:column;align-items:center;text-align:center}
.lum-join-poster-logo{width:160px;margin:0 auto 24px}.lum-join-poster-logo img{width:100%;filter:drop-shadow(0 5px 15px rgba(255,255,255,.26))}
.lum-join-poster h1{font:500 clamp(40px,4vw,63px)/.88 var(--serif);letter-spacing:-.035em;margin:0;color:#172019;text-shadow:0 1px 16px rgba(255,250,241,.20)}
.lum-join-avatar-row{display:flex;align-items:center;justify-content:center;margin:22px 0 7px}.lum-join-avatar-row img,.lum-join-avatar-fallback{width:48px;height:48px;border-radius:50%;object-fit:cover;background:#efe1ce;border:3px solid rgba(255,251,245,.96);box-shadow:0 0 0 1px rgba(32,35,30,.24);margin-left:-8px}.lum-join-avatar-row>*:first-child{margin-left:0}.lum-join-avatar-fallback{display:grid;place-items:center;font:600 15px var(--serif);color:#835e2f}
.lum-join-count{font-size:9px;color:#404239;margin:0 0 14px;text-shadow:0 1px 8px rgba(255,255,255,.7)}
.lum-join-poster .lum-join-cta{display:inline-flex;align-items:center;justify-content:center;min-width:245px;height:52px;padding:0 26px;border-radius:999px;background:linear-gradient(135deg,#ad7d36,#c9964b);border:1px solid rgba(255,255,255,.74);box-shadow:0 12px 30px rgba(75,48,16,.16);color:#fff;font-size:11px;font-weight:600}
.lum-join-quote{margin-top:auto;padding-top:28px;font:400 24px/1.05 var(--script);color:#22271f;text-shadow:0 1px 10px rgba(255,255,255,.68)}
.lum-join-form-panel{border-radius:30px;background:rgba(255,251,246,.93);border:1px solid rgba(255,255,255,.82);padding:34px;box-shadow:0 22px 70px rgba(29,23,15,.10);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);align-self:center}
.lum-join-form-panel .lum-form-wrap{padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}.lum-join-form-panel .lum-section-head h2{font-size:48px!important}.lum-join-form-panel .lum-section-head p{font-size:11px!important}

/* Same approved community card may also be used on the homepage. */
.lum-v11-join-inner.lum-v144-community-card{min-height:470px!important;max-width:520px!important;margin:0 auto!important;padding:34px!important;align-items:flex-start!important;justify-content:center!important;text-align:center!important;background-position:center!important}
.lum-v11-join-inner.lum-v144-community-card:after{background:linear-gradient(180deg,rgba(255,245,232,.05),rgba(20,24,19,.16))!important}
.lum-v144-community-card>div{width:100%!important}.lum-v144-community-card .lum-v11-kicker{display:none!important}.lum-v144-community-card h2{font-size:42px!important;color:#182018!important;text-shadow:0 1px 12px rgba(255,255,255,.55)!important;margin-top:44px!important}.lum-v144-community-card p{color:#182018!important;font-size:20px!important}.lum-v144-community-card .lum-btn{margin-top:8px!important}

@media(max-width:900px){
  .lum-join-experience{padding-top:88px}.lum-join-experience-inner{grid-template-columns:1fr;max-width:680px}.lum-join-poster{min-height:650px}.lum-join-form-panel{align-self:stretch}
}
@media(max-width:700px){
  body.lum-join-page{padding-bottom:calc(120px + env(safe-area-inset-bottom) + var(--lum-vv-bottom))!important}
  .lum-join-experience{padding:84px 10px 30px}.lum-join-experience-inner{gap:14px}.lum-join-poster{min-height:540px;border-radius:25px}.lum-join-poster-content{padding:28px 20px}.lum-join-poster-logo{width:135px;margin-bottom:20px}.lum-join-poster h1{font-size:44px}.lum-join-avatar-row img,.lum-join-avatar-fallback{width:42px;height:42px}.lum-join-poster .lum-join-cta{height:50px;min-width:225px}.lum-join-quote{font-size:20px}.lum-join-form-panel{padding:20px;border-radius:24px}.lum-join-form-panel .lum-section-head h2{font-size:40px!important}
}