body {
  background: #0b1220;
  color: #dbe7f4;
}

:root {
  --everwind-shell-width: min(80vw, 1680px);
}

.everwind-homepage {
  width: var(--everwind-shell-width);
  max-width: none;
  margin: 0 auto;
  padding: 24px 20px 56px;
}

.everwind-hero {
  background: #0f172a;
  border: 1px solid #1f2937;
  border-radius: 28px;
  overflow: hidden;
  box-shadow: 0 24px 80px rgba(0, 0, 0, 0.28);
  margin-bottom: 24px;
}

.everwind-hero-image img,
.everwind-side-image img {
  display: block;
  width: 100%;
  height: auto;
}

.everwind-hero-copy {
  padding: 30px 28px 34px;
}

.everwind-kicker {
  margin: 0 0 10px;
  color: #93c5fd;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  font-size: 12px;
  font-weight: 700;
}

.everwind-title {
  margin: 0 0 12px;
  color: #fff;
  font-size: clamp(2.4rem, 5vw, 4.2rem);
  line-height: 1.05;
}

.everwind-lead {
  margin: 0;
  color: #d5deea;
  font-size: 18px;
  line-height: 1.75;
  max-width: 900px;
}

.everwind-pill-row {
  gap: 10px;
  margin: 0 0 24px;
}

.everwind-pill {
  margin: 0;
  background: #172554;
  color: #bfdbfe;
  border-radius: 999px;
  padding: 9px 14px;
  font-size: 13px;
  font-weight: 700;
}

.everwind-card-grid,
.everwind-highlight-section {
  gap: 20px;
  margin-bottom: 24px;
}

.everwind-card,
.everwind-panel {
  height: 100%;
  background: #111827;
  border: 1px solid #243041;
  border-radius: 22px;
  padding: 24px;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.18);
}

.everwind-infobox {
  background: linear-gradient(180deg, #132033 0%, #0f172a 100%);
  border: 1px solid #2a3a52;
  border-radius: 18px;
  padding: 18px 18px 14px;
  margin: 0 0 22px;
}

.everwind-infobox h3 {
  margin: 0 0 10px;
  color: #fff;
}

.everwind-infobox p,
.everwind-infobox li,
.everwind-infobox strong {
  color: #dbe7f4;
}

.everwind-infobox ul {
  margin: 0;
  padding-left: 18px;
}

.everwind-page-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 320px;
  gap: 24px;
  align-items: start;
}

.everwind-page-layout__main,
.everwind-page-layout__side {
  min-width: 0;
}

.everwind-card h3,
.everwind-panel h2,
.everwind-panel h3 {
  color: #fff;
  margin-top: 0;
}

.everwind-card p,
.everwind-panel p,
.everwind-panel li,
.everwind-post-row .wp-block-post-excerpt {
  color: #d5deea;
  line-height: 1.7;
}

.everwind-post-row {
  padding: 18px 0;
  border-bottom: 1px solid #243041;
}

.everwind-post-row:last-child {
  border-bottom: none;
}

.everwind-post-row .wp-block-post-title {
  margin: 0 0 8px;
}

.everwind-post-row .wp-block-post-title a {
  color: #9dd7ff;
  text-decoration: none;
}

.everwind-post-row .wp-block-post-title a:hover {
  text-decoration: underline;
}

.everwind-side-panel {
  overflow: hidden;
}

.everwind-side-image {
  margin: -24px -24px 18px;
}

header.wp-block-template-part,
footer.wp-block-template-part {
  background: #0f172a;
}

footer.wp-block-template-part {
  margin-top: 36px;
}

.everwind-site-footer {
  width: var(--everwind-shell-width);
  max-width: none;
  margin: 0 auto 28px;
  padding: 28px 24px 20px;
  background: #0f172a;
  border: 1px solid #243041;
  border-radius: 24px;
  box-shadow: 0 14px 40px rgba(0,0,0,.22);
}

.everwind-site-footer__grid {
  gap: 24px;
  margin-bottom: 12px;
}

.everwind-site-footer h3,
.everwind-site-footer p,
.everwind-site-footer li,
.everwind-site-footer a {
  color: #dbe7f4;
}

.everwind-site-footer ul {
  margin: 0;
  padding-left: 18px;
}

.everwind-site-footer a {
  text-decoration: none;
}

.everwind-site-footer a:hover {
  text-decoration: underline;
}

.everwind-site-footer__meta {
  margin: 0;
  color: #9fb0c7;
  border-top: 1px solid #243041;
  padding-top: 12px;
}

header.wp-block-template-part,
footer.wp-block-template-part,
header.wp-block-template-part a,
footer.wp-block-template-part,
footer.wp-block-template-part a {
  color: #dbe7f4;
}

.everwind-site-header {
  width: var(--everwind-shell-width);
  max-width: none;
  margin: 0 auto;
  padding: 18px 20px 10px;
}

main.wp-block-group,
main.wp-block-post-content,
body .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
  max-width: var(--everwind-shell-width);
}

main,
main p,
main li,
main ul,
main ol,
main blockquote,
main figcaption,
main table,
main td,
main th,
main label,
main span,
main strong,
main em,
main h1,
main h2,
main h3,
main h4,
main h5,
main h6,
article,
article p,
article li,
article ul,
article ol,
article blockquote,
article figcaption,
article table,
article td,
article th,
article label,
article span,
article strong,
article em,
article h1,
article h2,
article h3,
article h4,
article h5,
article h6,
.wp-site-blocks,
.wp-site-blocks p,
.wp-site-blocks li,
.wp-site-blocks blockquote,
.wp-site-blocks figcaption,
.wp-site-blocks td,
.wp-site-blocks th {
  color: #dbe7f4;
}

