/* Ascord2 web tuning 2026-10-23: status bar, one-line menu, moonlit hero with live effects, live stats, toplists,
   news cards. Colours follow the in-game "Vérzett vas" skin: dark iron, ember orange, pale gold. */
:root {
	--a2-gold: #e8c47a;
	--a2-gold-dim: #b8955a;
	--a2-ember: #ff7a2e;
	--a2-blood: #8f1d17;
	--a2-iron: rgba(14, 16, 22, .82);
	--a2-iron-line: rgba(232, 196, 122, .18);
	--a2-text: #d9d4c7;
	--a2-muted: #8d8a82;
	--a2-ok: #4fd67a;
	--a2-bad: #e0473a;
}

/* ---------------------------------------------------------------- status bar */
.a2-status { background: rgba(6, 7, 10, .92); border-bottom: 1px solid var(--a2-iron-line); font-size: .78rem; position: relative; z-index: 1001; }
.a2-status .container { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 6px 18px; padding-top: 7px; padding-bottom: 7px; }
.a2-status-group { display: flex; align-items: center; flex-wrap: wrap; gap: 6px 8px; }
.a2-pill { display: inline-flex; align-items: center; gap: 6px; padding: 2px 10px; border: 1px solid var(--a2-iron-line); border-radius: 999px; color: var(--a2-text); white-space: nowrap; letter-spacing: .02em; }
.a2-dot { width: 8px; height: 8px; border-radius: 50%; background: var(--a2-bad); box-shadow: 0 0 6px var(--a2-bad); }
.a2-dot.on { background: var(--a2-ok); box-shadow: 0 0 6px var(--a2-ok); animation: a2-pulse 2.4s ease-in-out infinite; }
.a2-pill b { color: var(--a2-gold); font-weight: 700; }
.a2-status-label { color: var(--a2-muted); text-transform: uppercase; letter-spacing: .08em; font-size: .7rem; }
@keyframes a2-pulse { 50% { box-shadow: 0 0 1px var(--a2-ok); } }

/* ---------------------------------------------------------------- menu: one line */
@media (min-width: 992px) {
	.nk-navbar-top .nk-nav > li > a { padding: 5px 13px; }
	.nk-navbar-top .nk-nav { white-space: nowrap; }
}
@media (min-width: 992px) and (max-width: 1199px) {
	.nk-navbar-top .nk-nav > li > a { padding: 5px 8px; font-size: .92em; }
}
.nk-navbar-top .nk-nav > li.a2-cta > a { border: 1px solid var(--a2-gold-dim); border-radius: 3px; color: var(--a2-gold); margin-left: 6px; }
.nk-navbar-top .nk-nav > li.a2-cta > a:hover { background: rgba(232, 196, 122, .1); }

