/* PODCO v11.0 FINAL — mobile-first layout, visible listing map, uncluttered mobile controls */
:root{--podco-mobile-safe:env(safe-area-inset-bottom,0px)}
html,body{max-width:100%;overflow-x:hidden}

/* Keep the full support control on larger screens only. Mobile support lives in Help. */
@media (min-width:821px){
  .support-launcher{display:flex!important}
}

/* Mobile-first header and page geometry */
@media (max-width:820px){
  body{min-width:0!important;padding-bottom:calc(72px + var(--podco-mobile-safe))!important}
  .site-header,.site-header.app-header{
    height:60px!important;min-height:60px!important;padding:0 14px!important;
    grid-template-columns:1fr auto!important;display:grid!important;position:sticky!important;top:0!important;
  }
  .site-header .primary-nav,.site-header .host-link,.site-header .currency-select{display:none!important}
  .site-header .header-actions{gap:0!important;justify-self:end!important}
  .site-header .signup-header-button{display:none!important}
  .site-header .brand{font-size:15px!important;gap:8px!important}
  .site-header .brand-icon{width:27px!important;height:34px!important}

  .search-stage{min-height:auto!important;padding:30px 14px 24px!important}
  .search-stage h1{font-size:clamp(36px,10vw,44px)!important;max-width:350px!important;margin-top:10px!important}
  .search-stage .intro{font-size:14px!important;margin-bottom:18px!important}
  .search-shell{
    width:100%!important;max-width:520px!important;height:auto!important;padding:7px!important;
    grid-template-columns:1fr 1fr!important;border-radius:19px!important;box-shadow:0 14px 42px #07376522!important;
  }
  .search-shell .where-part{grid-column:1/-1!important}
  .search-shell .search-part{padding:11px 12px!important}
  .search-shell .guest-trigger{grid-column:1/-1!important}
  .search-shell .search-button{grid-column:1/-1!important;width:auto!important;height:48px!important;margin:5px 2px 2px!important}
  .destination-popover{width:calc(100vw - 28px)!important;max-width:520px!important;left:-7px!important;top:72px!important}
  .guest-popover{width:calc(100vw - 28px)!important;max-width:520px!important;right:-7px!important}
  .trust-row{justify-content:center!important;font-size:10px!important}

  .category-bar{min-height:132px!important;height:auto!important;padding:0 14px 10px!important}
  .category-scroll{height:78px!important;gap:22px!important;overflow-x:auto!important}
  .category-actions{min-height:44px!important}
  .stays-section{padding:38px 14px 58px!important}
  .section-heading h2{font-size:30px!important}
  .host-callout{margin:0 14px 42px!important;padding:34px 22px!important}

  /* Search results should feel like a phone app, not a shrunken desktop. */
  .explore-search{
    margin:10px 10px 0!important;border-radius:18px!important;grid-template-columns:1fr 1fr!important;
    overflow:visible!important;box-shadow:0 10px 28px #07376517!important;
  }
  .explore-search-field{padding:10px 12px!important;min-height:58px!important}
  .explore-search-field:first-child,.explore-search-field:nth-child(3),.explore-search>.coral-button{grid-column:1/-1!important}
  .explore-search>.coral-button{width:auto!important;margin:7px!important;min-height:46px!important}
  .explore-destination-popover{left:0!important;right:0!important;width:calc(100vw - 20px)!important;max-height:58vh!important;overflow:auto!important}
  .results-toolbar{padding:24px 12px 14px!important;gap:12px!important}
  .results-toolbar h1{font-size:32px!important}
  .toolbar-actions{gap:7px!important}
  .toolbar-actions>select,.toolbar-actions>.outline-button{min-height:40px!important;font-size:11px!important}
  .access-quick{padding:9px 10px!important;font-size:11px!important}

  /* Make the real interactive map visible on mobile. */
  .results-layout{
    display:flex!important;flex-direction:column!important;gap:16px!important;padding:0 10px 36px!important;
  }
  .results-layout .map-panel{
    display:block!important;order:-1!important;position:relative!important;top:auto!important;
    width:100%!important;height:330px!important;min-height:330px!important;border-radius:18px!important;
  }
  .results-layout .map-panel.podco-live-map{display:block!important;height:330px!important;min-height:330px!important}
  .podco-live-map{min-height:330px!important}
  #podco-open-map{min-height:330px!important}
  .podco-map-status{top:10px!important;font-size:11px!important;padding:8px 11px!important}
  .results-grid{grid-template-columns:1fr!important;gap:26px!important}

  /* One clean bottom navigation. Remove extra support/chat bubbles. */
  .mobile-bottom-nav{
    grid-template-columns:repeat(5,1fr)!important;min-height:64px!important;
    padding:6px 4px calc(6px + var(--podco-mobile-safe))!important;
  }
  .mobile-bottom-nav [data-podco-support-nav]{display:none!important}
  .support-launcher,.podco-quick-support,.podco-quick-panel{display:none!important}
  iframe[src*="tawk.to"],iframe[title*="chat" i],.tawk-min-container,.tawk-button-circle{display:none!important}

  .site-footer{padding-bottom:94px!important}
}

@media (max-width:430px){
  .search-stage{padding-left:11px!important;padding-right:11px!important}
  .search-shell{border-radius:17px!important}
  .search-part label,.guest-trigger b{font-size:9px!important}
  .search-part input,.guest-trigger small{font-size:12px!important}
  .results-layout .map-panel,.results-layout .map-panel.podco-live-map,#podco-open-map{height:300px!important;min-height:300px!important}
}

/* Mobile help/contact area — no floating clutter required. */
.podco-mobile-support-card{display:none}
@media(max-width:820px){
  .podco-mobile-support-card{display:grid;gap:12px;margin:24px 0 8px;padding:18px;border:1px solid #cfe5eb;border-radius:18px;background:#f7fdff}
  .podco-mobile-support-card h2{margin:0;font:500 26px/1.1 Georgia,serif}
  .podco-mobile-support-card p{margin:0;color:#60778a;font-size:12px;line-height:1.55}
  .podco-mobile-support-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}
  .podco-mobile-support-actions a,.podco-mobile-support-actions button{border:1px solid #bddce4;border-radius:12px;background:#fff;color:#0b356a;padding:11px 8px;text-align:center;font-weight:800;font-size:12px}
  .podco-mobile-support-actions .primary{grid-column:1/-1;background:#0b356a;color:#fff;border-color:#0b356a}
}

/* v11 final map/list geometry */
@media(min-width:821px){.results-layout .map-panel{position:sticky!important;top:78px!important;min-height:560px!important;height:calc(100vh - 96px)!important}.results-layout #podco-open-map{min-height:560px!important}}
.podco-map-status{pointer-events:none}