/* Premium Aura – globally applied, theme-independent front-end styling. */
:root {
  --aura-ink: #09070f;
  --aura-panel: #151020;
  --aura-panel-soft: #1c1529;
  --aura-violet: #8b5cf6;
  --aura-violet-bright: #b99aff;
  --aura-gold: #f5c968;
  --aura-gold-light: #ffe3a1;
  --aura-mist: #f7f3ff;
  --aura-muted: #c5bcd3;
  --aura-line: rgba(245, 201, 104, .24);
  --aura-shadow: 0 24px 70px rgba(0, 0, 0, .34);
}

body {
  background:
    radial-gradient(circle at 8% 5%, rgba(139, 92, 246, .28), transparent 26rem),
    radial-gradient(circle at 92% 30%, rgba(245, 201, 104, .13), transparent 22rem),
    linear-gradient(135deg, #09070f 0%, #100b19 47%, #09070f 100%);
  color: var(--aura-mist);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  line-height: 1.65;
}

body::before {
  position: fixed;
  z-index: -1;
  inset: 0;
  pointer-events: none;
  content: "";
  opacity: .32;
  background-image: linear-gradient(rgba(255, 255, 255, .025) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, .025) 1px, transparent 1px);
  background-size: 42px 42px;
  mask-image: linear-gradient(to bottom, black, transparent 78%);
}

body .wp-site-blocks { overflow: clip; }
body :where(.wp-site-blocks, .wp-block-group, .wp-block-cover, .wp-block-template-part) { color: var(--aura-mist); }

body :where(h1, h2, h3, h4, h5, h6) {
  color: #fffaf0;
  font-family: Georgia, "Times New Roman", serif;
  font-weight: 600;
  letter-spacing: -.035em;
  line-height: 1.08;
}

body h1 { font-size: clamp(2.8rem, 7vw, 5.8rem); text-wrap: balance; }
body h2 { font-size: clamp(2rem, 4.3vw, 3.6rem); text-wrap: balance; }
body :where(p, li, figcaption, .wp-block-post-date, .wp-block-post-author-name) { color: var(--aura-muted); }

body a {
  color: var(--aura-gold-light);
  text-decoration-color: rgba(245, 201, 104, .42);
  text-underline-offset: .18em;
  transition: color .2s ease, opacity .2s ease, transform .2s ease, background-color .2s ease;
}

