/* Client Test 3.45 — phone feedback and desktop-parity changes. */
/* Compact Plant Points without duplicate explanation; retain complete help dialogue. */
#modal .plant-points-detail{min-width:0!important;gap:6px!important}
#modal .plant-points-detail .plant-leaf{flex-shrink:0}
#modal .plant-points-detail strong{font-size:clamp(12px,2.5vw,16px)!important}
/* Never display general recipe category pills beside the reviewed dietary/allergen flags. */
#recipeGrid .card .recipe-tags,#ideaList .card .recipe-tags,#haveResults .recipe-tags{display:none!important}
/* Tips/jokes: same green, small-caps Atkinson style as other section labels. */
#about #tipOfTheDay .tip-daily-joke{
  font-family:var(--gimi-font-body,"Atkinson Hyperlegible Next",Arial,sans-serif)!important;
  font-size:13px!important;line-height:1.35!important;letter-spacing:.08em!important;
  text-transform:uppercase!important;color:var(--gimi-strong-green,#476b35)!important;
  font-weight:700!important;
}
#about #tipOfTheDay .tip-daily-author{display:block!important;margin-top:6px!important;font-family:var(--gimi-font-body,Arial,sans-serif)!important;font-size:10px!important;font-weight:400!important;opacity:.65!important;line-height:1.25!important}
/* About, Settings and App information must use identical summary typography. */
#about .about-story>summary{
  font-family:inherit!important;font-size:13px!important;font-weight:900!important;
  padding:11px 13px!important;line-height:normal!important;color:#5b1665!important;
}
#about .about-story>summary::after{font-family:inherit!important;font-size:18px!important;line-height:14px!important}
/* Shopping buttons are one family, while Clear stands out on a phone. */
#shopping #shoppingShareToolbar{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:8px!important}
#shopping #shoppingShareToolbar button{min-height:42px!important;font-family:var(--gimi-font-body,Arial,sans-serif)!important;font-size:13px!important;padding:8px!important;white-space:normal!important}
#shopping #shoppingShareToolbar .danger-button{border:2px solid #a65151!important}
#shopping .print-bought-choice{display:flex;align-items:center;gap:8px;color:#5e5864;font-size:12px;margin:12px 0 4px;cursor:pointer}
#shopping .print-bought-choice input{width:17px;height:17px}
#recipeDetail .meal-plan-shopping-link{display:inline-flex;align-items:center;justify-content:center;gap:6px;align-self:flex-start;border:none;background:transparent;color:#512d68;text-decoration:underline;font-family:inherit;font-size:14px;font-weight:700;margin:9px 0;padding:7px 5px;min-height:40px;cursor:pointer}
#recipeDetail .meal-plan-shopping-link:focus-visible{outline:3px solid #5b1665;border-radius:8px}
/* Dog selection lives with personalisation. */
#about .dog-preference-setting{border:1px solid #d8e4d5;background:#f7faf5;border-radius:13px;padding:13px;margin:12px 0}
#about .dog-preference-setting h3{margin:0 0 10px;font-size:17px}
#about .dog-pref-choices{display:flex;gap:9px}
#about .dog-pref-choices button{min-width:88px;min-height:43px;border:1px solid #a4b9a0;border-radius:10px;background:white;font-family:var(--gimi-font-body,Arial,sans-serif);font-weight:650;color:#425b38}
#about .dog-pref-choices button.active{background:#dcebd8;border:2px solid #426d43;color:#224f29}
#about .dog-preference-setting .meta{margin:9px 0 0;font-size:12px}
#whatHavePanel #gimiOtherPanel [data-other-dogs][hidden],#gimiExploreMore .gimi-shop-card[hidden]{display:none!important}
#whatHavePanel #gimiOtherPanel .gimi-other-surprise{width:100%;max-width:420px;display:flex!important;align-items:center;gap:12px;margin:12px 0 18px;padding:10px 14px!important;text-align:left!important;box-sizing:border-box}
#whatHavePanel #gimiOtherPanel .gimi-other-surprise img{width:72px;height:72px;object-fit:contain;flex-shrink:0}
#whatHavePanel #gimiOtherPanel .gimi-other-surprise span{display:flex;flex-direction:column;gap:4px}
#whatHavePanel #gimiOtherPanel .gimi-other-surprise strong{font-size:19px}
#whatHavePanel #gimiOtherPanel .gimi-other-surprise small{font-size:12px;line-height:1.25}
#whatHavePanel #gimiOtherPanel .gimi-other-methods{display:block!important;margin:16px 0 0;padding:12px 8px;border-top:2px solid #bad1af}
#whatHavePanel #gimiOtherPanel .gimi-other-methods>.eyebrow{font-family:var(--gimi-font-body,Arial,sans-serif)!important;color:#527852!important;text-transform:uppercase!important;letter-spacing:.06em!important;font-size:13px!important;font-weight:800!important}
#whatHavePanel #gimiOtherPanel .gimi-other-methods .methods-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(125px,1fr));gap:9px}
#whatHavePanel #gimiOtherPanel .gimi-other-methods .method-card{min-width:0}
#whatHavePanel #gimiOtherPanel .gimi-other-methods .method-card[hidden]{display:none!important}
#whatHavePanel #gimiOtherPanel .gimi-other-methods .search{width:100%;box-sizing:border-box;min-height:40px}
.phone-week-toggle{display:none}
@media(max-width:700px){
  #about #weekPlannerDays{display:flex!important;flex-direction:column!important;gap:8px!important}
  #about #weekPlannerDays>.week-day{display:flex!important;flex-direction:column!important;width:100%!important;min-height:0!important;grid-column:auto!important;padding:0!important;border-radius:12px!important;overflow:hidden!important}
  #about #weekPlannerDays>.week-day:not(.phone-open)>:not(.phone-week-toggle){display:none!important}
  #about #weekPlannerDays>.week-day.phone-open{padding-bottom:10px!important}
  #about #weekPlannerDays>.week-day>.week-day-head{display:none!important}
  #about #weekPlannerDays .phone-week-toggle{display:flex!important;align-items:center!important;justify-content:space-between!important;width:100%!important;min-height:58px!important;padding:10px 14px!important;border:0!important;background:transparent!important;color:#5b1665!important;box-shadow:none!important;text-align:left!important;font-family:var(--gimi-font-body,Arial,sans-serif)!important;cursor:pointer!important}
  #about #weekPlannerDays .phone-week-toggle>span:first-child{display:flex;flex-direction:column;gap:3px}
  #about #weekPlannerDays .phone-week-toggle strong{font-size:15px;font-weight:750}
  #about #weekPlannerDays .phone-week-toggle strong small{font-size:12px;color:#7d697e}
  #about #weekPlannerDays .phone-week-toggle em{font-size:11px;color:#5a6953;font-style:normal}
  #about #weekPlannerDays .phone-week-arrow{font-size:25px;line-height:1;transition:transform .15s}
  #about #weekPlannerDays>.week-day.phone-open .phone-week-arrow{transform:rotate(180deg)}
  #about #weekPlannerDays>.week-day.phone-open>.week-meal-row,#about #weekPlannerDays>.week-day.phone-open>.week-empty,#about #weekPlannerDays>.week-day.phone-open>.week-day-details,#about #weekPlannerDays>.week-day.phone-open>.week-move-here{margin-left:10px!important;margin-right:10px!important}
  #shopping #shoppingShareToolbar{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
  #shopping #shoppingShareToolbar button{min-height:47px!important;font-size:14px!important}
  #shopping #shoppingShareToolbar #clearList{grid-column:1 / -1;min-height:58px!important;font-size:17px!important;font-weight:800!important}
  #whatHavePanel #gimiOtherPanel .gimi-other-methods .methods-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  #whatHavePanel #gimiOtherPanel .gimi-other-methods{padding:10px 4px!important}
}
/* Print only a clean list, without PWA chrome, links or menu furniture. */
#gimiShoppingPrint{display:none}
@media print{
 body>*:not(#gimiShoppingPrint){display:none!important}
 html,body{background:white!important;margin:0!important;padding:0!important;color:black!important}
 #gimiShoppingPrint{display:block!important;position:static!important;padding:10mm 12mm!important;width:100%!important;box-sizing:border-box;font-family:Arial,sans-serif;font-size:11pt;color:black!important}
 #gimiShoppingPrint h1{font-size:20pt;margin:0 0 5mm}
 #gimiShoppingPrint p{font-size:10pt;margin:0 0 9mm}
 #gimiShoppingPrint h2{font-size:12pt;margin:6mm 0 2mm;page-break-after:avoid}
 #gimiShoppingPrint ul{margin:0;padding:0;list-style:none}
 #gimiShoppingPrint li{padding:2mm 0;break-inside:avoid;border-bottom:1px solid #ddd}
 #gimiShoppingPrint .print-check{font-size:14pt;margin-right:4mm}
}
