/* Foody-Go M-07 (20261029) - "Мої замовлення": date + total first, number/status secondary, "Дивитися +" disclosure.
 * STATUS: подготовлено. Mobile only. Hooks from module/account_history.html working copy.
 * Expanded details reuse M-08 card styles (.fgm-oc-part) -> include mobile-order-card-20261029-m08.css as well.
 * Include after r10/info in css/css.php:
 *   <link rel="stylesheet" href="/templates/FoodyGoCart/mobile-orders-20261029-m07.css" media="screen"> */
.fgm-oh-summary,.fgm-oh-toggle,.fgm-oh-details,.fgm-oh-empty{display:none}
@media screen and (max-width: 767px){
  #container .fgm-oh-item{box-sizing:border-box;margin:0 0 10px;padding:12px 14px;border:1px solid #e7e8df;border-radius:14px;background:#fff}
  #container .fgm-oh-item .fgm-oh-summary{display:block}
  .fgm-oh-main{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap}
  .fgm-oh-date{font:800 16px/1.3 FGManrope,Arial,sans-serif;color:#20211f;min-width:0;overflow-wrap:anywhere}
  .fgm-oh-total{font:800 18px/1.3 FGManrope,Arial,sans-serif;color:#20211f;white-space:nowrap;margin-left:auto}
  .fgm-oh-meta{display:flex;flex-wrap:wrap;gap:2px 12px;margin-top:4px;font-size:12px;line-height:1.45;color:#6b6d63}
  .fgm-oh-meta > span{min-width:0;overflow-wrap:anywhere}
  /* legacy lines are replaced by the summary on mobile; the original button is the no-JS fallback */
  #container .fgm-oh-item .fgm-oh-legacy{margin:0;padding:0;border:0;background:none}
  #container .fgm-oh-item .fgm-oh-legacy > p{display:none}
  #container .fgm-oh-item .fgm-oh-legacy > p.fgm-oh-l-button{display:block;margin:8px 0 0}
  #container .fgm-oh-item.fgm-oh-js .fgm-oh-legacy{display:none}
  #container .fgm-oh-item .fgm-oh-toggle{display:inline-flex;align-items:center;gap:8px;min-height:44px;margin:6px 0 0;padding:8px 2px;
    border:0;background:none;color:#7a4b00;font:700 14px/1.2 FGManrope,Arial,sans-serif;cursor:pointer}
  .fgm-oh-toggle .fgm-oh-plus{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;
    background:#ffbf24;color:#20211f;font:400 20px/1 Arial,sans-serif}
  .fgm-oh-toggle:focus-visible{outline:3px solid #b88112;outline-offset:2px}
  #container .fgm-oh-item .fgm-oh-details:not([hidden]){display:block;margin:8px 0 2px}
  .fgm-oh-details .fgm-oh-loading,.fgm-oh-details .fgm-oh-error{padding:10px 0;font-size:13px;color:#5f6158}
  .fgm-oh-details .fgm-oh-open{display:inline-flex;align-items:center;min-height:44px;margin-top:8px;font-weight:700;color:#7a4b00}
  /* inline details: the card sits inside the list item, keep it compact */
  .fgm-oh-details .fgm-oc-part{padding:12px!important}
  #container .fgm-oh-empty{display:block;padding:16px;border:1px dashed #d7dbcf;border-radius:14px;color:#5f6158;text-align:center}
  #container .fgm-oh-pager{margin:12px 0 calc(16px + env(safe-area-inset-bottom))}
}