body a:hover { color: #fff7df; }

/* Header and navigation */
body header.wp-block-template-part,
body .wp-block-template-part:has(.wp-block-navigation) {
  position: relative;
  border-bottom: 1px solid var(--aura-line);
  background: rgba(9, 7, 15, .74);
  box-shadow: 0 8px 35px rgba(0, 0, 0, .16);
  backdrop-filter: blur(16px);
}

body .wp-block-site-title a {
  color: #fffaf0;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 1.15em;
  font-weight: 700;
  letter-spacing: .035em;
  text-decoration: none;
}

/* A főmenü saját, lila-arany fejlécet kap; a régi márkanév itt nem jelenik meg. */
body header.wp-block-template-part,
body header.wp-block-template-part > .wp-block-group,
body .wp-block-template-part:has(.wp-block-navigation) > .wp-block-group {
  position: relative;
  overflow: hidden;
  border-bottom: 1px solid rgba(245, 201, 104, .42);
  background:
    radial-gradient(circle at 13% 15%, rgba(185, 154, 255, .35), transparent 22rem),
    radial-gradient(circle at 86% 130%, rgba(245, 201, 104, .18), transparent 25rem),
    linear-gradient(105deg, #130b22 0%, #241442 52%, #10091b 100%) !important;
}

body header.wp-block-template-part > .wp-block-group::before,
body .wp-block-template-part:has(.wp-block-navigation) > .wp-block-group::before {
  position: absolute;
  inset: 0;
  pointer-events: none;
  content: "";
  opacity: .25;
  background-image: linear-gradient(115deg, transparent 20%, rgba(255, 255, 255, .28) 50%, transparent 80%);
}

body header.wp-block-template-part .wp-block-site-title { display: none; }

/* A fejléc körüli régi, fekete téglalap helyett csak a lebegő menügombok látszanak. */
body header.wp-block-template-part,
body header.wp-block-template-part > .wp-block-group,
body .wp-block-template-part:has(.wp-block-navigation),
body .wp-block-template-part:has(.wp-block-navigation) > .wp-block-group,
body .wp-block-template-part:has(.wp-block-navigation) > .wp-block-group > .wp-block-group {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none;
}

body header.wp-block-template-part > .wp-block-group::before,
body .wp-block-template-part:has(.wp-block-navigation) > .wp-block-group::before { display: none; }

body .wp-block-navigation {
  padding: .15rem;
  border: 0;
  border-radius: 0;
  background: transparent !important;
  box-shadow: none;
  backdrop-filter: none;
}

/* A teljes fejlécsáv – ne a sötét oldalszín látszódjon a gombok mögött. */
body .wp-site-blocks > header,
body .wp-site-blocks > header > .wp-block-group,
body .wp-site-blocks > header > .wp-block-group > .wp-block-group {
  border: 0 !important;
  background:
    radial-gradient(circle at 18% 42%, rgba(210, 183, 255, .5), transparent 19rem),
    radial-gradient(circle at 80% 100%, rgba(245, 201, 104, .3), transparent 24rem),
    linear-gradient(105deg, #522596 0%, #7c3fc4 48%, #3d1b78 100%) !important;
  box-shadow: 0 8px 26px rgba(30, 8, 70, .28) !important;
}

body .wp-site-blocks > header > .wp-block-group > .wp-block-group {
  min-height: 0 !important;
  padding-top: .7rem !important;
  padding-bottom: .7rem !important;
}

/* Az oldal legfelső üres része is ugyanazt a lila hátteret használja, mint a tartalom. */
body,
body .wp-site-blocks {
  background:
    radial-gradient(circle at 14% 2%, rgba(157, 104, 255, .38), transparent 30rem),
    radial-gradient(circle at 92% 24%, rgba(245, 201, 104, .16), transparent 25rem),
    linear-gradient(135deg, #2a1350 0%, #1d0e3b 48%, #2d1455 100%) !important;
}

body .wp-site-blocks > header,
body .wp-site-blocks > header > .wp-block-group,
body .wp-site-blocks > header > .wp-block-group > .wp-block-group,
body .wp-block-template-part:has(.wp-block-navigation) {
  background: transparent !important;
  box-shadow: none !important;
}

/* A menü nem külön fekete sávban, hanem a lila hero fölött lebeg. */
body .wp-site-blocks { position: relative; }

body .wp-site-blocks > header.wp-block-template-part,
body .wp-site-blocks > .wp-block-template-part:has(.wp-block-navigation) {
  position: absolute !important;
  z-index: 20;
  top: 0;
  right: 0;
  left: 0;
  width: 100%;
  background: transparent !important;
}

body .wp-site-blocks > header.wp-block-template-part .wp-block-group,
body .wp-site-blocks > .wp-block-template-part:has(.wp-block-navigation) .wp-block-group {
  background: transparent !important;
  box-shadow: none !important;
}

/* A fejléc és lábléc maradjon a normál dokumentumfolyamban. */
body .wp-site-blocks > header.wp-block-template-part,
body .wp-site-blocks > .wp-block-template-part:has(.wp-block-navigation) {
  position: static !important;
  width: auto;
}

/* A sablonrészek sötét, teljes szélességű dobozai helyett az oldal lila alapja látszik. */
body .wp-block-template-part,
body .wp-block-template-part :where(.wp-block-group, .has-background) {
  background-color: transparent !important;
  background-image: none !important;
}

/* A 3D kezelés csak a felső menüre vonatkozzon, a lábléc linkjeire ne. */
body footer .wp-block-navigation {
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent !important;
  box-shadow: none;
}

body footer .wp-block-navigation .wp-block-navigation-item__content {
  top: auto;
  min-height: 0;
  padding: .15rem 0;
  border: 0;
  border-radius: 0;
  background: transparent !important;
  box-shadow: none;
  color: var(--aura-muted);
  text-shadow: none;
}

/* Fejléc és lábléc: kizárólag az oldal háttere látszódjon mögöttük. */
body :is(header.wp-block-template-part, footer.wp-block-template-part),
body :is(header.wp-block-template-part, footer.wp-block-template-part) :is(.wp-block-group, .has-background, .wp-block-navigation) {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

/* A sablon alapértelmezett külső térközei ne hozzanak létre üres sávot. */
body,
body .page-wrapper,
body .wp-site-blocks {
  margin: 0;
  padding: 0;
}

body nav,
body header {
  margin-bottom: 0;
}

/* A fő navigáció önálló sorban, közvetlenül a felső státuszsáv alatt jelenik meg. */
body .site-statusbar + .wp-block-navigation {
  display: flex;
  justify-content: center;
  box-sizing: border-box;
  width: min(calc(100% - 2.5rem), 1200px);
  margin: .65rem auto 0;
  padding: .35rem;
  background: transparent !important;
}

body .site-statusbar + .wp-block-navigation .wp-block-navigation__container {
  justify-content: center;
}

@media (max-width: 700px) {
  body .site-statusbar + .wp-block-navigation { width: calc(100% - 1rem); }
}

body .wp-block-navigation .wp-block-navigation-item__content {
  position: relative;
  top: 0;
  display: inline-flex;
  align-items: center;
  min-height: 2.45rem;
  padding: .2rem .95rem;
  border: 1px solid rgba(245, 201, 104, .58);
  border-radius: .72rem;
  background: linear-gradient(145deg, #5f35a8 0%, #32166b 52%, #1c0c42 100%);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .27), inset 0 -2px 0 rgba(10, 4, 28, .55), 0 4px 0 #17082f, 0 8px 14px rgba(0, 0, 0, .26);
  color: #fff4d6;
  text-shadow: 0 1px 1px rgba(0, 0, 0, .65);
  transition: transform .16s ease, box-shadow .16s ease, filter .16s ease;
}

body .wp-block-navigation .wp-block-navigation-item__content:hover,
body .wp-block-navigation .current-menu-item > .wp-block-navigation-item__content {
  top: 2px;
  background: linear-gradient(145deg, #8a5ae1 0%, #5425aa 52%, #2b1068 100%);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .3), inset 0 -1px 0 rgba(10, 4, 28, .5), 0 2px 0 #17082f, 0 5px 10px rgba(0, 0, 0, .24);
  color: #fff5d4;
  filter: brightness(1.1);
  transform: none;
}

body .wp-block-navigation .wp-block-navigation-item__content {
  color: var(--aura-mist);
  font-size: .86rem;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
  text-decoration: none;
}

body .wp-block-navigation .wp-block-navigation-item__content:hover,
body .wp-block-navigation .current-menu-item > .wp-block-navigation-item__content { color: var(--aura-gold); }


/* Felső fiók- és kávéstátusz sáv. */
body .site-statusbar {
  border-bottom: 1px solid rgba(245, 201, 104, .2);
  background: linear-gradient(90deg, #0d0816, #1a1027 48%, #0d0816);
  color: var(--aura-muted);
  font-size: .78rem;
}

body .site-statusbar__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  width: min(100% - 2rem, 1200px);
  min-height: 43px;
  margin: 0 auto;
}

body .site-statusbar__account,
body .site-statusbar__stats,
body .site-statusbar__actions {
  display: flex;
  align-items: center;
  gap: .8rem;
}

body .site-statusbar__avatar { border: 1px solid var(--aura-gold); border-radius: 50%; }
body .site-statusbar strong { color: #fff5d7; }
body .site-statusbar__coffee { color: var(--aura-gold-light); }
body .site-statusbar__clock { min-width: 3.25rem; color: #f7f3ff; font-variant-numeric: tabular-nums; }
body .site-statusbar__actions a { color: #fff5d7; font-weight: 700; text-decoration: none; }
body .site-statusbar__actions a + a { border-left: 1px solid rgba(255, 255, 255, .18); padding-left: .8rem; }

@media (max-width: 700px) {
  body .site-statusbar__inner { gap: .55rem; width: min(100% - 1.25rem, 1200px); }
  body .site-statusbar__account span { display: none; }
  body .site-statusbar__stats { margin-left: auto; }
  body .site-statusbar__actions { gap: .5rem; font-size: .72rem; }
  body .site-statusbar__actions a + a { padding-left: .5rem; }
}

/* A Kezdőlap a blokk-alapú menükben is az első pozíciót kapja. */
body .wp-block-navigation__container > .wp-block-navigation-item:has(> a[href$="/"]) { order: -1; }
body .wp-block-navigation__container > .wp-block-navigation-item:has(> a[href*="tracker-auth"]),
body .wp-block-navigation__container > .wp-block-navigation-item:has(> a[href*="tracker-storefront"]),
body .wp-block-navigation__container > .wp-block-navigation-item:has(> a[href*="sample-page"]),
body .wp-block-navigation__container > .wp-block-navigation-item:has(> a[href*="minta-oldal"]) { display: none; }

/* A felső navigációs sávban nincs szükség külön logóra. */
body .wp-block-template-part:has(.wp-block-navigation) .wp-block-site-logo,
body .wp-block-template-part:has(.wp-block-navigation) .custom-logo-link,
body .wp-block-template-part:has(.wp-block-navigation) .custom-logo {
  display: none !important;
}

/* A statikus kezdőlap címe nem része a hero-tartalomnak. */
body.home h1.wp-block-post-title { display: none; }

/* A sablonok világos fejléc-hátterének felülírása. */
body .wp-block-template-part:has(.wp-block-navigation),
body .wp-block-template-part:has(.wp-block-navigation) > .wp-block-group,
body .wp-block-template-part:has(.wp-block-navigation) > .wp-block-group > .wp-block-group {
  background-color: rgba(9, 7, 15, .88) !important;
}

/* Calls to action and buttons */
body :where(.wp-element-button, .wp-block-button__link, input[type="submit"], button:not(.wp-block-navigation__responsive-container-open):not(.wp-block-navigation__responsive-container-close)) {
  border: 1px solid rgba(255, 230, 166, .72);
  border-radius: 999px;
  background: linear-gradient(135deg, #f8d27a 0%, #c7922d 100%);
  box-shadow: 0 10px 26px rgba(192, 134, 24, .25);
  color: #160d05;
  font-size: .83rem;
  font-weight: 800;
  letter-spacing: .075em;
  padding: .9rem 1.45rem;
  text-decoration: none;
  text-transform: uppercase;
}

body :where(.wp-element-button, .wp-block-button__link, input[type="submit"], button:not(.wp-block-navigation__responsive-container-open):not(.wp-block-navigation__responsive-container-close)):hover {
  background: linear-gradient(135deg, #ffe7a7 0%, #dca83d 100%);
  color: #160d05;
  transform: translateY(-2px);
}

body .is-style-outline > .wp-block-button__link,
body .wp-block-button.is-style-outline > .wp-block-button__link {
  border-color: rgba(185, 154, 255, .72);
  background: rgba(139, 92, 246, .12);
  box-shadow: none;
  color: #e9ddff;
}

body .is-style-outline > .wp-block-button__link:hover,
body .wp-block-button.is-style-outline > .wp-block-button__link:hover { background: rgba(139, 92, 246, .25); color: #fff; }

/* Editorial cards, columns and media */
body :where(.wp-block-group, .wp-block-columns, .wp-block-query) > .wp-block-group.is-layout-constrained,
body .wp-block-post,
body .wp-block-latest-posts__list > li,
body .wp-block-quote,
body .wp-block-pullquote { border-color: var(--aura-line); }

body .wp-block-post,
body .wp-block-latest-posts__list > li {
  border: 1px solid rgba(255, 255, 255, .09);
  border-radius: 18px;
  background: linear-gradient(145deg, rgba(32, 24, 47, .82), rgba(14, 10, 22, .8));
  box-shadow: var(--aura-shadow);
  overflow: hidden;
}

body .wp-block-post:hover { border-color: rgba(245, 201, 104, .45); }
body .wp-block-post-title, body .wp-block-post-title a { color: #fffaf0; text-decoration: none; }

body .wp-block-post-featured-image,
body .wp-block-image img,
body .wp-block-cover { border-radius: 16px; overflow: hidden; }

body .wp-block-post-featured-image img,
body .wp-block-image img { transition: transform .5s ease, filter .5s ease; }

body .wp-block-post:hover .wp-block-post-featured-image img,
body .wp-block-image:hover img { filter: saturate(1.08) contrast(1.04); transform: scale(1.025); }

body .wp-block-cover { position: relative; border: 1px solid rgba(245, 201, 104, .2); box-shadow: var(--aura-shadow); }
body .wp-block-cover::after { position: absolute; inset: 0; z-index: 1; pointer-events: none; content: ""; background: linear-gradient(110deg, rgba(18, 9, 34, .36), transparent 62%); }
body .wp-block-cover__inner-container { z-index: 2; }

body .wp-block-quote,
body .wp-block-pullquote {
  border-left: 3px solid var(--aura-gold);
  border-radius: 0 16px 16px 0;
  background: rgba(139, 92, 246, .12);
  padding: 1.5rem 1.75rem;
}

body .wp-block-separator { border: 0; height: 1px; background: linear-gradient(90deg, transparent, var(--aura-gold), transparent); }

/* Forms and footer */
body :where(input:not([type="submit"]), textarea, select) {
  border: 1px solid rgba(255, 255, 255, .17);
  border-radius: 10px;
  background: rgba(255, 255, 255, .06);
  color: #fff;
  outline: none;
}

body :where(input:not([type="submit"]), textarea, select):focus { border-color: var(--aura-gold); box-shadow: 0 0 0 3px rgba(245, 201, 104, .15); }

body footer.wp-block-template-part,
body .wp-block-template-part:has(.wp-block-social-links) { border-top: 1px solid var(--aura-line); background: rgba(5, 4, 9, .56); }

body .wp-block-social-link { border: 1px solid rgba(245, 201, 104, .38); border-radius: 50%; background: rgba(245, 201, 104, .08); }
body .wp-block-social-link:hover { background: var(--aura-gold); }

@media (max-width: 700px) {
  body h1 { font-size: clamp(2.55rem, 13vw, 4.2rem); }
  body .wp-block-navigation__responsive-container.is-menu-open { background: #100b19; color: #fff; }
  body .wp-block-navigation__responsive-container-content { padding: 2rem; }
}