
/* OurWayTrips V5.2.4 — Mobile Navigation + Sync Polish */

.mobile-home-shortcut{
  display:none;width:44px;height:44px;align-items:center;justify-content:center;
  border:1px solid var(--line);border-radius:14px;background:var(--panel);
  color:var(--text);text-decoration:none;font-size:1.15rem;font-weight:800
}
#trip .back-link[data-go="home"]{font-weight:800}

@media(max-width:760px){
  .topbar{gap:10px}
  .topbar .brand{min-width:0;flex:1 1 auto}
  .topbar .brand>span:last-child{min-width:0}
  .topbar .brand strong{white-space:nowrap}
  .mobile-home-shortcut{display:inline-flex;flex:0 0 44px}
  #menuBtn{flex:0 0 44px}

  #trip .back-link[data-go="home"]{
    display:inline-flex;align-items:center;min-height:40px;padding:7px 10px;
    border:1px solid rgba(152,103,68,.20);background:rgba(255,250,244,.88);
    border-radius:12px;color:var(--text);margin-bottom:10px
  }

  .check-tabs{
    display:flex!important;flex-wrap:nowrap!important;gap:7px!important;
    overflow-x:auto!important;overflow-y:hidden!important;
    width:calc(100% + 24px)!important;max-width:none!important;
    margin:14px -12px 12px!important;padding:2px 12px 9px!important;
    scroll-padding-inline:12px;scroll-snap-type:x proximity;
    -webkit-overflow-scrolling:touch;scrollbar-width:none
  }
  .check-tabs::-webkit-scrollbar{display:none}
  .check-tabs button{
    flex:0 0 auto!important;min-width:max-content!important;width:auto!important;
    white-space:nowrap!important;font-size:.83rem!important;line-height:1!important;
    padding:9px 12px!important;min-height:38px!important;border-radius:999px!important;
    scroll-snap-align:start
  }

  .checklist-toolbar{
    display:flex!important;align-items:center!important;justify-content:space-between!important;
    gap:10px!important;flex-wrap:wrap!important
  }
  .checklist-toolbar .btn{
    min-height:42px!important;padding:9px 13px!important;font-size:.9rem!important
  }
  #checklistCloudHint{
    font-size:.82rem!important;line-height:1.25!important;margin-left:auto
  }

  .check-item-row{gap:10px!important;padding:13px 12px!important}
  .check-item-row .check-label{
    min-width:0!important;font-size:.95rem!important;line-height:1.3!important
  }
  .check-item-row .row-actions{
    display:flex!important;align-items:center!important;gap:5px!important;flex:0 0 auto!important
  }
  .check-item-row .row-actions button{
    min-height:36px!important;min-width:36px!important;padding:6px 8px!important;font-size:.82rem!important
  }

  .bottom-nav.trip-bottom-nav a small{
    font-size:.72rem!important;letter-spacing:-.01em
  }
}

@media(max-width:520px){
  #homeTripLibrary .library-trip-card{padding:15px!important}
  #homeTripLibrary .trip-lib-actions{
    display:grid!important;grid-template-columns:1fr 1fr;gap:8px
  }
  #homeTripLibrary .trip-lib-actions button,
  #homeTripLibrary .trip-lib-actions a{width:100%}
}


/* V5.2.5 desktop Home visibility */
.desktop-nav.trip-primary-nav a[href="#home"]{
  display:inline-flex;
}

/* keep desktop nav compact with Home added */
@media(min-width:761px){
  .desktop-nav.trip-primary-nav{
    gap:20px;
  }
  .desktop-nav.trip-primary-nav a{
    font-size:.93rem;
  }
}
