/* Content page surfaces adapted from the existing tonal study; home is unchanged. */
#bo-home-footer[data-soft-pages] {
  --tonal-canvas:#edf0ed;
  --tonal-paper:#ffffff;
  --tonal-sage:#e6ede2;
  --tonal-blue:#e8edf4;
}
#bo-home-footer[data-soft-pages] .bh-phone:is([data-view=food],[data-view=discover],[data-view=hotels],[data-view=my]),
#bo-home-footer[data-soft-pages] .bh-phone:is([data-view=food],[data-view=discover],[data-view=hotels],[data-view=my]) :is(.bh-top,.bh-main,.bh-detail) {
  background:var(--tonal-canvas)!important;
}
#bo-home-footer[data-soft-pages] .bh-phone:is([data-view=food],[data-view=discover],[data-view=hotels],[data-view=my]) .bh-top .bh-tools button {
  background:#f9faf8!important;
}

/* Food: one filter surface and one continuous food list, not a box per restaurant. */
#bo-home-footer[data-soft-pages] .bh-phone[data-view=food] .fb-page .fb-filter-surface {
  background:var(--tonal-paper)!important; padding:12px!important;
  margin:10px 0 0!important; border-radius:16px; box-shadow:none;
}
#bo-home-footer[data-soft-pages] .bh-phone[data-view=food] .fb-page .fb-toolbar {
  border-bottom:0; padding-bottom:0;
}
#bo-home-footer[data-soft-pages] .bh-phone[data-view=food] .fb-page .fb-area {
  background:var(--tonal-paper)!important; padding:12px 12px 8px!important;
  margin-top:8px!important; border-radius:16px 16px 0 0;
}
#bo-home-footer[data-soft-pages] .bh-phone[data-view=food] .fb-page .fo-list {
  background:var(--tonal-paper)!important; padding:4px 12px 12px!important;
  border-radius:0 0 16px 16px;
}
#bo-home-footer[data-soft-pages] .bh-phone[data-view=food] .fb-page .fo-list .ed-food-row:last-child {
  margin-bottom:0!important;
}

/* Discovery: editorial lists stay open inside a white reading surface. */
#bo-home-footer[data-soft-pages] .bh-phone[data-view=discover] .gx-route-list {
  background:var(--tonal-paper); padding:14px; border-radius:16px;
}
#bo-home-footer[data-soft-pages] .bh-phone[data-view=discover] .gx-route-list .gx-route-card {
  background:transparent!important;
}
#bo-home-footer[data-soft-pages] .bh-phone[data-view=discover] .dj-catalog {
  background:var(--tonal-paper); padding:14px; border-radius:16px;
}

/* Hotels: a single list surface makes the three properties easy to compare. */
#bo-home-footer[data-soft-pages] .bh-phone[data-view=hotels] .bh-hotel-list {
  background:var(--tonal-paper); padding:12px 14px; margin-top:16px; border-radius:16px;
}
#bo-home-footer[data-soft-pages] .bh-phone[data-view=hotels] .bh-hotel-list button {
  background:transparent!important;
}
#bo-home-footer[data-soft-pages] .bh-phone[data-view=hotels] .bh-hotel-list button:last-child {
  border-bottom:0!important;
}

/* My: saved ideas, bookings and submissions have visibly separate homes. */
#bo-home-footer[data-soft-pages] .bh-phone[data-view=my] .my-keep {
  background:var(--tonal-paper)!important; border:0!important;
}
#bo-home-footer[data-soft-pages] .bh-phone[data-view=my] .sg-entry {
  background:var(--tonal-sage); border:0; border-radius:16px;
  padding:16px; margin:16px 0;
}
#bo-home-footer[data-soft-pages] .bh-phone[data-view=my] :is(.gp-remote-records,.gp-my) {
  background:var(--tonal-paper); padding:16px; margin:16px 0; border:0; border-radius:16px;
}
#bo-home-footer[data-soft-pages] .bh-phone[data-view=my] :is(.gp-remote-records,.gp-my)>h2:first-child {
  margin-top:0;
}
#bo-home-footer[data-soft-pages] .bh-phone[data-view=my] .pa-account-list {
  background:var(--tonal-paper); padding:8px 14px; border-radius:16px;
}

@media(max-width:350px) {
  #bo-home-footer[data-soft-pages] .bh-phone[data-view=discover] :is(.gx-route-list,.dj-catalog) { padding:12px; }
  #bo-home-footer[data-soft-pages] .bh-phone.bh-large[lang=en][data-view=discover] .gx-segments button { flex-direction:column; gap:4px!important; padding:8px 4px!important; }
  #bo-home-footer[data-soft-pages] .bh-phone.bh-large[lang=en][data-view=discover] .gx-segments button>span:last-child { white-space:nowrap; }
}