/* ScanMAP LUCI 2026–27 rotating lower banner.
   Four LIST categories (events/food/hotels/shopping); route CTA every 5 items.
   Compact in the existing bottom navbar, without changing the map footprint. */
html body[data-scanmap-page="luci"] #navbar .scanmap-luci-banner {
  width:100%!important;
  max-width:920px!important;
  height:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
  display:flex!important;
  gap:7px!important;
  align-items:center!important;
  color:#fff8e7!important;
  font:500 11px/1.2 system-ui,-apple-system,sans-serif!important;
  padding:3px 2px!important;
  direction:ltr!important;
}
html body[data-scanmap-page="luci"] #navbar .scanmap-luci-banner[hidden],
html body[data-scanmap-page="luci"] #navbar .luci-social-footer[data-sm-banner-social="closed"]{
  display:none!important;
}
html body[data-scanmap-page="luci"] #navbar .slb-image-button {
  flex:0 0 clamp(55px,15vw,70px)!important;
  width:clamp(55px,15vw,70px)!important;
  height:calc(100% - 2px)!important;
  min-height:0!important;
  margin:0!important;
  padding:1px!important;
  border:1px solid #e6bb73!important;
  border-radius:8px!important;
  background:#183649!important;
  overflow:hidden!important;
  cursor:pointer!important;
}
html body[data-scanmap-page="luci"] #navbar #slbPhoto{
  width:100%!important;
  height:100%!important;
  display:block!important;
  border-radius:6px!important;
  background:#153248!important;
  object-fit:cover!important;
}
html body[data-scanmap-page="luci"] #navbar .slb-copy{
  flex:1 1 0!important;
  min-width:0!important;
  height:100%!important;
  box-sizing:border-box!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  justify-content:center!important;
  gap:2px!important;
  padding:1px 0!important;
  overflow:hidden!important;
  color:#fff8e7!important;
}
html body[data-scanmap-page="luci"] #navbar .slb-category{
  display:block!important;
  flex:0 0 auto!important;
  color:#f5c777!important;
  font:800 9px/1.1 system-ui,-apple-system,sans-serif!important;
  letter-spacing:.035em!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
