/* GREJ.ZONE 2.8 – videotéka, samostatné názvové třídy, bez změn mapy. */
.gzw-video-overlay, .gzw-video-admin-overlay { position: fixed; inset:0; z-index: 220000; display:flex; align-items:center; justify-content:center; font-family:Arial,Helvetica,sans-serif; color:#eee7d6; }
.gzw-video-backdrop { position:absolute; inset:0; background:rgba(0,0,0,.82); }
.gzw-video-dialog { position:relative; display:flex; flex-direction:column; width:min(1230px,calc(100vw - 72px)); height:min(870px,calc(100vh - 32px)); background:#0d0d0d; border:1px solid #756034; box-shadow:0 20px 65px #000b; overflow:hidden; border-radius:0; }
.gzw-video-head { flex:none; min-height:70px; display:flex; align-items:center; justify-content:space-between; padding:0 22px; border-bottom:1px solid #473820; background:#121212; }
.gzw-video-head h2 { font:700 24px Rajdhani,Arial,sans-serif; margin:0; color:#f4e8ca; }
/* Veřejná videotéka používá stejné zavírací tlačítko jako ostatní modály GREJ.ZONE. */
.gzw-video-head .editor-close-btn {
  flex: 0 0 38px;
  width: 38px;
  height: 38px;
  padding: 0;
  border-radius: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #2a2a2a;
  background: #151515;
  color: #f2f2f2;
  font-size: 24px;
  line-height: 1;
  text-align: center;
  font-family: Arial, Helvetica, sans-serif;
  cursor: pointer;
  transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}
.gzw-video-head .editor-close-btn:hover,
.gzw-video-head .editor-close-btn:focus-visible {
  background: #1a1a1a;
  border-color: #8f7640;
  color: #f3e7b3;
}
.gzw-video-layout { min-height:0; flex:1; display:grid; grid-template-columns:220px minmax(0,1fr); }
.gzw-video-side { border-right:1px solid #3b3222; padding:17px 12px; display:flex; flex-direction:column; gap:8px; background:#141310; overflow-y:auto; }
.gzw-video-category { border:1px solid transparent; border-radius:0; padding:12px 13px; text-align:left; color:#ded9cf; background:transparent; font:600 14px Arial,sans-serif; cursor:pointer; }
.gzw-video-category:hover,.gzw-video-category:focus-visible { border-color:#5c492a; background:#201b13; }
.gzw-video-category.active {background:#30281b; border-color:#9e7d3e; color:#f5d58b;}
.gzw-video-main {min-height:0;overflow-y:auto;padding:24px;scrollbar-color:#806638 #161616;}
.gzw-video-toolbar { display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px; }
.gzw-video-toolbar h3 {font:700 21px Rajdhani,Arial,sans-serif;color:#eac879;margin:0;}
.gzw-video-toolbar input { width:min(280px,45%); height:38px; border:1px solid #55462c; background:#1a1a1a; color:#eee; padding:0 10px; font:14px Arial,sans-serif; border-radius:0; }
.gzw-video-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:start;}
.gzw-video-card {display:flex;flex-direction:column; gap:7px;min-width:0;text-align:left;border:1px solid #403829;border-radius:0;padding:0 0 13px;background:#151515;color:#f4f0e7;cursor:pointer;overflow:hidden;font:13px Arial,sans-serif;}
.gzw-video-card:hover,.gzw-video-card:focus-visible {outline:none;border-color:#c3a056;background:#211d16;}
.gzw-video-thumb {position:relative;width:100%;aspect-ratio:16 / 9;background:#0a0a0a;overflow:hidden;}
.gzw-video-thumb img {width:100%;height:100%;object-fit:cover;display:block;}
.gzw-video-thumb-play {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;width:47px;height:36px;background:#ac2626;color:#fff;font-size:19px;box-shadow:0 2px 15px #000a;}
.gzw-video-card-title {font-size:14px;line-height:1.4;padding:0 12px;overflow-wrap:anywhere;}
.gzw-video-card-author,.gzw-video-card-category {color:#aaa096;padding:0 12px;font-size:12px;}
.gzw-video-card-category {color:#c5a15a;}
.gzw-video-empty {grid-column:1/-1;border:1px solid #4a3d28;background:#171511;padding:20px;color:#bfb5a4;margin:0;font:14px/1.6 Arial,sans-serif;}
.gzw-video-player {border:1px solid #69532f;background:#131313;padding:14px;margin-bottom:24px;}
.gzw-video-player[hidden] {display:none!important;}
.gzw-video-player-heading {display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;font-size:16px;}
.gzw-video-small-btn {cursor:pointer;color:#e7ce8b;background:#201b13;border:1px solid #806539;border-radius:0;padding:9px 12px;font:600 13px Arial,sans-serif;}
.gzw-video-player-box {aspect-ratio:16/9; width:100%;background:#050505;}
.gzw-video-player-box iframe {border:0;display:block;width:100%;height:100%;}
.gzw-video-description,.gzw-video-note {color:#b5afa4;font:13px/1.5 Arial,sans-serif;margin:8px 0 12px;}
body.gzw-video-is-open {overflow:hidden;}
html.gzw-tablet [data-gzw-video-open],html.gzw-phone .sidebar [data-gzw-video-open] {display:none!important;}
@media (max-width:800px) { .gzw-video-grid {grid-template-columns:repeat(2,minmax(0,1fr));}.gzw-video-dialog{width:calc(100vw - 30px);} .gzw-video-layout{grid-template-columns:170px minmax(0,1fr);} }


/* Správa videotéky v existující přihlášené administraci */
.gzw-video-admin-overlay {z-index:250000;}
.gzw-video-admin-dialog {height:min(840px,calc(100vh - 56px));width:min(1220px,calc(100vw - 50px));}
.gzw-video-admin-body {flex:1;min-height:0;overflow-y:auto;padding:22px;}
.gzw-video-admin-tabs {display:flex;gap:9px;border-bottom:1px solid #4a3c23;padding:0 0 16px;margin-bottom:20px;}
.gzw-video-admin-tabs button, .gzw-video-admin-btn {background:#211d15;color:#ebd8a5;border:1px solid #756037;border-radius:0;padding:10px 16px;font:700 14px Arial,sans-serif;cursor:pointer;}
.gzw-video-admin-tabs button.active,.gzw-video-admin-btn.primary {background:#a98c48;color:#0b0b0b;}
.gzw-video-admin-btn.danger {background:#241614;color:#f0a49d;border-color:#99584a;}
.gzw-video-admin-btn:focus-visible,.gzw-video-admin-tabs button:focus-visible {outline:2px solid #d8b36a;}
.gzw-video-admin-panel[hidden] {display:none!important;}
.gzw-video-admin-panel {display:grid;gap:16px;}
.gzw-video-admin-list {display:grid;gap:8px;}
.gzw-video-admin-row {border:1px solid #403729;padding:12px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:#151515;}
.gzw-video-admin-row-main {min-width:0;flex:1;display:grid;gap:5px;}
.gzw-video-admin-row-main strong {font-size:14px;overflow-wrap:anywhere;}
.gzw-video-admin-row-main small {font-size:12px;color:#a7a198;}
.gzw-video-admin-row-actions {display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end;}
.gzw-video-admin-row-actions .gzw-video-admin-btn {font-size:12px;padding:8px 11px;}
.gzw-video-admin-form {border:1px solid #76603b;padding:16px;background:#171612;display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.gzw-video-admin-form[hidden] {display:none!important;}
.gzw-video-admin-field {display:flex;flex-direction:column;gap:6px;font:13px Arial,sans-serif;min-width:0;}
.gzw-video-admin-field.full {grid-column:1/-1;}
.gzw-video-admin-field label {color:#dec990;font-weight:700;}
.gzw-video-admin-form .gzw-video-admin-date-help {grid-column:1/-1;margin:-4px 0 2px;color:#a7a198;font:12px/1.4 Arial,sans-serif;}
.gzw-video-admin-field input,.gzw-video-admin-field select,.gzw-video-admin-field textarea {width:100%;border:1px solid #5b4e32;border-radius:0;background:#0b0b0b;color:#eee;padding:10px;font:14px Arial,sans-serif;box-sizing:border-box;}
.gzw-video-admin-field textarea {min-height:86px;resize:vertical;}
.gzw-video-admin-form-actions {grid-column:1/-1;display:flex;gap:10px;flex-wrap:wrap;}
.gzw-video-admin-summary {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;}
.gzw-video-admin-metric {border:1px solid #64502e;background:#18160f;padding:16px;display:grid;gap:8px;}
.gzw-video-admin-metric span {color:#baa873;font-size:12px;}
.gzw-video-admin-metric strong {color:#e4c77e;font-size:27px;}
.gzw-video-admin-table-wrap {max-height:310px;overflow:auto;border:1px solid #463b29;}
.gzw-video-admin-table {width:100%;border-collapse:collapse;font:13px Arial,sans-serif;}
.gzw-video-admin-table th,.gzw-video-admin-table td {padding:10px;border-bottom:1px solid #3e3425;text-align:left;}
.gzw-video-admin-table th {color:#e4c77e;position:sticky;top:0;background:#1b1915;}
.gzw-video-admin-confirm {position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:24px;background:#000d;z-index:10;}
.gzw-video-admin-confirm-card {width:min(430px,100%);border:1px solid #96743c;background:#181512;padding:22px;display:grid;gap:16px;}
.gzw-video-admin-confirm-actions {display:flex;justify-content:flex-end;gap:9px;}
@media (max-width: 800px) { .gzw-video-admin-form{grid-template-columns:1fr;} .gzw-video-admin-summary{grid-template-columns:repeat(2,minmax(0,1fr));} .gzw-video-admin-row{flex-wrap:wrap;} }
@media (max-width: 440px) { .gzw-video-admin-summary{grid-template-columns:1fr;} }

/* Šest ikon ve spodní liště; bez změny ostatních komponent. */
.sidebar-community-actions:has(.gzw-video-launcher) {gap: 10px;}
.gzw-video-launcher svg {width:21px;height:21px;fill:currentColor;}
@media (min-width:768px) and (max-width:1100px) {
  .sidebar-community-actions:has(.gzw-video-launcher) {gap:7px;}
  .sidebar-community-actions:has(.gzw-video-launcher) .sidebar-community-action {width:40px;height:40px;}
}
.gzw-video-overlay[hidden], .gzw-video-admin-overlay[hidden] {display:none!important;}
.gzw-video-admin-panel > [data-vadm-stats] {display:grid;gap:16px;}
.gzw-video-admin-panel > [data-vadm-stats] h3 {color:#e8c77a;font:700 17px Arial,sans-serif;margin:7px 0 0;}
.gzw-video-admin-form .gzw-video-admin-field input[type=checkbox] {width:19px;height:19px;accent-color:#bd9a4a;}
.gzw-video-admin-is-open {overflow:hidden;}

/* Videotéka vložená přímo v Nastavení webu (nikoliv druhý modal). */
.site-settings-video-panel, .gzw-video-admin-embedded { position:relative; min-height:260px; }
.site-settings-video-panel .gzw-video-admin-body { padding:0; overflow:visible; }
.site-settings-video-panel .gzw-video-admin-confirm { position:fixed; inset:0; z-index:9400; }
.site-settings-tab, .site-settings-tab.site-settings-report-tab { font-family: Arial, Helvetica, sans-serif; }

/* Videotéka: skutečná měsíční historie ve stylu dashboardové Analytiky. */
.gzw-video-monthly-panel {margin-top:0;min-height:0;max-width:100%;min-width:0;}
.gzw-video-monthly-panel .stats-analytics-trend-head {align-items:center;}
.gzw-video-monthly-panel .stats-chart-title {margin:0;color:#e8c77a;font:700 17px Arial,sans-serif;}
.gzw-video-monthly-panel .stats-analytics-line-legend i.is-video-play {background:#79ad82;box-shadow:0 0 12px rgba(111,168,120,.22);}
.gzw-video-monthly-panel .stats-analytics-line-path.is-video-play {stroke:#79ad82;filter:drop-shadow(0 0 8px rgba(111,168,120,.18));stroke-dasharray:none;}
.gzw-video-monthly-panel .stats-analytics-line-point.is-video-play {fill:#79ad82;filter:drop-shadow(0 0 7px rgba(111,168,120,.22));}
.gzw-video-monthly-chart {min-height:0;overflow-x:auto;}
.gzw-video-monthly-chart svg {min-height:0;min-width:670px;}
.gzw-video-rankings {display:grid;gap:12px;min-width:0;}
.gzw-video-rankings h3 {margin:7px 0 0;}
.gzw-video-rankings .gzw-video-admin-table-wrap {max-height:none;}
.gzw-video-rankings .gzw-video-admin-table tr[hidden] {display:none!important;}
.gzw-video-rank-more {display:flex;align-items:center;justify-content:center;gap:12px;color:#bdb5a3;font:13px Arial,sans-serif;}
.gzw-video-rank-more .gzw-video-rank-toggle {min-width:55px;padding:6px 14px;font-size:20px;line-height:1;letter-spacing:2px;}
@media (max-width:900px) {
  .gzw-video-monthly-panel .stats-analytics-trend-head {align-items:flex-start;flex-direction:column;}
}

/* GREJ.ZONE – videotéka pro telefony. Mapa zůstává pod vrstvou beze změny. */
html.gzw-phone .phone-more-social {
  grid-template-columns:repeat(4,minmax(0,1fr));
}
html.gzw-phone .phone-more-social button {
  display:flex;
  align-items:center;
  justify-content:center;
  min-width:0;
  padding:8px 5px;
  text-align:center;
}
html.gzw-phone .phone-more-social button svg,
html.gzw-phone .phone-more-social button img {
  display:block;
  width:24px;
  height:24px;
  flex:0 0 24px;
  fill:currentColor;
  object-fit:contain;
}
html.gzw-phone .gzw-video-overlay {
  display:flex!important;
  align-items:stretch;
  justify-content:stretch;
  background:#0d0d0d;
}
html.gzw-phone .gzw-video-backdrop { display:none; }
html.gzw-phone .gzw-video-dialog {
  width:100%;
  height:100%;
  height:100dvh;
  max-width:none;
  max-height:none;
  border:0;
  box-shadow:none;
  padding:env(safe-area-inset-top,0px) 0 env(safe-area-inset-bottom,0px);
  box-sizing:border-box;
}
html.gzw-phone .gzw-video-head {
  min-height:58px;
  padding:0 14px;
  gap:12px;
}
html.gzw-phone .gzw-video-head h2 { font-size:22px; }
html.gzw-phone .gzw-video-layout {
  display:flex;
  flex:1;
  flex-direction:column;
  min-height:0;
}
html.gzw-phone .gzw-video-side {
  flex:0 0 auto;
  display:flex;
  flex-direction:row;
  gap:7px;
  align-items:stretch;
  min-height:0;
  max-width:100%;
  padding:10px 12px;
  overflow-x:auto;
  overflow-y:hidden;
  border-right:0;
  border-bottom:1px solid #3b3222;
  scrollbar-width:thin;
  -webkit-overflow-scrolling:touch;
}
html.gzw-phone .gzw-video-category {
  flex:0 0 auto;
  min-height:42px;
  padding:9px 13px;
  white-space:nowrap;
  border:1px solid #48402f;
  font-size:13px;
}
html.gzw-phone .gzw-video-main {
  flex:1;
  min-height:0;
  padding:17px 13px 26px;
  overscroll-behavior:contain;
  -webkit-overflow-scrolling:touch;
}
html.gzw-phone .gzw-video-toolbar {
  flex-direction:column;
  align-items:stretch;
  gap:10px;
  margin-bottom:16px;
}
html.gzw-phone .gzw-video-toolbar h3 { font-size:19px; }
html.gzw-phone .gzw-video-toolbar input {
  width:100%;
  height:44px;
  font-size:16px;
}
html.gzw-phone .gzw-video-grid {
  grid-template-columns:minmax(0,1fr);
  gap:13px;
}
html.gzw-phone .gzw-video-card-title {font-size:15px;}
html.gzw-phone .gzw-video-player {padding:10px; margin-bottom:17px;}
html.gzw-phone .gzw-video-player-heading {align-items:flex-start; flex-wrap:wrap; gap:10px;}
html.gzw-phone .gzw-video-player-heading strong {flex:1; min-width:140px; font-size:14px; line-height:1.4;}
html.gzw-phone .gzw-video-small-btn {min-height:42px;}
@media (orientation:landscape) and (max-height:550px) {
  html.gzw-phone .gzw-video-head {min-height:48px;}
  html.gzw-phone .gzw-video-side {padding:6px 10px;}
  html.gzw-phone .gzw-video-category {min-height:38px;}
  html.gzw-phone .gzw-video-grid {grid-template-columns:repeat(2,minmax(0,1fr));}
}