/* Additional component styles */
.header-grid{
  display:flex; align-items:center; justify-content:space-between; gap:18px;
}
.search-form{ display:flex; gap:10px; }
.search-form .search-field{ max-width:260px; }

.hero{
  margin:18px 0 8px;
  padding: 32px;
  border:1px solid var(--border);
  border-radius: var(--radius);
  background: linear-gradient(180deg, rgba(0,229,255,0.04), rgba(0,229,255,0.01));
  box-shadow: var(--shadow);
}
.hero .kicker{
  text-transform:uppercase; letter-spacing:.14em; color: var(--muted); font-size:.85rem;
}
.hero .title{ margin:.2em 0; }
.hero .subtitle{ color: var(--muted); }

.post-meta{ color: var(--muted); font-size:.9rem; }
.post-nav{ display:flex; justify-content:space-between; gap:10px; }

/* Tables styled like consoles */
table{
  width:100%; border-collapse: collapse;
  border:1px solid var(--border);
  border-radius: var(--radius);
  overflow:hidden;
}
thead{ background: #0b1220; color: var(--glow-2); text-transform:uppercase; letter-spacing:.08em; font-size:.8rem; }
th, td{ padding:12px 14px; border-bottom:1px solid var(--border); }
tbody tr:hover{ background: rgba(0,229,255,0.05); }
code, pre{ background:#0b1220; border:1px solid var(--border); border-radius:12px; padding:2px 6px; }
pre{ padding:12px 14px; overflow:auto }
blockquote{ border-left:3px solid var(--glow); padding-left:12px; color:#cfe8ff }

/* Comments */
.comment-list{ list-style:none; padding:0; margin:0 }
.comment{ margin:14px 0; padding:12px 14px; border:1px solid var(--border); border-radius:12px; }
.comment .comment-meta{ color: var(--muted); font-size:.85rem }
.comment-reply-link{ margin-top:6px; display:inline-block }

/* --- Elementor compatibility --- */
/* Boxed sections width */
.elementor-section.elementor-section-boxed > .elementor-container{ max-width: 1400px; }
/* Dark background harmonization */
.elementor a{ color: var(--glow); }
.elementor a:hover{ color: var(--glow-2); text-shadow: 0 0 12px var(--glow-2); }
.elementor-widget-heading .elementor-heading-title{ color: var(--text); letter-spacing:.04em }
.elementor-widget-text-editor{ color:#c9defa }
/* Buttons in Elementor */
.elementor-button{ border-radius:12px; border:1px solid var(--border); background:linear-gradient(180deg, rgba(0,229,255,0.08), rgba(0,229,255,0.02)); }
.elementor-button:hover{ box-shadow: var(--shadow); }
/* Forms */
.elementor-field, .elementor-field-textual, .elementor-select-wrapper select{
  background:#0c1320; border:1px solid var(--border); border-radius:12px; color:var(--text);
}

/* TERMINAL MENU STYLES */
.terminal-menu {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
}
.terminal-menu li {
  flex: 1; /* každá položka zabere stejný prostor */
}
.terminal-menu li a {
  display: block;
  text-align: center;
  padding: 12px 16px;
  border: 1px solid var(--border);
  border-radius: 12px;
  background: linear-gradient(180deg, rgba(0,229,255,0.08), rgba(0,229,255,0.02));
  color: var(--text) !important;
  transition: all .2s ease;
}
.terminal-menu li a:hover {
  color: var(--glow-2) !important;
  text-decoration: none;
  box-shadow: 0 0 12px rgba(0,229,255,0.25), inset 0 0 12px rgba(0,229,255,0.15);
}

/* --- Terminal equal-width menu buttons --- */
.terminal-menu{
  list-style:none; margin:0; padding:0; width:100%;
}
.terminal-menu > li{
  flex:1 1 0; /* každý li stejné místo */
  display:flex;
}
.terminal-menu > li > a{
  display:block; width:100%;
  text-align:center;
  padding:12px 16px;
  border:1px solid var(--border);
  border-radius:12px;
  background: linear-gradient(180deg, rgba(0,229,255,0.08), rgba(0,229,255,0.02));
  color: var(--text) !important;
  transition: all .2s ease;
}
.terminal-menu > li > a:hover{
  color: var(--glow-2) !important;
  text-decoration:none;
  box-shadow: 0 0 12px rgba(0,229,255,0.25), inset 0 0 12px rgba(0,229,255,0.15);
}

/* On mobile (collapsed) stack nicely */
@media (max-width: 991.98px){
  .terminal-menu{ flex-direction:column; }
}