/* JOID article page: mobile bottom menu, share sheet and metrics sheet.
 * Moved unchanged from the inline <style> block of templates/frontend/pages/article.tpl.
 * It is linked from article.tpl at the same position as the former inline block so the cascade order is the same. */
/* Desktop hidden */
@media (min-width:769px){ .jid-mobile-bottom{display:none!important;} }

/* Mobile */
@media (max-width:768px){
  body{padding-bottom:64px!important;}
  /* hide desktop widgets */
  .jid-dropdown-wrapper,.gray,.article-frame-186,.article-frame-185{display:none!important;}

  /* Bottom bar */
  .jid-mobile-bottom{position:fixed;left:0;right:0;bottom:0;background:#fff;z-index:9999;}
  .jidb-bar{display:flex;align-items:center;justify-content:space-between;height:58px;border-top:1px solid #ddd;}
  .jidb-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#222;font-size:12px;cursor:pointer;text-decoration:none;}
  .jidb-icon{width:22px;height:22px;margin:0 0 2px;}
  .jidb-label{font-size:12px;line-height:1.2;text-align:center;color:#222;}

  /* Submenus: fixed + centered */
  .jidb-submenu{
    position:fixed;left:50%;bottom:calc(58px + 8px);transform:translateX(-50%) scale(.96);
    transform-origin:bottom center;opacity:0;visibility:hidden;transition:.2s;
    background:#fff;border:1px solid #ddd;border-radius:10px;width:min(90vw,520px);
    max-width:95vw;max-height:60vh;overflow:auto;padding:6px;box-shadow:0 10px 20px rgba(0,0,0,.15);z-index:10000;
  }
  .jidb-has-submenu[data-open="true"] .jidb-submenu{opacity:1;visibility:visible;transform:translateX(-50%) scale(1);}

  /* TOC rows */
  .jidb-toc .toc-title{display:block!important;width:100%!important;cursor:pointer;opacity:1;}
  .jidb-toc .link-toc{
    display:block!important;width:100%!important;padding:12px 14px!important;min-height:44px!important;
    box-sizing:border-box!important;text-decoration:none!important;color:#222!important;
    border-left:3px solid transparent;border-radius:6px;font-size:13px;line-height:1.4;
  }
  .jidb-toc .toc-title.level-2 .link-toc,
  .jidb-toc .toc-title.level-3 .link-toc,
  .jidb-toc .toc-title.level-4 .link-toc{padding-left:12px!important;}
  .jidb-toc .link-toc:hover{background:#f5f5f5;color:#034918!important;}
  .jidb-toc .link-toc.active{background:#eaf3ff;border-left-color:#034918;color:#034918!important;font-weight:600;}

  /* Unified submenu styling (Download & More match TOC) */
  .jidb-pdf-menu .jidb-pdf-link,
  .jidb-submenu .jidb-subitem{
    display:block;width:100%;box-sizing:border-box;padding:12px 14px;min-height:44px;line-height:1.4;
    font-size:13px;color:#222;text-decoration:none;border-radius:6px;border-left:3px solid transparent;background:#fff;cursor:pointer;border:none;outline: none;
  }
  .jidb-pdf-menu .jidb-pdf-link:hover,
  .jidb-submenu .jidb-subitem:hover,
  .jidb-pdf-menu .jidb-pdf-link:active,
  .jidb-submenu .jidb-subitem:active{background:#f5f5f5;color:#034918!important;}
  .jidb-pdf-menu .jidb-pdf-link.active,
  .jidb-submenu .jidb-subitem.active{background:#eaf3ff;color:#034918!important;border-left-color:#034918!important;font-weight:600!important;}
  .jidb-submenu .jidb-subitem{border:none!important;}

  /* Share popup */
  .jid-share-overlay{position:fixed;inset:0;background:rgba(0,0,0,.35);z-index:2147483646;}
  .jid-share-sheet{
    position:fixed;left:50%;bottom:10px;transform:translateX(-50%) translateY(8px);
    background:#fff;border:1px solid #ddd;border-radius:12px;width:min(92vw,520px);max-height:65vh;overflow:auto;padding:8px;
    box-shadow:0 12px 28px rgba(0,0,0,.18),0 2px 6px rgba(0,0,0,.08);z-index:2147483647;opacity:0;visibility:hidden;transition:opacity .18s,transform .18s;
  }
  .jid-share-sheet[aria-hidden="false"]{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0);}
  .jid-share-head{font:600 14px/1.2 system-ui; padding:6px 10px 8px; text-align:center; border-bottom:1px solid #eee;}
  .jid-share-list{padding:6px;}
  .jid-share-item{display:flex;align-items:center;gap:10px;width:100%;padding:12px;border-radius:10px;font-size:14px;color:#222;background:#fff;border:1px solid #eee;cursor:pointer;}
  .jid-share-item + .jid-share-item{margin-top:6px;}
  .jid-share-item:hover{background:#f5f5f5;color:#034918;}
  .jid-share-item img{width:18px;height:18px;object-fit:contain;}
  .jid-share-close{display:block;width:100%;margin-top:6px;padding:12px;font-size:14px;border-radius:10px;border:1px solid #e5e5e5;background:#fff;color:#222;}
  .jid-share-close:hover{background:#f5f5f5;color:#034918;}

  /* Metrics popup */
  .jid-metrics-overlay{position:fixed;inset:0;background:rgba(0,0,0,.35);z-index:2147483646;}
  .jid-metrics-sheet{
    position:fixed;left:50%;bottom:10px;transform:translateX(-50%) translateY(8px);
    width:min(92vw,520px);max-height:65vh;overflow:auto;background:#fff;border:1px solid #ddd;border-radius:12px;padding:10px;
    box-shadow:0 12px 28px rgba(0,0,0,.18),0 2px 6px rgba(0,0,0,.08);z-index:2147483647;opacity:0;visibility:hidden;transition:opacity .18s,transform .18s;
  }
  .jid-metrics-sheet[aria-hidden="false"]{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0);}
  .jid-metrics-head{font:600 14px/1.2 system-ui;text-align:center;padding:6px 10px 10px;border-bottom:1px solid #eee;}
  .jid-metrics-list{padding:8px 6px;}
  .jid-metrics-row{display:flex;align-items:center;justify-content:space-between;padding:12px;border-radius:10px;background:#fff;font-size:14px;color:#222;border:1px solid #eee;}
  .jid-metrics-row + .jid-metrics-row{margin-top:8px;}
  .jid-metrics-row:hover{background:#f5f5f5;color:#034918;border-color:#e5e5e5;}
  .jid-metrics-value{font:700 18px/1.2 system-ui;}
  .jid-metrics-label{font:500 13px/1.2 system-ui;opacity:.85;}
  .jid-metrics-close{display:block;width:100%;margin-top:8px;padding:12px;font-size:14px;border-radius:10px;border:1px solid #e5e5e5;background:#fff;color:#222;}
  .jid-metrics-close:hover{background:#f5f5f5;color:#034918;}
  .jid-metrics-citations[hidden]{display:none!important;}
}
/* .jidb-hide-mobile{display:none!important;} */