main a,
article a,
.wp-site-blocks a {
  color: #9dd7ff;
}

main a:hover,
article a:hover,
.wp-site-blocks a:hover {
  color: #c5e8ff;
}

.everwind-site-header__inner {
  width: 100%;
  gap: 16px;
}

.everwind-site-title {
  margin: 0;
  font-size: 1.4rem;
  font-weight: 800;
}

.everwind-site-title a {
  color: #fff;
  text-decoration: none;
}

.everwind-nav {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}

.everwind-nav__search--mobile {
  display: none;
}

.everwind-nav__search-toggle {
  display: none;
  align-items: center;
}

.everwind-nav__search-toggle summary {
  display: none;
}

.everwind-nav__search-toggle summary::-webkit-details-marker {
  display: none;
}

.everwind-nav__search {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px;
  border-radius: 12px;
  background: #111827;
  border: 1px solid #243041;
}

.everwind-nav__search input {
  min-width: 220px;
  padding: 10px 12px;
  border-radius: 10px;
  border: 1px solid #334155;
  background: #0b1220;
  color: #e5eef8;
  outline: none;
}

.everwind-nav__search input::placeholder {
  color: #94a3b8;
}

.everwind-nav__search input:focus {
  border-color: #3b82f6;
  box-shadow: 0 0 0 3px rgba(59,130,246,.18);
}

.everwind-nav__search button,
.everwind-nav__group a,
.everwind-nav__dropdown summary {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 10px 14px;
  border-radius: 12px;
  background: #111827;
  border: 1px solid #243041;
  color: #dbe7f4;
  font-weight: 700;
  cursor: pointer;
  list-style: none;
}

.everwind-nav__dropdown summary::-webkit-details-marker {
  display: none;
}

.everwind-nav__dropdown {
  position: relative;
}

.everwind-nav__menu {
  position: absolute;
  top: calc(100% + 8px);
  left: 0;
  min-width: 260px;
  display: none;
  background: #0f172a;
  border: 1px solid #243041;
  border-radius: 14px;
  padding: 10px;
  box-shadow: 0 18px 50px rgba(0,0,0,.35);
  z-index: 50;
}

.everwind-nav__dropdown[open] .everwind-nav__menu {
  display: grid;
  gap: 6px;
}

.everwind-nav__menu a {
  display: block;
  padding: 9px 10px;
  border-radius: 10px;
  color: #dbe7f4;
  text-decoration: none;
}

.everwind-nav__menu a:hover,
.everwind-nav__group a:hover,
.everwind-nav__dropdown summary:hover {
  background: #172554;
  color: #fff;
}

@media (max-width: 781px) {
  :root {
    --everwind-shell-width: calc(100vw - 20px);
  }

  .everwind-homepage,
  .everwind-site-header,
  .everwind-site-footer {
    width: var(--everwind-shell-width);
    padding-left: 10px;
    padding-right: 10px;
  }

  .everwind-homepage {
    padding-top: 18px;
    padding-bottom: 42px;
  }

  .everwind-card,
  .everwind-panel {
    padding: 18px;
  }

  .everwind-hero-copy {
    padding: 22px 18px 24px;
  }

  .everwind-nav__search--desktop {
    display: none;
  }

  .everwind-nav__search-toggle {
    width: 100%;
    display: block;
  }

  .everwind-nav__search-toggle summary {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 10px 14px;
    border-radius: 12px;
    background: #111827;
    border: 1px solid #243041;
    color: #dbe7f4;
    font-weight: 700;
    cursor: pointer;
    list-style: none;
  }

  .everwind-nav__search--mobile {
    display: none;
    width: 100%;
    margin-top: 8px;
  }

  .everwind-nav__search-toggle[open] .everwind-nav__search--mobile {
    display: inline-flex;
  }

  .everwind-nav__search input {
    min-width: 0;
    width: 100%;
  }

  .everwind-nav__menu {
    position: static;
    min-width: 0;
    width: 100%;
  }

  .everwind-page-layout {
    grid-template-columns: 1fr;
  }

  /* ── Responsive tables ─────────────────────────────────────────────── */
  main table,
  article table,
  .wp-site-blocks table {
    display: block;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    max-width: 100%;
    white-space: nowrap;
  }

  main table td,
  main table th,
  article table td,
  article table th,
  .wp-site-blocks table td,
  .wp-site-blocks table th {
    vertical-align: middle;
  }

  main table img,
  article table img,
  .wp-site-blocks table img {
    max-width: 80px;
    height: auto;
  }

  /* Item-card tables (Megjelenés|Név pairs): stack on mobile */
  main table:has(td[rowspan]),
  article table:has(td[rowspan]) {
    display: table;
    width: 100%;
  }
}

/* General table improvements */
main table,
article table,
.wp-site-blocks table {
  border-collapse: collapse;
  width: auto;
  max-width: 100%;
  background: #0f172a;
  border: 2px solid #4b5563;
}

main table thead th,
article table thead th,
.wp-site-blocks table thead th {
  background: #1f2937;
  color: #f8fafc;
  border: 2px solid #6b7280;
}

main table tbody tr:nth-child(even),
article table tbody tr:nth-child(even),
.wp-site-blocks table tbody tr:nth-child(even) {
  background: rgba(148, 163, 184, 0.08);
}

main table tbody tr:hover,
article table tbody tr:hover,
.wp-site-blocks table tbody tr:hover {
  background: rgba(125, 211, 252, 0.08);
}

main table td,
main table th,
article table td,
article table th,
.wp-site-blocks table td,
.wp-site-blocks table th {
  padding: 8px 12px;
  text-align: left;
  border: 1px solid #64748b;
  vertical-align: top;
}

main table img,
article table img,
.wp-site-blocks table img {
  max-width: 120px;
  height: auto;
  display: block;
}