/* v4.12.15 Lunchadoo interaction + hierarchy polish. Presentation only. */

/* Softer, cleaner planner cards */
.day-card{
  border:1px solid rgba(7,59,103,.055)!important;
  box-shadow:0 8px 22px rgba(7,59,103,.085)!important;
  transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease,opacity .16s ease!important;
}
.day-card:hover{
  transform:translateY(-2px);
  box-shadow:0 13px 28px rgba(7,59,103,.115)!important;
  border-color:rgba(7,59,103,.09)!important;
}
.day-card:active{transform:translateY(0) scale(.995)!important}

/* Internal meal/snack areas rely on whitespace and tint rather than heavy outlines */
.packed-lunch-glance,.school-glance,.day-snack{
  border-width:1px!important;
  box-shadow:none!important;
  transition:background-color .16s ease,border-color .16s ease,transform .16s ease!important;
}
.packed-lunch-glance{border-color:rgba(197,151,52,.20)!important;background:rgba(255,250,240,.78)!important}
.school-glance{border-color:rgba(63,159,216,.16)!important;background:rgba(238,249,255,.72)!important}
.day-snack{border-color:rgba(142,99,216,.14)!important;background:rgba(251,249,255,.76)!important}
.packed-lunch-glance:hover,.school-glance:hover,.day-snack:hover{transform:translateY(-1px)}

/* Empty/no-lunch days should recede so planned days carry the visual weight */
.day-card:has(.empty-day),.day-card:has(.school-glance.closed){
  background:rgba(255,255,255,.72)!important;
  box-shadow:0 5px 16px rgba(7,59,103,.055)!important;
}
.day-card:has(.empty-day) header,.day-card:has(.school-glance.closed) header{filter:saturate(.72);opacity:.82}
.empty-day{color:#7890a3!important;opacity:.80}
.empty-day span{font-size:58px!important;filter:saturate(.72)}
.empty-day b{font-size:17px!important;color:#6f879a!important}
.empty-day small{color:#8ca0af!important}
.school-glance.closed{background:rgba(255,247,247,.68)!important;border-color:rgba(218,137,147,.14)!important;color:#7890a3!important}

/* Stronger hierarchy for weekly actions */
.quick-actions.lunchadoo-bottom-actions{gap:10px!important;align-items:stretch}
.quick-actions.lunchadoo-bottom-actions button{
  min-height:66px!important;
  border:1px solid rgba(7,59,103,.08)!important;
  background:rgba(255,255,255,.76)!important;
  box-shadow:0 5px 14px rgba(7,59,103,.055)!important;
  transition:transform .15s ease,box-shadow .15s ease,background-color .15s ease,border-color .15s ease,opacity .15s ease!important;
}
.quick-actions.lunchadoo-bottom-actions button:hover:not(:disabled){
  transform:translateY(-2px)!important;
  box-shadow:0 9px 20px rgba(7,59,103,.09)!important;
}
.quick-actions.lunchadoo-bottom-actions button:active:not(:disabled){transform:translateY(0) scale(.985)!important}
.quick-actions.lunchadoo-bottom-actions button:first-child{
  background:linear-gradient(180deg,#fff8dc,#fff3be)!important;
  border-color:#f2ce59!important;
  box-shadow:0 8px 20px rgba(214,166,26,.15)!important;
  font-size:14px!important;
}
.quick-actions.lunchadoo-bottom-actions button:first-child span{transform:scale(1.08)}
.quick-actions.lunchadoo-bottom-actions button:nth-child(2),
.quick-actions.lunchadoo-bottom-actions button:nth-child(3){
  background:rgba(247,251,253,.90)!important;
  border-color:#d8e8f0!important;
}
.quick-actions.lunchadoo-bottom-actions button:nth-child(4){
  background:rgba(255,247,248,.82)!important;
  border-color:#f2dfe3!important;
  color:#8f4b58!important;
}
.quick-actions.lunchadoo-bottom-actions button:nth-child(5),
.quick-actions.lunchadoo-bottom-actions button:nth-child(6){
  background:rgba(255,255,255,.52)!important;
  border-color:rgba(7,59,103,.055)!important;
  box-shadow:none!important;
  color:#748b9d!important;
}
.quick-actions.lunchadoo-bottom-actions button:disabled{opacity:.34!important;box-shadow:none!important}

/* Consistent app-like motion */
button,.btn,.round-btn,.home-header-child,.home-family-child-row,.home-individual-row,.home-pack-card,.home-this-week,.food-tile,.summary-choice,.plan-type,.edit-button,.child-switch{
  transition:transform .15s ease,box-shadow .15s ease,background-color .15s ease,border-color .15s ease,color .15s ease,opacity .15s ease!important;
}
button:active:not(:disabled),.btn:active:not(:disabled),.food-tile:active,.home-family-child-row:active,.home-individual-row:active{transform:scale(.985)}
.round-btn:hover,.edit-button:hover,.btn.primary:hover{filter:brightness(1.025);box-shadow:0 7px 16px rgba(7,59,103,.13)!important}
.home-family-child-row:hover,.home-individual-row:hover{background:#f8fcfe!important}
.food-tile:hover{transform:translateY(-2px);box-shadow:0 8px 18px rgba(25,55,95,.10)!important}

/* Cleaner focus treatment for keyboard users */
button:focus-visible,.btn:focus-visible,.food-tile:focus-visible,.home-family-child-row:focus-visible,.home-individual-row:focus-visible{
  outline:3px solid rgba(45,151,232,.32)!important;
  outline-offset:2px!important;
}

@media(max-width:760px){
  .day-card:hover{transform:none}
  .empty-day span{font-size:52px!important}
  .quick-actions.lunchadoo-bottom-actions button{min-height:64px!important}
}

@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}
}