/* Coordinated, subscription-free design layer for Explore Bahrain. */
:root{--atlas-body-size:15px;--atlas-touch:44px}
.atlas-explore{font-size:var(--atlas-body-size)}
.atlas-explore button,.atlas-explore select,.atlas-explore input{min-height:var(--atlas-touch);font-size:14px}
.atlas-explore .place-card h3{font-size:18px;line-height:1.4}
.atlas-explore .place-card .card-details,.atlas-explore .map-place-row strong{font-size:14px}
.atlas-explore .map-place-row small,.atlas-explore .nearby-item small{font-size:12px}
.atlas-explore .map-tools{background:rgba(255,255,255,.95);border-radius:12px;padding:8px;top:12px;right:12px;max-width:calc(100% - 84px);box-shadow:0 3px 16px #153b3225}
.atlas-explore .map-tools button{font-size:12px;min-height:38px}
.atlas-explore .map-workspace{height:clamp(650px,80vh,1080px);min-height:650px;grid-template-columns:minmax(0,1fr) minmax(250px,310px)}
.atlas-explore .map-sidebar{background:#fff}
.atlas-explore .map-legend{padding:12px}
.atlas-explore .category-chip{font-size:13px;min-height:42px}
.atlas-explore .map-workspace:fullscreen,.atlas-explore .map-workspace.atlas-map-expanded{position:fixed!important;inset:0!important;z-index:2000!important;width:100vw!important;height:100dvh!important;max-height:none!important;min-height:0!important;display:grid!important;grid-template-columns:minmax(0,1fr) minmax(260px,330px)!important;overflow:hidden!important}
.atlas-explore .map-workspace:fullscreen .map-sidebar,.atlas-explore .map-workspace.atlas-map-expanded .map-sidebar{display:block!important;overflow-y:auto!important;max-height:100dvh!important;background:#fff}
@media(max-width:760px){.atlas-explore .map-workspace{grid-template-columns:1fr;height:720px;min-height:600px}.atlas-explore .map-workspace:fullscreen,.atlas-explore .map-workspace.atlas-map-expanded{grid-template-columns:1fr!important;grid-template-rows:minmax(0,1fr) min(28dvh,230px)!important}.atlas-explore .map-workspace:fullscreen .map-sidebar,.atlas-explore .map-workspace.atlas-map-expanded .map-sidebar{height:100%!important;border-top:1px solid #ccd5cb}.atlas-explore .map-tools{max-width:calc(100% - 65px);gap:4px;padding:5px}.atlas-explore .map-tools button{padding:5px 8px;font-size:11px}.atlas-explore .category-chips{flex-wrap:nowrap;overflow-x:auto;padding-bottom:10px;scroll-snap-type:x proximity}.atlas-explore .category-chip{white-space:nowrap;scroll-snap-align:start}}
@media print{body.atlas-print-map .map-caption,body.atlas-print-map #mappedCount{display:none!important}}

/* Fullscreen must size both the workspace AND its map child; otherwise the
   original fixed-height map panel leaves blank space below the tiles. */
.atlas-explore .map-workspace:fullscreen .map-panel,
.atlas-explore .map-workspace.atlas-map-expanded .map-panel{
 height:100%!important;min-height:0!important;max-height:none!important;
 display:block!important;position:relative!important;overflow:hidden!important;
}
.atlas-explore .map-workspace:fullscreen #map,
.atlas-explore .map-workspace.atlas-map-expanded #map{
 height:100%!important;min-height:0!important;max-height:none!important;
 width:100%!important;position:relative!important;
}
.atlas-explore .map-workspace:fullscreen .map-sidebar,
.atlas-explore .map-workspace.atlas-map-expanded .map-sidebar{height:100%!important;min-height:0!important;}

/* Root cause: the old fullscreen override turns the flex map panel into a
   block. Use flex sizing so the Leaflet canvas takes all remaining height
   after the toolbar and map instructions, with no fixed 520px cap. */
@media screen{
 .atlas-explore .map-workspace:fullscreen .map-panel,
 .atlas-explore .map-workspace.atlas-map-expanded .map-panel{
   display:flex!important;flex-direction:column!important;
   height:100%!important;min-height:0!important;max-height:none!important;
   overflow:hidden!important;box-sizing:border-box!important;
 }
 .atlas-explore .map-workspace:fullscreen .map-tools,
 .atlas-explore .map-workspace.atlas-map-expanded .map-tools,
 .atlas-explore .map-workspace:fullscreen .map-scroll-hint,
 .atlas-explore .map-workspace.atlas-map-expanded .map-scroll-hint{
   flex:0 0 auto!important;
 }
 .atlas-explore .map-workspace:fullscreen #map,
 .atlas-explore .map-workspace.atlas-map-expanded #map{
   display:block!important;flex:1 1 0%!important;
   height:0!important;min-height:0!important;max-height:none!important;
   width:100%!important;box-sizing:border-box!important;
 }
}

/* Normal mode: old sticky-panel / natural-height-sidebar rules caused the
   grid to grow taller than the Leaflet canvas, leaving a blank map column. */
@media screen and (min-width:761px){
 .atlas-explore .map-workspace:not(:fullscreen):not(.atlas-map-expanded){
  height:clamp(650px,80vh,1080px)!important;
  min-height:650px!important;max-height:1080px!important;
  overflow:hidden!important;align-items:stretch!important;
 }
 .atlas-explore .map-workspace:not(:fullscreen):not(.atlas-map-expanded) .map-panel{
  position:relative!important;top:auto!important;
  height:100%!important;max-height:none!important;min-height:0!important;
  align-self:stretch!important;
 }
 .atlas-explore .map-workspace:not(:fullscreen):not(.atlas-map-expanded) .map-sidebar{
  height:100%!important;max-height:none!important;min-height:0!important;
  overflow-y:auto!important;overscroll-behavior:contain!important;
 }
 .atlas-explore .map-workspace:not(:fullscreen):not(.atlas-map-expanded) #map{
  flex:1 1 0%!important;height:0!important;min-height:0!important;
 }
}

/* Progressive disclosure for the Explore map: keep search and key actions visible. */
.atlas-explore .atlas-filter-details{margin:12px 0 14px;border:1px solid #d4e0d3;border-radius:12px;background:#fff;overflow:hidden}
.atlas-explore .atlas-filter-details>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;padding:13px 17px;font-weight:700;color:#184d3e;min-height:48px;list-style:revert}
.atlas-explore .atlas-detail-assist{font-size:12px;font-weight:400;color:#60766b}
.atlas-explore .atlas-filter-details[open] .layer-heading{margin:4px 16px 8px}
.atlas-explore .atlas-filter-details[open] .category-chips{padding:0 16px 16px}
.atlas-explore .atlas-utility-row{margin:10px 0}
.atlas-explore .atlas-data-details>summary{cursor:pointer;color:#355e53;font-weight:650;font-size:13px;padding:8px 2px;width:fit-content}
.atlas-explore .atlas-data-details[open]{border:1px solid #d4e0d3;background:white;border-radius:10px;padding:10px}
.atlas-explore .atlas-data-details .share-tools{margin-top:8px;flex-wrap:wrap}
.atlas-explore .atlas-map-more{position:relative;align-self:center;z-index:650}
.atlas-explore .atlas-map-more>summary{cursor:pointer;list-style:none;padding:9px 12px;min-height:38px;border:1px solid #a9bda5;border-radius:5px;background:#fff;font-size:12px;color:#173e36;font-weight:600;white-space:nowrap}
.atlas-explore .atlas-map-more>summary::-webkit-details-marker{display:none}
.atlas-explore .atlas-map-more>summary:after{content:" ▾"}
.atlas-explore .atlas-map-more-menu{position:absolute;right:0;top:calc(100% + 4px);z-index:800;min-width:185px;background:#fff;box-shadow:0 8px 24px #183d3333;border:1px solid #c8d9cb;border-radius:9px;padding:6px;display:flex;flex-direction:column;gap:5px}
.atlas-explore .atlas-map-more-menu button{width:100%;text-align:start;white-space:nowrap}
@media(max-width:760px){.atlas-explore .atlas-detail-assist{display:none}.atlas-explore .atlas-map-more-menu{right:auto;left:0}.atlas-explore .atlas-filter-details>summary{padding:11px 12px}}

/* Compact Explore introduction: suppress inherited tall hero grid sizing.
   The illustration is intentionally hidden on this page, so reserve no space. */
@media screen{
 body.atlas-explore .explore-hero{min-height:0!important;height:auto!important}
 body.atlas-explore .explore-hero .hero-inner{
  display:block!important;min-height:0!important;height:auto!important;
  padding-top:24px!important;padding-bottom:22px!important;
 }
 body.atlas-explore .explore-hero .hero-copy{
  min-height:0!important;height:auto!important;
  display:flex!important;flex-wrap:wrap!important;align-items:center!important;
  gap:10px 28px!important;
 }
 body.atlas-explore .explore-hero .island-art{display:none!important}
 body.atlas-explore .explore-hero h1{margin:0!important}
 body.atlas-explore .explore-hero h1+p{margin:0!important;max-width:520px!important}
}
@media(max-width:760px){
 body.atlas-explore .explore-hero .hero-inner{padding:17px 0!important}
 body.atlas-explore .explore-hero .hero-copy{display:block!important}
 body.atlas-explore .explore-hero h1{margin:7px 0!important}
}

/* Compact search and map result controls without hiding primary discovery. */
.atlas-explore .search-panel{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:end!important;gap:12px 20px!important;padding:15px 18px!important}
.atlas-explore .atlas-labelled-search{min-width:0!important}
.atlas-explore .atlas-primary-filters{display:flex;align-items:end;gap:9px;flex-wrap:wrap}
.atlas-explore .atlas-primary-filters>label{min-width:165px}
.atlas-explore .atlas-primary-filters select{width:100%;min-width:165px;max-width:220px}
.atlas-explore .atlas-primary-filters .near-button{white-space:nowrap}
.atlas-explore .atlas-advanced-filters{position:relative;align-self:end}
.atlas-explore .atlas-advanced-filters>summary{cursor:pointer;display:flex;align-items:center;min-height:44px;padding:9px 13px;border:1px solid #c7d9c9;border-radius:7px;white-space:nowrap;background:#fff;color:#244f43;font-size:14px;font-weight:650;list-style:none}
.atlas-explore .atlas-advanced-filters>summary::-webkit-details-marker{display:none}
.atlas-explore .atlas-advanced-filters>summary:after{content:" ▾"}
.atlas-explore .atlas-advanced-inner{position:absolute;right:0;top:calc(100% + 7px);z-index:1100;background:#fff;min-width:240px;padding:15px;box-shadow:0 10px 30px #133d3229;border:1px solid #d0ddce;border-radius:12px;display:grid;gap:12px}
.atlas-explore .atlas-advanced-inner label{display:grid;gap:5px}
.atlas-explore .atlas-advanced-inner select{max-width:none;width:100%}
.atlas-explore .atlas-utility-row{margin:3px 0!important}
.atlas-explore .atlas-data-details>summary{padding:5px 2px!important}
.atlas-explore .results-toolbar{margin-top:5px!important;margin-bottom:9px!important}
@media(max-width:1100px){.atlas-explore .search-panel{grid-template-columns:1fr!important}.atlas-explore .atlas-primary-filters{justify-content:flex-start}}
@media(max-width:760px){.atlas-explore .search-panel{padding:12px!important}.atlas-explore .atlas-primary-filters>label{flex:1;min-width:135px}.atlas-explore .atlas-primary-filters .near-button{font-size:12px}.atlas-explore .atlas-advanced-inner{right:0}}

/* Explore compact control strip v2: one connected discovery workflow. */
@media screen {
 body.atlas-explore .section-filters{margin:8px 0!important;gap:6px!important}
 body.atlas-explore .section-filters button{
   min-height:36px!important;padding:6px 14px!important;
   font-size:13px!important;border-radius:999px!important;
 }
 body.atlas-explore .atlas-filter-details{
   margin:7px 0!important;border-radius:9px!important;
   border-color:#d8e4d7!important;box-shadow:none!important;
 }
 body.atlas-explore .atlas-filter-details>summary{
   min-height:39px!important;padding:7px 12px!important;font-size:13px!important;
 }
 body.atlas-explore .atlas-detail-assist{font-size:11px!important}
 body.atlas-explore .search-panel{
   padding:10px 12px!important;gap:10px!important;border-radius:10px!important;
   grid-template-columns:minmax(300px,1.5fr) minmax(0,1fr)!important;
   align-items:end!important;
 }
 body.atlas-explore .atlas-search-label,body.atlas-explore .atlas-primary-filters>label>span{
   font-size:12px!important;line-height:1.25!important;
 }
 body.atlas-explore .atlas-labelled-search .search-wrap{min-height:42px!important}
 body.atlas-explore .atlas-labelled-search input{min-height:40px!important;font-size:14px!important}
 body.atlas-explore .atlas-primary-filters{gap:7px!important;flex-wrap:nowrap!important}
 body.atlas-explore .atlas-primary-filters>label{min-width:140px!important;flex:1 1 140px!important}
 body.atlas-explore .atlas-primary-filters select{min-width:0!important;max-width:none!important;min-height:42px!important;font-size:13px!important}
 body.atlas-explore .atlas-primary-filters .near-button{min-height:42px!important;font-size:12px!important;padding:8px!important}
 body.atlas-explore .atlas-advanced-filters>summary{min-height:42px!important;padding:7px 10px!important;font-size:12px!important}
 body.atlas-explore .results-toolbar{
   display:flex!important;align-items:center!important;gap:12px!important;
   min-height:43px!important;margin:3px 0 5px!important;padding:3px 0!important;
 }
 body.atlas-explore .results-toolbar #results{margin:0!important;flex:1 1 auto!important;font-size:14px!important}
 body.atlas-explore .results-toolbar .atlas-utility-row{margin:0!important;flex:0 0 auto!important}
 body.atlas-explore .results-toolbar .atlas-data-details>summary{
   padding:5px 9px!important;font-size:12px!important;
 }
 body.atlas-explore .results-toolbar .view-switch{margin-inline-start:auto!important;flex:0 0 auto!important}
 body.atlas-explore .results-toolbar .view-switch button{
   min-height:36px!important;padding:7px 13px!important;font-size:13px!important;
 }
 body.atlas-explore .map-tools{padding:5px 8px!important;gap:5px!important}
 body.atlas-explore .map-tools>button,
 body.atlas-explore .atlas-map-more>summary{min-height:35px!important;padding:6px 10px!important;font-size:12px!important}
}
@media(max-width:1150px){
 body.atlas-explore .search-panel{grid-template-columns:1fr!important}
 body.atlas-explore .atlas-primary-filters{flex-wrap:wrap!important}
}
@media(max-width:650px){
 body.atlas-explore .results-toolbar{flex-wrap:wrap!important}
 body.atlas-explore .results-toolbar #results{flex-basis:100%!important}
 body.atlas-explore .atlas-primary-filters>label{flex:1 1 100%!important}
 body.atlas-explore .atlas-filter-details>summary{font-size:12px!important}
}

/* Align the location action to the bottom edge of the governorate dropdown.
   Legacy .near-button rules can center it instead of aligning to the input. */
@media screen{
 body.atlas-explore .atlas-primary-filters{align-items:flex-end!important}
 body.atlas-explore .atlas-primary-filters>.near-button{
  align-self:flex-end!important;box-sizing:border-box!important;
  margin:0!important;min-height:42px!important;height:42px!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
 }
 body.atlas-explore .atlas-primary-filters>.atlas-advanced-filters{
  align-self:flex-end!important;margin:0!important;
 }
}

/* Compact footer discovery: reduce oversized transport section and double notices. */
@media screen{
 body.atlas-explore .living-transport{
  margin-top:20px!important;margin-bottom:12px!important;
  padding-top:22px!important;padding-bottom:10px!important;
 }
 body.atlas-explore .living-transport .section-heading{
  margin-bottom:12px!important;gap:5px!important;
 }
 body.atlas-explore .living-transport h2{font-size:25px!important;margin:4px 0!important}
 body.atlas-explore .living-transport .section-heading p{
  margin:4px 0 8px!important;font-size:14px!important;line-height:1.5!important;
 }
 body.atlas-explore .transport-links{gap:10px!important;margin:9px 0!important}
 body.atlas-explore .transport-links>a{
  min-height:0!important;padding:13px 15px!important;border-radius:10px!important;
  display:flex!important;flex-direction:column!important;justify-content:center!important;gap:4px!important;
 }
 body.atlas-explore .transport-links strong{font-size:14px!important}
 body.atlas-explore .transport-links span{font-size:12px!important;line-height:1.5!important}
 body.atlas-explore .living-transport>.freshness-note{
  margin:8px 0 0!important;padding:8px 12px!important;
  font-size:11px!important;line-height:1.5!important;background:transparent!important;
  border:none!important;color:#657b6e!important;
 }
 body.atlas-explore .bottom-note{
  margin-top:14px!important;margin-bottom:20px!important;
  padding:15px 18px!important;gap:12px!important;align-items:center!important;
 }
 body.atlas-explore .bottom-note h3{font-size:17px!important;margin:0 0 5px!important}
 body.atlas-explore .bottom-note p{font-size:12px!important;line-height:1.55!important;margin:0!important}
 body.atlas-explore .bottom-note .text-button{white-space:nowrap!important}
}
@media(max-width:760px){
 body.atlas-explore .transport-links{grid-template-columns:1fr!important}
 body.atlas-explore .bottom-note{align-items:flex-start!important;flex-wrap:wrap!important}
}