@import url("./pwa-header-64px.css?v=20260818-a64b64e64l2-f15-visible2");

/* Mobile polish for the installed and browser PWA experience. */
/* The retired Agenda/Buscar/Mis planes/Ciudad mobile tabbar must never return. */
.mobile-tabbar,[data-mobile-tabbar]{display:none!important}

.mobile-install-cta{
  display:none;
  position:fixed;
  z-index:80;
  left:50%;
  bottom:calc(.8rem + env(safe-area-inset-bottom,0px));
  transform:translateX(-50%);
  min-height:48px;
  padding:.72rem 1.05rem;
  border:0;
  border-radius:999px;
  background:var(--header-control,#174f46);
  color:#fff;
  font:inherit;
  font-size:.9rem;
  font-weight:800;
  box-shadow:0 10px 28px rgba(10,45,39,.28);
  white-space:nowrap;
}
html[data-mobile-client="true"] .mobile-install-cta{display:block}

/* header-redesign.css owns geometry. This layer only guarantees visibility. */
html[data-mobile-client="true"] .header-bottom,
html[data-mobile-client="true"] .header-actions{
  display:flex!important;
  visibility:visible!important;
  opacity:1!important;
}
html[data-mobile-client="true"] .header-search-toggle,
html[data-mobile-client="true"] .city-switch,
html[data-mobile-client="true"] .favorite-toggle,
html[data-mobile-client="true"] [data-my-plans-trigger],
html[data-mobile-client="true"] [data-share-qr]{
  visibility:visible!important;
  opacity:1!important;
  margin-top:0!important;
  margin-bottom:0!important;
}
html[data-mobile-client="true"] .header-search-toggle,
html[data-mobile-client="true"] .city-switch{
  display:inline-flex!important;
}
html[data-mobile-client="true"] .header-search-toggle{display:grid!important}

.event-detail-panel--no-media .event-detail-content{padding-top:1.15rem!important}
.event-detail-panel--no-media .event-detail-meta{padding-right:3.4rem}

@media(display-mode:standalone){
  .mobile-tabbar,[data-mobile-tabbar]{display:none!important}
  .header-bottom,.header-actions{display:flex!important;visibility:visible!important;opacity:1!important}
  .header-search-toggle,.city-switch,.favorite-toggle,[data-my-plans-trigger],[data-share-qr]{visibility:visible!important;opacity:1!important}
  .header-search-toggle{display:grid!important}
  .city-switch{display:inline-flex!important}

  /* Installed app: make the Valparaíso mosaic feel like a full-width divider
     and pull it closer to the hero copy above without changing the web layout. */
  .filter-workbench::before{
    width:calc(100% + 1.4rem)!important;
    max-width:none!important;
    margin-left:-.7rem!important;
    margin-right:-.7rem!important;
    margin-top:-.58rem!important;
    margin-bottom:.05rem!important;
  }
}

@media(max-width:900px){
  body{padding-bottom:env(safe-area-inset-bottom,0px)}
  .mobile-tabbar,[data-mobile-tabbar]{display:none!important}

  .header-search-toggle,.install-button,.city-switch,
  .filter-choice,.category-chip,.clear-filters,
  .card-action,.event-detail-action,.my-plan-action,
  .favorite-toggle,.chooser button{min-height:42px!important}
  .header-search-toggle{width:42px!important;min-width:42px!important}
  .favorite-toggle{width:42px!important;height:42px!important}

  .event-detail-media{height:min(22vh,160px)!important}
  .event-detail-panel--no-media .event-detail-content{padding-top:1rem!important}
  .event-detail-panel--no-media .event-detail-close{top:.65rem!important;right:.65rem!important}

  .chooser-backdrop{place-items:end stretch!important;padding:0!important;background:rgba(9,31,28,.58)!important;backdrop-filter:blur(4px)}
  .chooser{width:100%!important;max-width:none!important;max-height:min(92dvh,760px);overflow:auto;border-radius:1.45rem 1.45rem 0 0!important;padding:1.65rem 1rem calc(1.1rem + env(safe-area-inset-bottom,0px))!important;box-shadow:0 -18px 55px rgba(8,35,31,.24)!important}
  .chooser::before{content:"";display:block;width:42px;height:4px;margin:-.65rem auto 1.15rem;border-radius:999px;background:color-mix(in srgb,var(--brand) 22%,#fff)}
  .chooser h2{font-size:1.72rem!important;line-height:1.08;margin-right:2.8rem!important}
  .chooser>p:not(.eyebrow){margin:.45rem 0 .8rem!important}
  .chooser-close{width:44px!important;height:44px!important;right:.85rem!important;top:.8rem!important}
  .city-options{gap:.68rem!important;margin:1rem 0!important}
  .city-options button{min-height:78px!important;grid-template-columns:54px 1fr auto!important;padding:.82rem .85rem!important;border-width:1px!important;border-left-width:5px!important;border-radius:1.05rem!important}
  .city-options button strong{font-size:.98rem;line-height:1.16}
  .city-options button small{font-size:.8rem;line-height:1.3;margin-top:.16rem}
  .city-options button[aria-current="true"]{box-shadow:0 0 0 2px color-mix(in srgb,var(--brand) 28%,transparent),0 8px 24px rgba(24,60,52,.08)!important}
  .city-options button[aria-current="true"]::after{content:"✓";display:grid;place-items:center;width:1.55rem;height:1.55rem;border-radius:999px;background:var(--brand);color:#fff;font-weight:900}
  .city-options button[aria-current="true"]>span:last-child{display:none}
  .location-button{min-height:50px!important}
}

@media(max-width:430px){
  .city-options button{grid-template-columns:50px 1fr auto!important}
  .city-symbol{width:48px!important;height:40px!important}
}