/* ---------------------------------------------------------------- hero */
.a2-hero { position: relative; overflow: hidden; min-height: 300px; display: flex; align-items: center; justify-content: center; text-align: center; background: #070910; }
.a2-hero.a2-hero-big { min-height: min(78vh, 760px); }
.a2-hero-bg { position: absolute; inset: 0; background: url('../img/a2/hold.jpg') center 40% / cover no-repeat; transform: scale(1.04); animation: a2-drift 40s ease-in-out infinite alternate; }
@media (max-width: 767px) { .a2-hero-bg { background-image: url('../img/a2/hold_sm.jpg'); } }
.a2-hero-bg::after { content: ''; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(5, 6, 10, .35) 0%, rgba(5, 6, 10, .05) 40%, rgba(5, 6, 10, .55) 78%, #0b0b0d 100%); }
@keyframes a2-drift { to { transform: scale(1.1) translate(-1.2%, .8%); } }
.a2-halo { position: absolute; left: 76%; top: 26%; width: 34vw; height: 34vw; max-width: 560px; max-height: 560px; transform: translate(-50%, -50%); border-radius: 50%;
	background: radial-gradient(circle, rgba(225, 236, 255, .32) 0%, rgba(160, 190, 235, .12) 35%, transparent 68%); animation: a2-breathe 7s ease-in-out infinite; pointer-events: none; }
@keyframes a2-breathe { 50% { opacity: .55; transform: translate(-50%, -50%) scale(1.06); } }
.a2-fog { position: absolute; left: 0; right: 0; height: 34%; background: url('../img/a2/kod.png') 0 0 / 1100px 100% repeat-x; opacity: .35; pointer-events: none; animation: a2-fog 70s linear infinite; }
.a2-fog.f1 { top: 52%; }
.a2-fog.f2 { top: 64%; opacity: .45; animation-duration: 95s; animation-direction: reverse; background-size: 1500px 100%; }
.a2-fog.f3 { top: 76%; opacity: .5; animation-duration: 55s; background-size: 1300px 100%; }
@keyframes a2-fog { to { background-position: 1100px 0; } }
.a2-fog.f2 { animation-name: a2-fog2; } @keyframes a2-fog2 { to { background-position: 1500px 0; } }
.a2-fog.f3 { animation-name: a2-fog3; } @keyframes a2-fog3 { to { background-position: 1300px 0; } }
.a2-embers { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; }
.a2-hero-inner { position: relative; z-index: 2; padding: 60px 16px 70px; }
.a2-hero-inner .nk-img { max-width: min(560px, 86vw); filter: drop-shadow(0 6px 26px rgba(0, 0, 0, .7)); }
.a2-hero-sub { margin-top: 10px; color: var(--a2-text); font-size: 1.05rem; letter-spacing: .04em; text-shadow: 0 2px 8px #000; }
.a2-hero-btns { margin-top: 26px; display: flex; gap: 12px; justify-content: center; flex-wrap: wrap; }
.a2-hero-btns:empty { display: none; }
#a2-tartalom { transition: opacity .18s; }
#a2-tartalom.a2-loading { opacity: .35; }
.a2-btn { display: inline-block; padding: 12px 28px; border: 1px solid var(--a2-gold-dim); border-radius: 3px; color: var(--a2-gold); background: rgba(10, 10, 14, .7);
	font-family: 'Marcellus SC', serif; font-size: 1.05rem; letter-spacing: .05em; transition: .25s; }
.a2-btn:hover { color: #fff; background: rgba(143, 29, 23, .85); border-color: var(--a2-ember); box-shadow: 0 0 18px rgba(255, 122, 46, .35); text-decoration: none; transform: translateY(-2px); }
.a2-btn.primary { background: linear-gradient(180deg, #a62a1f, #6f1510); color: #fff2dc; border-color: #d1693a; }
.a2-btn.primary:hover { background: linear-gradient(180deg, #c2361f, #861b12); }
@media (prefers-reduced-motion: reduce) { .a2-hero-bg, .a2-halo, .a2-fog, .a2-dot.on { animation: none; } .a2-embers { display: none; } }

/* ---------------------------------------------------------------- sections */
.a2-section { padding: 46px 0 10px; }
.a2-h { font-family: 'Marcellus SC', serif; color: var(--a2-gold); font-size: 1.7rem; text-align: center; margin: 0 0 6px; }
.a2-h-sub { text-align: center; color: var(--a2-muted); margin-bottom: 26px; }
.a2-h::after { content: ''; display: block; width: 90px; height: 2px; margin: 10px auto 0; background: linear-gradient(90deg, transparent, var(--a2-ember), transparent); }
.a2-panel { background: var(--a2-iron); border: 1px solid var(--a2-iron-line); border-radius: 4px; box-shadow: 0 10px 30px rgba(0, 0, 0, .45), inset 0 1px 0 rgba(255, 255, 255, .03); }

/* stats strip */
.a2-stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; margin-top: -54px; position: relative; z-index: 3; }
.a2-stat { padding: 18px 12px; text-align: center; }
.a2-stat-num { font-family: 'Roboto Condensed', sans-serif; font-weight: 700; font-size: 2.2rem; color: #fff; line-height: 1; }
.a2-stat-num.live { color: var(--a2-ok); }
.a2-stat-lbl { margin-top: 6px; color: var(--a2-muted); font-size: .8rem; text-transform: uppercase; letter-spacing: .08em; }
@media (max-width: 767px) { .a2-stats { grid-template-columns: repeat(2, 1fr); margin-top: -36px; } .a2-stat-num { font-size: 1.6rem; } }

/* news cards */
.a2-news { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.a2-news.all { grid-template-columns: repeat(2, 1fr); }
@media (max-width: 991px) { .a2-news, .a2-news.all { grid-template-columns: 1fr; } }
.a2-card { overflow: hidden; display: flex; flex-direction: column; transition: .25s transform, .25s box-shadow; }
.a2-card:hover { transform: translateY(-3px); box-shadow: 0 16px 36px rgba(0, 0, 0, .55), 0 0 0 1px rgba(232, 196, 122, .25); }
.a2-card-img { aspect-ratio: 16 / 9; background: #111 center / cover no-repeat; position: relative; }
.a2-card-img.noimg { aspect-ratio: auto; height: 6px; background: linear-gradient(90deg, var(--a2-blood), var(--a2-ember), var(--a2-blood)); }
.a2-card-body { padding: 16px 18px 18px; }
.a2-card-meta { display: flex; align-items: center; gap: 10px; font-size: .78rem; color: var(--a2-muted); margin-bottom: 6px; }
.a2-tag { padding: 1px 8px; border-radius: 2px; font-size: .7rem; text-transform: uppercase; letter-spacing: .06em; color: #fff; background: #555; }
.a2-tag.ujdonsag { background: #7a5a16; } .a2-tag.frissites { background: #1f4f7a; } .a2-tag.esemeny { background: #8f1d17; } .a2-tag.javitas { background: #2f6b3c; }
.a2-card h3 { font-family: 'Marcellus SC', serif; font-size: 1.2rem; color: #fff; margin: 0 0 8px; }
.a2-card ul { margin: 0; padding-left: 18px; color: var(--a2-text); font-size: .92rem; line-height: 1.5; }
.a2-card li { margin-bottom: 3px; }
.a2-more { text-align: center; margin-top: 22px; }

/* toplists */
.a2-tops { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
@media (max-width: 991px) { .a2-tops { grid-template-columns: 1fr; } }
.a2-top { padding: 16px 16px 10px; }
.a2-top h3 { font-family: 'Marcellus SC', serif; color: var(--a2-gold); font-size: 1.15rem; margin: 0 0 10px; display: flex; align-items: center; gap: 8px; }
.a2-top h3 .icon { color: var(--a2-ember); }
.a2-top ol { list-style: none; margin: 0; padding: 0; }
.a2-top li { display: flex; align-items: center; gap: 10px; padding: 7px 4px; border-top: 1px solid rgba(255, 255, 255, .05); }
.a2-top li:first-child { border-top: 0; }
.a2-rank { width: 24px; height: 24px; flex: 0 0 24px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: .78rem; font-weight: 700; background: #262a33; color: #bbb; }
.a2-top li:nth-child(1) .a2-rank { background: linear-gradient(180deg, #f6d77e, #b8862e); color: #2a1c00; }
.a2-top li:nth-child(2) .a2-rank { background: linear-gradient(180deg, #e3e6ea, #8d939b); color: #1d1f22; }
.a2-top li:nth-child(3) .a2-rank { background: linear-gradient(180deg, #e2a26a, #8a5326); color: #241100; }
.a2-top img.job { width: 26px; height: 26px; border-radius: 3px; }
.a2-top .name { flex: 1; min-width: 0; color: #fff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.a2-top .name small { display: block; color: var(--a2-muted); font-size: .72rem; }
.a2-top .val { color: var(--a2-gold); font-weight: 700; white-space: nowrap; }
.a2-top .empty { color: var(--a2-muted); padding: 14px 4px; text-align: center; font-size: .9rem; }
.a2-top-foot { text-align: right; font-size: .8rem; padding-top: 6px; }

/* features */
.a2-feats { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
@media (max-width: 991px) { .a2-feats { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 575px) { .a2-feats { grid-template-columns: 1fr; } }
.a2-feat { padding: 18px; display: flex; gap: 14px; align-items: flex-start; }
.a2-feat .icon { font-size: 1.9rem; color: var(--a2-ember); line-height: 1; width: 34px; text-align: center; flex: 0 0 34px; }
.a2-feat h4 { font-family: 'Marcellus SC', serif; color: #fff; font-size: 1.05rem; margin: 0 0 4px; }
.a2-feat p { margin: 0; color: var(--a2-text); font-size: .9rem; line-height: 1.45; }

/* footer: readable */
.nk-footer p { color: #9a958a; }

/* events page (2026-10-26) */
.a2-ev-h { font-family: 'Marcellus SC', serif; color: var(--a2-gold); font-size: 1.25rem; margin: 26px 0 12px; display: flex; align-items: center; gap: 8px; }
.a2-ev-h .icon { color: var(--a2-ember); }
.a2-ev-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; }
@media (max-width: 767px) { .a2-ev-grid { grid-template-columns: 1fr; } }
.a2-ev { padding: 14px 16px; display: flex; gap: 14px; align-items: flex-start; }
.a2-ev h4 { font-family: 'Marcellus SC', serif; color: #fff; font-size: 1.05rem; margin: 0 0 4px; }
.a2-ev p { margin: 0; color: var(--a2-text); font-size: .9rem; line-height: 1.45; }
.a2-ev.on { border-color: rgba(92, 200, 120, .45); }
.a2-ev-dot { width: 10px; height: 10px; flex: 0 0 10px; margin-top: 7px; border-radius: 50%; background: var(--a2-ok); box-shadow: 0 0 10px var(--a2-ok); }
.a2-ev-when { flex: 0 0 132px; color: var(--a2-gold); font-weight: 700; font-size: .85rem; line-height: 1.35; }
@media (max-width: 575px) { .a2-ev { flex-direction: column; gap: 6px; } .a2-ev-when { flex-basis: auto; } }
.a2-ev-empty { padding: 16px; color: var(--a2-muted); text-align: center; grid-column: 1 / -1; }
.a2-ev-table { padding: 6px 16px; overflow-x: auto; }
.a2-ev-table table { width: 100%; border-collapse: collapse; }
.a2-ev-table th { color: var(--a2-gold); font-weight: 700; text-align: left; padding: 10px 6px; border-bottom: 1px solid rgba(255, 255, 255, .08); }
.a2-ev-table td { color: var(--a2-text); padding: 9px 6px; border-top: 1px solid rgba(255, 255, 255, .05); vertical-align: top; }
.a2-ev-table td:last-child { white-space: nowrap; color: #fff; }