/* Casa Ruggiu Domhun V56 — beta tester fixes only. NO REDESIGN. */

/* HOME: keep the established look, only lock the background focal point. */
.home-page::before{
  background-position:50% 50%!important;
  background-size:cover!important;
  background-repeat:no-repeat!important;
  transform:scale(1.04)!important;
  transform-origin:center center!important;
}

/* ESPLORA: same cards/colors, but use a real grid so icon/text/arrow never overlap. */
.explore-main-page .ex-grid,
.visual-hub-page .restaurant-ex-grid{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;
}
.explore-main-page .ex-card,
.visual-hub-page .restaurant-ex-card{
  box-sizing:border-box!important;
  display:grid!important;
  grid-template-columns:39px minmax(0,1fr) 18px!important;
  align-items:center!important;
  column-gap:10px!important;
  width:100%!important;
  min-width:0!important;
  height:65px!important;
  min-height:65px!important;
  padding:8px 11px!important;
  text-align:left!important;
}
.explore-main-page .ex-card .glass-bubble,
.visual-hub-page .restaurant-ex-card .glass-bubble{
  position:relative!important;
  left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;
  grid-column:1!important;
  grid-row:1!important;
  justify-self:start!important;
  align-self:center!important;
  transform:none!important;
  margin:0!important;
}
.explore-main-page .ex-card strong,
.visual-hub-page .restaurant-ex-card strong{
  position:relative!important;
  inset:auto!important;
  grid-column:2!important;
  grid-row:1!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  font-size:.76rem!important;
  line-height:1.13!important;
  text-align:left!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
  hyphens:none!important;
}
.explore-main-page .ex-card .arrow,
.visual-hub-page .restaurant-ex-card .arrow{
  position:relative!important;
  inset:auto!important;
  grid-column:3!important;
  grid-row:1!important;
  justify-self:end!important;
  align-self:center!important;
  transform:none!important;
  margin:0!important;
  line-height:1!important;
}

/* “Dove vado oggi?” and restaurant chooser: same icon/text/arrow geometry. */
.explore-main-page .assistant,
.visual-hub-page .restaurant-assistant-card{
  box-sizing:border-box!important;
  display:grid!important;
  grid-template-columns:39px minmax(0,1fr) 18px!important;
  align-items:center!important;
  column-gap:10px!important;
  width:100%!important;
  padding:10px 11px!important;
  text-align:left!important;
}
.explore-main-page .assistant .glass-bubble,
.visual-hub-page .restaurant-assistant-card .glass-bubble{
  position:relative!important;
  inset:auto!important;
  grid-column:1!important;
  justify-self:start!important;
  transform:none!important;
  margin:0!important;
}
.explore-main-page .assistant>span:nth-child(2),
.visual-hub-page .restaurant-assistant-card>span:nth-child(2){
  grid-column:2!important;
  min-width:0!important;
  margin:0!important;
}
.explore-main-page .assistant>b,
.visual-hub-page .restaurant-assistant-card>b{
  position:relative!important;
  inset:auto!important;
  grid-column:3!important;
  justify-self:end!important;
  align-self:center!important;
  transform:none!important;
  margin:0!important;
}
.visual-hub-page .restaurant-assistant-card strong{
  margin:0!important;
  padding:0!important;
  font-size:.84rem!important;
  line-height:1.15!important;
}
.visual-hub-page .restaurant-assistant-card p{
  margin:3px 0 0!important;
  padding:0!important;
  font-size:.64rem!important;
  line-height:1.30!important;
}

/* SHOPPING LIST: keep buttons on top of decorative glass layers and improve tapping. */
.shopping-page .casa-form-card,
.shopping-page .shopping-quick,
.shopping-page .casa-form-row,
.shopping-page .casa-button-row,
.shopping-page .shopping-list{
  position:relative!important;
  z-index:2!important;
}
.shopping-page button,
.shopping-page input,
.shopping-page select{
  pointer-events:auto!important;
  touch-action:manipulation!important;
}
.shopping-page .shopping-quick button{
  position:relative!important;
  z-index:3!important;
  cursor:pointer!important;
  -webkit-user-select:none!important;
  user-select:none!important;
}

@media(max-width:390px){
  .explore-main-page .ex-card strong,
  .visual-hub-page .restaurant-ex-card strong{font-size:.72rem!important;line-height:1.10!important}
}