html body[data-scanmap-page="luci"] #navbar .slb-title{
  flex:0 0 auto!important;
  appearance:none!important;
  display:block!important;
  width:100%!important;
  min-width:0!important;
  max-height:17px!important;
  margin:0!important;
  padding:0!important;
  background:none!important;
  border:none!important;
  outline-offset:1px!important;
  color:#fff7dd!important;
  text-align:left!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  font:800 12px/1.2 system-ui,-apple-system,sans-serif!important;
  cursor:pointer!important;
}
html body[data-scanmap-page="luci"] #navbar .slb-desc{
  flex:1 1 auto!important;
  display:-webkit-box!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
  min-width:0!important;
  min-height:0!important;
  max-height:29px!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  color:#e3edf3!important;
  overflow-wrap:anywhere!important;
  font:500 9.4px/1.28 system-ui,-apple-system,sans-serif!important;
}
html body[data-scanmap-page="luci"] #navbar .slb-mini-nav{
  display:flex!important;
  flex:0 0 12px!important;
  height:12px!important;
  gap:4px!important;
  align-items:center!important;
  justify-content:flex-start!important;
  line-height:12px!important;
}
html body[data-scanmap-page="luci"] #navbar .slb-mini-nav button{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 19px!important;
  width:19px!important;
  height:14px!important;
  margin:0!important;
  padding:0!important;
  border:1px solid rgba(245,206,135,.38)!important;
  border-radius:4px!important;
  color:#ffda98!important;
  background:#102b3e!important;
  font:800 14px/1 system-ui,-apple-system,sans-serif!important;
  cursor:pointer!important;
}
html body[data-scanmap-page="luci"] #navbar #slbCounter{
  display:inline-block!important;
  min-width:28px!important;
  color:#cbd8e1!important;
  text-align:center!important;
  font:700 9px/1.2 system-ui,sans-serif!important;
}
html body[data-scanmap-page="luci"] #navbar .slb-actions{
  display:flex!important;
  flex:0 0 82px!important;
  width:82px!important;
  min-width:0!important;
  height:100%!important;
  justify-content:center!important;
  align-items:stretch!important;
  flex-direction:column!important;
  gap:4px!important;
  box-sizing:border-box!important;
}
html body[data-scanmap-page="luci"] #navbar .slb-actions button{
  appearance:none!important;
  flex:0 0 auto!important;
  width:100%!important;
  min-width:0!important;
  border-radius:9px!important;
  cursor:pointer!important;
  font-family:system-ui,-apple-system,sans-serif!important;
  box-sizing:border-box!important;
  text-align:center!important;
  overflow-wrap:anywhere!important;
}
html body[data-scanmap-page="luci"] #navbar #slbReach{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:33px!important;
  max-height:42px!important;
  margin:0!important;
  padding:4px 3px!important;
  border:1px solid #ffe5a5!important;
  color:#132d3e!important;
  background:linear-gradient(140deg,#ffe19d,#e5ad3f)!important;
  font:850 11px/1.15 system-ui,-apple-system,sans-serif!important;
  box-shadow:0 2px 6px rgba(0,0,0,.25)!important;
}
html body[data-scanmap-page="luci"] #navbar #slbReach[hidden]{
  display:none!important;
}
html body[data-scanmap-page="luci"] #navbar #slbSocial{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:20px!important;
  padding:2px 3px!important;
  margin:0!important;
  border:1px solid #c89e60!important;
  background:#15364a!important;
  color:#f6d79c!important;
  font:750 9px/1.1 system-ui,-apple-system,sans-serif!important;
}
html body[data-scanmap-page="luci"] #navbar .scanmap-luci-banner[data-banner-kind="tour"] #slbReach {
  font-size:10px!important;
}
html body[data-scanmap-page="luci"] #navbar :is(.slb-title,.slb-image-button,.slb-actions button,.slb-mini-nav button):focus-visible,
html body[data-scanmap-page="luci"] #navbar #scanmapLuciRotatorCloseSocial:focus-visible {
  outline:2px solid #ffe3a3!important;
  outline-offset:2px!important;
}
html body[data-scanmap-page="luci"] #navbar #scanmapLuciRotatorCloseSocial {
  position:absolute!important;
  right:3px!important;
  top:2px!important;
  z-index:10!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:20px!important;
  height:20px!important;
  padding:0!important;
  border-radius:50%!important;
  color:#ffe6a3!important;
  background:#102b3d!important;
  border:1px solid #e2b15c!important;
  font:800 16px/1 system-ui,sans-serif!important;
  cursor:pointer!important;
}
html body[data-scanmap-page="luci"] #navbar .luci-social-footer[data-sm-banner-social="open"]{
  position:relative!important;
  width:100%!important;
  padding-right:18px!important;
}
html body[data-scanmap-page="luci"] #floatingPopup .scanmap-luci-banner-target{
  outline:3px solid #f9c568!important;
  outline-offset:1px!important;
}
@media(max-width:355px){
 html body[data-scanmap-page="luci"] #navbar .scanmap-luci-banner{gap:4px!important}
 html body[data-scanmap-page="luci"] #navbar .slb-actions{flex-basis:74px!important;width:74px!important}
 html body[data-scanmap-page="luci"] #navbar .slb-desc{font-size:8.8px!important}
 html body[data-scanmap-page="luci"] #navbar .slb-image-button{flex-basis:54px!important;width:54px!important}
}
@media(max-height:480px){
 html body[data-scanmap-page="luci"] #navbar .slb-category{display:none!important}
 html body[data-scanmap-page="luci"] #navbar .slb-copy{gap:1px!important}
 html body[data-scanmap-page="luci"] #navbar .slb-mini-nav{flex-basis:11px!important;height:11px!important}
 html body[data-scanmap-page="luci"] #navbar .slb-desc{max-height:23px!important;font-size:9.5px!important}
}
/* Popup anchored to the exact visible map marker after 'Mostra'. */
html body[data-scanmap-page="luci"] #app .scanmap-luci-banner-popup {
  display:flex!important;
  align-items:flex-start!important;
  gap:9px!important;
  width:min(256px,72vw)!important;
  max-width:256px!important;
  box-sizing:border-box!important;
  padding:2px!important;
  color:#183248!important;
  font:500 12px/1.32 system-ui,-apple-system,sans-serif!important;
}
html body[data-scanmap-page="luci"] #app .scanmap-luci-banner-popup-photo{
  display:block!important;
  flex:none!important;
  width:67px!important;
  height:76px!important;
  object-fit:cover!important;
  border-radius:7px!important;
  background:#e6edf1!important;
}
html body[data-scanmap-page="luci"] #app .scanmap-luci-banner-popup-text{
  display:flex!important;
  flex:1 1 auto!important;
  min-width:0!important;
  align-items:flex-start!important;
  flex-direction:column!important;
  gap:3px!important;
}
html body[data-scanmap-page="luci"] #app .scanmap-luci-banner-popup-text small{
  color:#8e610e!important;
  font:800 10px/1.2 system-ui,-apple-system,sans-serif!important;
}
html body[data-scanmap-page="luci"] #app .scanmap-luci-banner-popup-text strong{
  display:-webkit-box!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
  max-width:100%!important;
  overflow:hidden!important;
  color:#112e41!important;
  font:850 12px/1.2 system-ui,-apple-system,sans-serif!important;
}
html body[data-scanmap-page="luci"] #app .scanmap-luci-banner-popup-text p{
  display:-webkit-box!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:3!important;
  max-width:100%!important;
  min-width:0!important;
  overflow:hidden!important;
  margin:0!important;
  color:#415568!important;
  overflow-wrap:anywhere!important;
  font:500 10px/1.2 system-ui,-apple-system,sans-serif!important;
}
html body[data-scanmap-page="luci"] #app .scanmap-luci-banner-popup-text button{
  appearance:none!important;
  margin:2px 0 0!important;
  padding:5px 8px!important;
  border:1px solid #bc8430!important;
  border-radius:8px!important;
  background:#f2c86e!important;
  color:#112f44!important;
  font:800 10px/1.2 system-ui,-apple-system,sans-serif!important;
  cursor:pointer!important;
}
html body[data-scanmap-page="luci"] #app .scanmap-luci-banner-popup-text button:focus-visible {
  outline:2px solid #dc9c27!important;
  outline-offset:2px!important;
}

@media(prefers-reduced-motion:reduce){
 html body[data-scanmap-page="luci"] #navbar .scanmap-luci-banner{transition:none!important}
}