/* ============================================================
   VYŽIVUJTE.CZ — režim úprav (edit mode)
   Vše je schované za body.edit-on, takže mimo režim úprav
   nemá tento soubor žádný vizuální dopad na web.
   ============================================================ */

/* --- zvýraznění editovatelných textů --- */
body.edit-on [data-edit-id]:not([data-edit-attr]){
  outline:1px dashed transparent;
  outline-offset:3px;
  border-radius:4px;
  cursor:text;
  transition:background .15s var(--ease), outline-color .15s var(--ease);
}
body.edit-on [data-edit-id]:not([data-edit-attr]):hover{
  outline-color:var(--sage-500);
  background:rgba(125,140,108,.10);
}
body.edit-on [data-edit-id]:not([data-edit-attr]):focus{
  outline:2px solid var(--green-700);
  background:rgba(55,80,60,.07);
  box-shadow:0 0 0 4px rgba(55,80,60,.10);
}
/* upravené texty — jemný indikátor */
body.edit-on [data-edit-id].vyz-changed{
  background:rgba(176,138,79,.13);
  outline-color:var(--gold);
}
body.edit-on [data-edit-id].vyz-changed::after{
  content:"upraveno";
  position:absolute;
  transform:translateY(-1.4em);
  font:600 10px/1 Inter,system-ui,sans-serif;
  color:var(--gold);
  letter-spacing:.04em;
  text-transform:uppercase;
  pointer-events:none;
  opacity:.0;
}
/* placeholderová pole / SEO v režimu úprav označíme rámečkem inputu nepřímo */

/* nech místo nad patičkou, aby ji lišta nezakrývala */
body.edit-on{ padding-bottom:84px; }

/* ============================================================
   Plovoucí lišta editoru
   ============================================================ */
#vyz-edit-bar, #vyz-edit-bar *{ box-sizing:border-box; }
#vyz-edit-bar{
  position:fixed; left:0; right:0; bottom:0; z-index:2147483000;
  display:flex; align-items:center; gap:12px; flex-wrap:wrap;
  padding:10px 16px;
  background:var(--green-900,#243528);
  color:var(--on-dark,#eef1e7);
  font:500 14px/1.3 Inter,system-ui,-apple-system,sans-serif;
  box-shadow:0 -8px 30px -16px rgba(0,0,0,.6);
  border-top:1px solid rgba(255,255,255,.08);
}
#vyz-edit-bar .vyz-title{
  display:flex; align-items:center; gap:8px; font-weight:700;
}
#vyz-edit-bar .vyz-dot{ width:9px;height:9px;border-radius:50%;background:#7fd29a;box-shadow:0 0 0 4px rgba(127,210,154,.18); }
#vyz-edit-bar .vyz-count{ color:var(--sage-300,#a9b394); font-weight:500; }
#vyz-edit-bar .vyz-saved{ color:#9fe3b5; font-size:12.5px; opacity:0; transition:opacity .25s; }
#vyz-edit-bar .vyz-saved.show{ opacity:1; }
#vyz-edit-bar .vyz-spacer{ flex:1 1 auto; }

#vyz-edit-bar button, #vyz-edit-bar .vyz-btn{
  appearance:none; cursor:pointer; font:inherit; font-weight:600;
  padding:8px 14px; border-radius:10px; border:1px solid rgba(255,255,255,.22);
  background:transparent; color:var(--on-dark,#eef1e7);
  display:inline-flex; align-items:center; gap:7px; white-space:nowrap;
  transition:background .15s, border-color .15s, transform .05s;
}
#vyz-edit-bar button:hover, #vyz-edit-bar .vyz-btn:hover{ background:rgba(255,255,255,.10); }
#vyz-edit-bar button:active{ transform:translateY(1px); }
#vyz-edit-bar .vyz-primary{ background:#7d8c6c; border-color:#7d8c6c; color:#fff; }
#vyz-edit-bar .vyz-primary:hover{ background:#8a9a78; }

/* rozbalovací nabídky (stránky / doplňkové texty) */
#vyz-edit-bar .vyz-menu-wrap{ position:relative; }
#vyz-edit-bar .vyz-menu{
  position:absolute; bottom:calc(100% + 10px); left:0;
  min-width:240px; max-height:min(60vh,420px); overflow:auto;
  background:#fff; color:var(--ink,#28291f);
  border-radius:12px; padding:6px; box-shadow:0 20px 50px -18px rgba(0,0,0,.5);
  display:none; flex-direction:column; gap:2px;
}
#vyz-edit-bar .vyz-menu.open{ display:flex; }
#vyz-edit-bar .vyz-menu a, #vyz-edit-bar .vyz-menu .vyz-row{
  display:flex; align-items:center; justify-content:space-between; gap:10px;
  padding:9px 11px; border-radius:8px; color:inherit; text-decoration:none;
  font-weight:500; font-size:13.5px;
}
#vyz-edit-bar .vyz-menu a:hover{ background:var(--cream,#f7f4ec); }
#vyz-edit-bar .vyz-menu a.current{ background:var(--beige,#efe9dc); font-weight:700; }
#vyz-edit-bar .vyz-menu a .vyz-badge,
#vyz-edit-bar .vyz-menu .vyz-row .vyz-badge{
  font-size:11px; font-weight:700; color:#fff; background:var(--gold,#b08a4f);
  border-radius:20px; padding:1px 8px; min-width:20px; text-align:center;
}

/* panel doplňkových textů (placeholdery, SEO) */
#vyz-edit-panel{
  position:fixed; right:16px; bottom:78px; z-index:2147483000;
  width:min(440px,calc(100vw - 32px)); max-height:70vh; overflow:auto;
  background:#fff; color:var(--ink,#28291f);
  border-radius:14px; box-shadow:0 24px 60px -18px rgba(0,0,0,.5);
  padding:18px; display:none;
}
#vyz-edit-panel.open{ display:block; }
#vyz-edit-panel h3{ margin:0 0 4px; font-size:16px; }
#vyz-edit-panel p.hint{ margin:0 0 14px; font-size:12.5px; color:var(--muted,#7c7a6c); }
#vyz-edit-panel label{ display:block; font-size:12px; font-weight:700; color:var(--green-800,#2c4232); margin:12px 0 4px; }
#vyz-edit-panel input, #vyz-edit-panel textarea{
  width:100%; font:inherit; font-size:13.5px; padding:8px 10px;
  border:1px solid var(--line-2,#d6cfbd); border-radius:8px; background:var(--cream-2,#fbf9f3);
}
#vyz-edit-panel textarea{ min-height:64px; resize:vertical; }
#vyz-edit-panel .vyz-close{ float:right; cursor:pointer; border:0; background:transparent; font-size:20px; line-height:1; color:var(--muted); }

/* mobil */
@media (max-width:640px){
  #vyz-edit-bar{ gap:8px; padding:8px 10px; font-size:13px; }
  #vyz-edit-bar .vyz-title .vyz-label{ display:none; }
  #vyz-edit-bar button, #vyz-edit-bar .vyz-btn{ padding:7px 10px; }
  body.edit-on{ padding-bottom:120px; }
}