/* Shell clasic Restaurant — neschimbat față de modelul vechi lesson (fără Cutit) */
body.restaurant-mode{background:#f5f1e8;color:#17120d;margin:0}
body.restaurant-mode #cutitShell{display:none!important}
body.restaurant-mode #restaurantShell{display:block!important}
body.restaurant-mode .lesson-shell{max-width:1180px;margin:28px auto;padding:0 18px}
body.restaurant-mode .lesson-panel{
  display:grid;grid-template-columns:84px minmax(300px,42%) 1fr;min-height:650px;
  background:#fff;border-radius:18px;overflow:hidden;
  box-shadow:0 18px 55px rgba(39,25,10,.16);border:1px solid #d9c29a;
}
body.restaurant-mode .lesson-brandbar{
  background:#111;color:#d5aa57;display:flex;align-items:flex-start;justify-content:center;
  padding-top:28px;font:700 34px Georgia,serif;letter-spacing:2px;
}
body.restaurant-mode .lesson-photo{
  background:#e9e0d2;min-height:650px;position:relative;overflow:hidden;
  display:flex;align-items:center;justify-content:center;
}
body.restaurant-mode .lesson-photo img{
  width:100%;height:100%;min-height:650px;object-fit:cover;display:block;
}
body.restaurant-mode .lesson-photo .emoji-visual{
  font-size:96px;line-height:1;text-align:center;
}
body.restaurant-mode .lesson-photo .media-placeholder{
  height:100%;min-height:650px;width:100%;display:flex;align-items:center;justify-content:center;
  flex-direction:column;gap:8px;background:#ebe3d6;color:#6b573d;text-align:center;padding:24px;box-sizing:border-box;
}
body.restaurant-mode .photo-count{display:none!important}
body.restaurant-mode .lesson-content{padding:30px 34px 26px;background:linear-gradient(145deg,#fff 0%,#fbf7ef 100%)}
body.restaurant-mode .lang-box{
  border:1px solid #d7bd8c;background:#fff;border-radius:13px;padding:14px 16px;margin:11px 0;
  box-shadow:0 5px 16px rgba(60,40,10,.06);
}
body.restaurant-mode .lang-row{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center}
body.restaurant-mode .lang-box h3{
  margin:0 0 5px;font-size:13px;text-transform:uppercase;letter-spacing:1.2px;color:#8a672b;
  display:flex;align-items:center;gap:6px;
}
body.restaurant-mode .lang-box h3 .lang-flag{
  width:20px;height:15px;border-radius:2px;object-fit:cover;
  box-shadow:0 0 0 1px rgba(0,0,0,.08);flex-shrink:0;
}
body.restaurant-mode .lang-box p{margin:0;font-size:23px;font-weight:700}
body.restaurant-mode .round-audio{width:46px;height:46px;border-radius:50%;padding:0;font-size:20px}
body.restaurant-mode .lesson-tools{
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:18px 0 14px;width:100%;
}
body.restaurant-mode .lesson-tools .tool-btn{
  box-sizing:border-box;width:100%;height:92px;margin:0;border:1px solid #ead4a8;background:#fffaf2;
  border-radius:12px;color:#9b6500;cursor:pointer;box-shadow:0 5px 13px rgba(184,137,48,.16);
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;padding:10px 6px;font:inherit;
}
body.restaurant-mode .lesson-tools .tool-btn .tool-ico{font-size:26px;color:#9b6500}
body.restaurant-mode .lesson-tools .tool-btn .tool-lbl{font-size:12.5px;font-weight:700;color:#2f211b}
body.restaurant-mode .lesson-tools .tool-btn:disabled{opacity:.45;cursor:not-allowed}
body.restaurant-mode .lesson-tools .tool-btn.on{background:#fff0bd}
body.restaurant-mode #complete{width:100%;font-weight:800;font-size:16px}
body.restaurant-mode .hegja-nav-row,
body.restaurant-mode .hegja-info-grid,
body.restaurant-mode .hegja-footer,
body.restaurant-mode .hegja-topbar{display:none!important}
body.restaurant-mode .lesson-nav{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:15px 0}
body.restaurant-mode #usage{margin:16px 0;background:#fff8e9;border-left:4px solid #c99a43;padding:14px 16px;border-radius:8px}
@media(max-width:850px){
  body.restaurant-mode .lesson-panel{grid-template-columns:58px 1fr}
  body.restaurant-mode .lesson-photo{grid-column:2;min-height:320px}
  body.restaurant-mode .lesson-photo img,
  body.restaurant-mode .lesson-photo .media-placeholder{min-height:320px;height:320px}
  body.restaurant-mode .lesson-content{grid-column:1/3}
  body.restaurant-mode .lesson-brandbar{grid-row:1/3}
}
