/*
Theme Name: Infernum Guild
Theme URI: https://www.infernumguild.com
Author: Infernum Guild
Description: Sötét, parázs hangulatú sablon a World of Warcraft: Forever magyar progressive guildnek. Nyolc kész oldal valódi WordPress blokkokból, visszaszámlálóval és saját menüvel.
Version: 1.15.1
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: infernum
Tags: dark, one-column, custom-menu, translation-ready
*/

/* ==========================================================
   INFERNUM — közös stíluslap
   Színek, tipográfia és minden ismétlődő elem itt van.
   ========================================================== */

:root{
  --obsidian:#120F0E;
  --basalt:#1A1512;
  --panel:#221B16;
  --bone:#EDE3D6;
  --ash:#9B8F84;
  --ember:#E04B1E;
  --ember-deep:#8C2408;
  --brass:#C8A35A;
  --line:rgba(200,163,90,.22);
  --hair:rgba(255,255,255,.055);
  --serif:"Bitter",Georgia,"Times New Roman",serif;
  --sans:"Barlow","Helvetica Neue",Arial,sans-serif;

  /* szerep színek */
  --tank:#5B8DD6;
  --heal:#5FBF7A;
  --dps:#D6584A;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;background:var(--obsidian);color:var(--bone);
  font-family:var(--sans);font-size:17px;line-height:1.65;
  -webkit-font-smoothing:antialiased;overflow-x:hidden;
}
img{max-width:100%;height:auto}
a{color:inherit}
h1,h2,h3,h4{font-family:var(--serif);font-weight:800;letter-spacing:-.01em;line-height:1.14;margin:0}
p{margin:0 0 1.05em}
:focus-visible{outline:2px solid var(--brass);outline-offset:3px}
.wrap{width:100%;max-width:1120px;margin:0 auto;padding:0 24px}
.narrow{max-width:820px}

/* ---------- fejléc ---------- */
.bar{
  position:sticky;top:0;z-index:40;
  background:rgba(18,15,14,.86);backdrop-filter:blur(10px);
  border-bottom:1px solid var(--line);
}
.bar-in{display:flex;align-items:center;gap:26px;height:64px}
.mark{font-family:var(--serif);font-weight:800;font-size:19px;letter-spacing:.16em;text-decoration:none;white-space:nowrap}
.mark span{color:var(--ember)}
.nav{display:flex;gap:20px;margin-left:auto;flex-wrap:wrap}
.nav a{
  font-size:14.5px;font-weight:500;color:var(--ash);text-decoration:none;
  padding:4px 0;border-bottom:1px solid transparent;transition:color .18s,border-color .18s;
}
.nav a:hover,.nav a:focus-visible{color:var(--bone);border-color:var(--ember)}
.nav a[aria-current="page"]{color:var(--bone);border-color:var(--brass)}
.bar .btn{margin-left:4px;padding:9px 18px;font-size:14px}
.navtoggle{display:none}

/* ---------- gombok ---------- */
.btn{
  display:inline-block;font-family:var(--sans);font-weight:600;font-size:15px;
  text-decoration:none;padding:11px 22px;border-radius:2px;
  border:1px solid var(--brass);color:var(--bone);background:transparent;cursor:pointer;
  transition:background .2s,box-shadow .2s;
}
.btn:hover,.btn:focus-visible{background:rgba(200,163,90,.14);box-shadow:0 0 0 1px var(--brass)}
.btn-fire{
  border-color:transparent;color:#1A0E08;
  background:linear-gradient(160deg,#F0A03C,#E04B1E 58%,#B72F0C);
  box-shadow:0 10px 34px -14px rgba(224,75,30,.9);
}
.btn-fire:hover,.btn-fire:focus-visible{
  background:linear-gradient(160deg,#F6B155,#EC5A26 58%,#C93A12);color:#1A0E08;
  box-shadow:0 14px 40px -12px rgba(224,75,30,1);
}
.cta-row{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}
.cta-row.center{justify-content:center}

/* ---------- díszek ---------- */
.rule{display:flex;align-items:center;justify-content:center;gap:14px;margin:26px auto 22px;max-width:520px}
.rule i{flex:1;height:1px;background:linear-gradient(90deg,transparent,var(--brass))}
.rule i+i{background:linear-gradient(90deg,var(--brass),transparent)}
.rule b{width:9px;height:9px;transform:rotate(45deg);background:var(--ember);box-shadow:0 0 14px rgba(224,75,30,.8)}
.kicker{font-family:var(--serif);font-style:italic;font-weight:400;font-size:16px;color:var(--ember);margin:0 0 10px}

/* ---------- aloldali fejléc ---------- */
.phead{position:relative;padding:clamp(54px,8vw,86px) 0 clamp(34px,5vw,50px);overflow:hidden;border-bottom:1px solid var(--line)}
.phead::before{
  content:"";position:absolute;inset:-60% -20% auto -20%;height:200%;
  background:radial-gradient(48% 40% at 22% 24%,rgba(224,75,30,.22),transparent 66%),
             radial-gradient(40% 34% at 82% 10%,rgba(200,163,90,.10),transparent 70%);
  pointer-events:none;
}
.phead .wrap{position:relative;z-index:2}
.phead h1{font-size:clamp(36px,6.2vw,66px)}
.phead p{margin:16px 0 0;color:#CFC3B6;max-width:62ch;font-size:17.5px}

/* ---------- szekciók ---------- */
section{padding:clamp(56px,8vw,96px) 0;position:relative}
.alt{background:var(--basalt);border-top:1px solid var(--hair);border-bottom:1px solid var(--hair)}
.sec-head{max-width:70ch;margin-bottom:40px}
.sec-head h2{font-size:clamp(28px,4.4vw,42px)}
.sec-head p{margin-top:14px;color:var(--ash);font-size:17.5px;max-width:62ch}

/* ---------- panelek ---------- */
.panel{background:var(--panel);border:1px solid var(--hair);padding:32px 30px}
.panel h3{font-size:24px;margin-bottom:12px}
.panel p{color:#CFC3B6;font-size:16.5px}
.panel p:last-child{margin-bottom:0}
.duo{display:grid;grid-template-columns:1fr 1fr;gap:clamp(22px,4vw,44px)}
.trio{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}

/* ---------- listák ---------- */
.crit{margin:16px 0 0;padding:0;list-style:none}
.crit li{display:flex;gap:12px;padding:10px 0;border-bottom:1px solid var(--hair);font-size:16px;color:#DCD1C4}
.crit li:last-child{border-bottom:0}
.crit li::before{content:"";flex:0 0 7px;height:7px;margin-top:9px;transform:rotate(45deg);background:var(--brass)}
.note{margin-top:20px;padding:14px 16px;border-left:2px solid var(--ember);background:rgba(224,75,30,.07);font-size:15.5px;color:#E3D7C9}
.note p{margin:0;font-size:15.5px}
.note.todo{border-left-color:var(--brass);background:rgba(200,163,90,.08)}

/* ---------- szabályzat blokkok ---------- */
.ruleset{counter-reset:rule}
.ruleblock{padding:30px 0;border-top:1px solid var(--line)}
.ruleblock:first-child{border-top:0;padding-top:0}
.ruleblock h2{font-size:clamp(24px,3.4vw,32px);display:flex;align-items:baseline;gap:16px}
.ruleblock h2::before{
  counter-increment:rule;content:counter(rule,decimal-leading-zero);
  font-size:15px;color:var(--ember);font-family:var(--sans);font-weight:600;letter-spacing:.06em;
}
.ruleblock ul{margin:16px 0 0;padding:0 0 0 4px;list-style:none}
.ruleblock li{position:relative;padding:8px 0 8px 22px;color:#DCD1C4;font-size:16.5px}
.ruleblock li::before{content:"";position:absolute;left:0;top:17px;width:8px;height:1px;background:var(--brass)}

/* ---------- táblázatok ---------- */
.tablewrap{overflow-x:auto;border:1px solid var(--hair);background:var(--panel)}
table{width:100%;border-collapse:collapse;font-size:15.5px;min-width:560px}
th,td{padding:13px 18px;text-align:left;border-bottom:1px solid var(--hair)}
th{
  font-family:var(--sans);font-weight:600;font-size:14px;color:var(--brass);
  background:rgba(0,0,0,.22);white-space:nowrap;
}
tbody tr:last-child td{border-bottom:0}
tbody tr:hover{background:rgba(255,255,255,.02)}
td b{font-family:var(--serif);color:var(--bone)}
.muted{color:var(--ash)}

/* ---------- állapotjelzők ---------- */
.tag{display:inline-block;font-size:13px;font-weight:600;padding:3px 10px;border-radius:2px;white-space:nowrap}
.tag-open{background:rgba(95,191,122,.16);color:#7FD394}
.tag-low{background:rgba(200,163,90,.16);color:var(--brass)}
.tag-closed{background:rgba(255,255,255,.07);color:var(--ash)}
.tag-lock{background:rgba(224,75,30,.14);color:#F08A5E}

/* ---------- raid kártyák ---------- */
.raids{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.raid{background:var(--panel);border:1px solid var(--hair);border-top:2px solid var(--ember-deep);padding:26px 24px 22px}
.raid h3{font-size:23px;margin-bottom:6px}
.raid .size{font-size:14px;color:var(--brass)}
.bar-prog{height:6px;background:rgba(255,255,255,.07);margin:20px 0 10px}
.bar-prog i{display:block;height:100%;background:linear-gradient(90deg,#F0A03C,#E04B1E)}
.raid .stat{display:flex;justify-content:space-between;font-size:14.5px;color:var(--ash)}
.raid .stat b{color:var(--bone);font-family:var(--serif)}
.locked{font-size:14.5px;color:var(--ash);margin:16px 0 0;padding-top:14px;border-top:1px solid var(--hair)}

/* ---------- idővonal ---------- */
.tl{display:grid;grid-template-columns:repeat(4,1fr);border-left:1px solid var(--line)}
.tl-item{padding:22px 24px;border-right:1px solid var(--line);position:relative}
.tl-item::before{content:"";position:absolute;top:0;left:0;width:100%;height:2px;background:rgba(200,163,90,.2)}
.tl-item.done::before{background:linear-gradient(90deg,var(--ember),var(--brass))}
.tl-date{font-family:var(--serif);font-weight:800;font-size:20px;display:block;margin-bottom:4px}
.tl-item.done .tl-date{color:var(--brass)}
.tl-item p{margin:0;color:var(--ash);font-size:15px}

/* ---------- menetrend (raid este) ---------- */
.sched{margin:0;padding:0;list-style:none;border-left:2px solid var(--line)}
.sched li{position:relative;padding:14px 0 14px 28px}
.sched li::before{content:"";position:absolute;left:-5px;top:22px;width:8px;height:8px;transform:rotate(45deg);background:var(--brass)}
.sched time{font-family:var(--serif);font-weight:800;font-size:17px;display:inline-block;min-width:74px;color:var(--ember)}
.sched span{color:#DCD1C4;font-size:16.5px}

/* ---------- űrlap ---------- */
.form{display:grid;gap:22px}
.field label{display:block;font-size:15px;font-weight:600;margin-bottom:7px}
.field .hint{display:block;font-weight:400;color:var(--ash);font-size:14px;margin-top:-3px;margin-bottom:7px}
.field input,.field select,.field textarea{
  width:100%;background:rgba(0,0,0,.3);border:1px solid var(--hair);color:var(--bone);
  font-family:var(--sans);font-size:16px;padding:12px 14px;border-radius:2px;
}
.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--brass);outline:none}
.field textarea{min-height:110px;resize:vertical}
.field-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.formout{
  margin-top:24px;background:rgba(0,0,0,.32);border:1px solid var(--hair);
  padding:18px;white-space:pre-wrap;font-size:14.5px;color:#CFC3B6;font-family:var(--sans);
  max-height:280px;overflow:auto;
}

/* ---------- stream kártyák ---------- */
.streams{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}
.stream{background:var(--panel);border:1px solid var(--hair);padding:24px}
.stream h3{font-size:21px;margin-bottom:4px}
.stream .who{font-size:14.5px;color:var(--brass);margin-bottom:12px}
.stream p{font-size:16px;color:#CFC3B6}

/* ---------- lábléc ---------- */
footer{border-top:1px solid var(--line);padding:40px 0;background:var(--basalt)}
/* Középre rendezett, egymás alatti elrendezés:
   Blizzard nyilatkozat, alatta a copyright, alatta a menü egy sorban. */
.foot{text-align:center}
.foot p{margin:0;color:var(--ash);font-size:14.5px}

/* A width:100% és a max-width:none együtt kell: így a bekezdés a teljes
   szélességet kitölti, és a text-align:center ehhez viszonyítva középre
   zárja a sorokat. A !important azért maradt benne, mert enélkül egy
   korábbi szabály felülírta.
   Ha nagyon széles monitoron túl hosszúak a sorok, a max-width:none
   helyére írj egy korlátot, például 96ch. */
.foot-legal{
  width:100%;
  max-width:none;
  margin:0 auto 18px;
  text-align:center !important;
  font-size:13.5px;line-height:1.7;opacity:.85;
}

.foot-copy{margin-bottom:20px!important}

.foot-links{
  display:flex;justify-content:center;align-items:center;
  gap:12px 30px;flex-wrap:wrap;
}
.foot-links a{color:var(--ash);font-size:14.5px;text-decoration:none}
.foot-links a:hover{color:var(--bone)}

@media(max-width:700px){
  .foot-links{gap:10px 20px}
  .foot-legal{font-size:12.5px}
}

/* ---------- reszponzív ---------- */
@media(max-width:940px){
  .duo,.trio,.raids,.field-row{grid-template-columns:1fr}
  .tl{grid-template-columns:repeat(2,1fr)}
  .tl-item{border-bottom:1px solid var(--line)}
  .nav{display:none}
  .nav.open{
    display:flex;position:absolute;top:64px;left:0;right:0;flex-direction:column;gap:0;
    background:var(--basalt);border-bottom:1px solid var(--line);padding:8px 24px 16px;margin:0;
  }
  .nav.open a{padding:11px 0;border-bottom:1px solid var(--hair)}
  .navtoggle{
    display:block;margin-left:auto;background:none;border:1px solid var(--line);color:var(--bone);
    font-family:var(--sans);font-size:14px;padding:8px 14px;border-radius:2px;cursor:pointer;
  }
  .bar .btn{display:none}
}
@media(max-width:560px){
  .tl{grid-template-columns:1fr}
  body{font-size:16px}
}
@media(prefers-reduced-motion:reduce){
  *{animation:none!important;transition:none!important}
  html{scroll-behavior:auto}
}

/* ==========================================================
   FŐOLDAL specifikus elemek
   ========================================================== */
.hero{position:relative;padding:clamp(64px,11vw,124px) 0 0;overflow:hidden}
.hero::before{
  content:"";position:absolute;inset:-30% -10% auto -10%;height:120%;
  background:
    radial-gradient(58% 42% at 50% 8%,rgba(224,75,30,.30),transparent 62%),
    radial-gradient(40% 30% at 18% 42%,rgba(140,36,8,.28),transparent 70%),
    radial-gradient(46% 34% at 84% 30%,rgba(200,163,90,.12),transparent 70%);
  filter:blur(6px);pointer-events:none;animation:breathe 11s ease-in-out infinite;
}
.hero::after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:repeating-linear-gradient(0deg,rgba(0,0,0,.18) 0 1px,transparent 1px 3px);
  opacity:.35;mix-blend-mode:multiply;
}
@keyframes breathe{0%,100%{opacity:.85;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}
.hero-in{position:relative;z-index:2;text-align:center}
.wordmark{
  font-family:var(--serif);font-weight:800;
  font-size:clamp(62px,15.5vw,186px);line-height:.9;letter-spacing:.04em;margin:0;
  background:linear-gradient(178deg,#FBE7C6 8%,#E9B96B 34%,#D8631F 68%,#8C2408 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
  filter:drop-shadow(0 6px 30px rgba(224,75,30,.35));
}
.motto{font-family:var(--serif);font-weight:600;font-style:italic;font-size:clamp(19px,2.6vw,27px);color:var(--brass);margin:0}
.hero-lead{max-width:62ch;margin:22px auto 0;color:#CFC3B6;font-size:17.5px}

.count{
  position:relative;z-index:2;margin:clamp(56px,8vw,84px) auto 0;
  border-top:1px solid var(--line);border-bottom:1px solid var(--line);
  background:linear-gradient(180deg,rgba(34,27,22,.7),rgba(18,15,14,.7));
}
.count-in{display:flex;align-items:center;justify-content:center;gap:clamp(18px,5vw,54px);flex-wrap:wrap;padding:26px 24px}
.count-label{text-align:left;max-width:250px}
.count-label strong{display:block;font-family:var(--serif);font-size:18px;font-weight:800}
.count-label span{font-size:14.5px;color:var(--ash)}
.clock{display:flex;gap:clamp(14px,3vw,30px)}
.unit{text-align:center;min-width:58px}
.unit em{
  display:block;font-family:var(--serif);font-style:normal;font-weight:800;
  font-size:clamp(30px,5vw,44px);line-height:1;color:var(--bone);font-variant-numeric:tabular-nums;
}
.unit small{display:block;margin-top:6px;font-size:12.5px;color:var(--ash);letter-spacing:.06em}

.about{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(32px,6vw,72px);align-items:start}
.about-body{font-size:17.5px;color:#DCD1C4}
.about-body p:first-of-type::first-letter{
  float:left;font-family:var(--serif);font-weight:800;font-size:66px;line-height:.82;
  padding:6px 12px 0 0;color:var(--ember);
}
.creds{border-left:2px solid var(--ember);padding:4px 0 4px 22px;margin:0;list-style:none}
.creds li{list-style:none;margin:0 0 18px;padding:0}
.creds strong{display:block;font-family:var(--serif);font-size:17px;font-weight:800}
.creds span{font-size:15px;color:var(--ash)}

.apply{position:relative;text-align:center;overflow:hidden}
.apply::before{
  content:"";position:absolute;inset:auto -20% -60% -20%;height:130%;
  background:radial-gradient(50% 50% at 50% 100%,rgba(224,75,30,.28),transparent 68%);pointer-events:none;
}
.apply .wrap{position:relative;z-index:2}
.apply h2{font-size:clamp(32px,5.4vw,54px)}
.apply p{max-width:58ch;margin:20px auto;color:#CFC3B6}

code{
  font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.88em;
  background:rgba(0,0,0,.35);padding:2px 6px;border-radius:2px;color:var(--brass);
}

@media(max-width:940px){
  .about{grid-template-columns:1fr}
  .count-in{flex-direction:column;gap:22px}
  .count-label{text-align:center;max-width:none}
}

/* ==========================================================
   WORDPRESS — a menürendszer és a szerkesztő kimenetének
   illesztése a fenti stílusokhoz. Itt ritkán kell módosítani.
   ========================================================== */

/* wp_nav_menu ul/li kimenete a .nav dobozban */
.nav ul{display:flex;gap:20px;list-style:none;margin:0;padding:0;flex-wrap:wrap;align-items:center}
.nav li{margin:0}
.nav .current-menu-item>a,
.nav .current_page_item>a{color:var(--bone);border-color:var(--brass)}

.foot-links ul{display:flex;gap:12px 30px;list-style:none;margin:0;padding:0;flex-wrap:wrap;justify-content:center}
.foot-links li{margin:0}

@media(max-width:940px){
  .nav.open ul{flex-direction:column;gap:0;width:100%}
  .nav.open li{width:100%}
  .nav.open ul a{display:block;padding:11px 0;border-bottom:1px solid var(--hair)}
}

/* admin bar ne takarja a ragadós fejlécet */
body.admin-bar .bar{top:32px}
@media(max-width:782px){body.admin-bar .bar{top:46px}}

/* kisegítő: csak képernyőolvasóknak */
.screen-reader-text{
  position:absolute!important;width:1px;height:1px;overflow:hidden;
  clip:rect(1px,1px,1px,1px);white-space:nowrap;
}
.skip-link:focus{
  position:fixed!important;top:10px;left:10px;width:auto;height:auto;clip:auto;z-index:100;
  background:var(--panel);color:var(--bone);padding:10px 16px;border:1px solid var(--brass);
}

/* A blokkszerkesztőből jövő alapelemek, hogy ne lógjanak ki.
   Fontos: itt szándékosan NINCS általános ul/ol/a szabály, mert az
   felülírná a .crit, .sched, .ruleblock és .btn saját stílusát. */
.entry-content>*{max-width:100%}
.entry-content img,.wp-block-image img{max-width:100%;height:auto}
.entry-content blockquote{
  margin:26px 0;padding:6px 0 6px 22px;border-left:2px solid var(--ember);color:#DCD1C4;
}
.entry-content a:not(.btn):not(.mark){color:var(--brass)}
.wp-block-table table{min-width:0}
.alignwide,.alignfull{max-width:100%}

/* a jelentkezési doboz nem csúsztatja szét az oldalt */
.formout{overflow-wrap:anywhere;word-break:break-word}

/* ==========================================================
   BLOKKRÉTEG
   A WordPress blokkok saját burkolóelemeket adnak
   (.wp-block-columns, .wp-block-button__link, .wp-block-table…).
   Ez a szakasz illeszti őket a fenti stílusokhoz, hogy a
   megjelenés a lehető legközelebb maradjon az eredetihez.
   ========================================================== */

/* --- oszlopok: a core flexet használ, nálunk rács kell --- */
.wp-block-columns.duo{display:grid;grid-template-columns:1fr 1fr;gap:clamp(22px,4vw,44px)}
.wp-block-columns.trio{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.wp-block-columns.raids{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.wp-block-columns.streams{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.wp-block-columns.tl{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-left:1px solid var(--line)}
.wp-block-columns.about{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(32px,6vw,72px);align-items:start}
.wp-block-columns{margin-bottom:0}
/* egymás alá kerülő oszlopsorok (pl. a streamer kártyák három sora)
   között kell függőleges térköz, különben összeérnek */
.wp-block-columns+.wp-block-columns{margin-top:20px}
.wp-block-column{min-width:0}
.wp-block-column>.panel,
.wp-block-column>.raid,
.wp-block-column>.stream{height:100%}

/* --- gombok --- */
.wp-block-buttons{display:flex;gap:14px;flex-wrap:wrap}
.wp-block-button__link{
  display:inline-block;font-family:var(--sans);font-weight:600;font-size:15px;
  text-decoration:none;padding:11px 22px;border-radius:2px;
  border:1px solid var(--brass);color:var(--bone);background:transparent;cursor:pointer;
  transition:background .2s,box-shadow .2s;
}
.wp-block-button__link:hover,.wp-block-button__link:focus-visible{
  background:rgba(200,163,90,.14);box-shadow:0 0 0 1px var(--brass);color:var(--bone);
}
.wp-block-button.fire .wp-block-button__link{
  border-color:transparent;color:#1A0E08;
  background:linear-gradient(160deg,#F0A03C,#E04B1E 58%,#B72F0C);
  box-shadow:0 10px 34px -14px rgba(224,75,30,.9);
}
.wp-block-button.fire .wp-block-button__link:hover,
.wp-block-button.fire .wp-block-button__link:focus-visible{
  background:linear-gradient(160deg,#F6B155,#EC5A26 58%,#C93A12);color:#1A0E08;
  box-shadow:0 14px 40px -12px rgba(224,75,30,1);
}

/* --- táblázat --- */
.wp-block-table{overflow-x:auto;border:1px solid var(--hair);background:var(--panel);margin:0}
.wp-block-table table{border-collapse:collapse;width:100%;min-width:560px}
.wp-block-table td,.wp-block-table th{border:0;border-bottom:1px solid var(--hair)}
.wp-block-table tbody tr:last-child td{border-bottom:0}

/* --- lista --- */
.wp-block-list{margin:0;padding:0}
.wp-block-list.crit{margin:16px 0 0;list-style:none}
.wp-block-list.creds{
  list-style:none;
  /* a .wp-block-list padding:0 szabálya kinullázná a bal térközt,
     ezért itt adjuk vissza — különben a szöveg a piros vonalhoz ér */
  padding:4px 0 4px 26px;
}
.wp-block-list.sched{list-style:none}
.wp-block-list.plain{padding-left:22px;color:#DCD1C4}

/* a menetrend listában a vastag szöveg az időpont */
.sched li strong{
  display:inline-block;min-width:74px;color:var(--ember);
  font-family:var(--serif);font-weight:800;font-size:17px;
}

/* --- díszvonal (separator blokk) --- */
hr.ornament{
  border:0;height:1px;max-width:520px;margin:26px auto 22px;position:relative;overflow:visible;
  background:linear-gradient(90deg,transparent,var(--brass) 20%,var(--brass) 80%,transparent);
}
hr.ornament::after{
  content:"";position:absolute;left:50%;top:-4px;width:9px;height:9px;margin-left:-4.5px;
  transform:rotate(45deg);background:var(--ember);box-shadow:0 0 14px rgba(224,75,30,.8);
}

/* --- bekezdésből lett elemek margója --- */
.raid .stat,.raid .locked,.raid .size{margin-bottom:0}
.raid .size{display:block}
.tl-item p:last-child,.stream p:last-child,.panel p:last-child{margin-bottom:0}
.wp-block-group.note p{margin:0}
.phead p:last-child{margin-bottom:0}

/* --- csoport blokkok, amelyek szakaszként viselkednek --- */
section.wp-block-group{padding:clamp(56px,8vw,96px) 0}
section.wp-block-group.hero{padding:clamp(64px,11vw,124px) 0 0}
section.wp-block-group.phead{padding:clamp(54px,8vw,86px) 0 clamp(34px,5vw,50px)}
.wp-block-group.wrap{margin-left:auto;margin-right:auto}

/* --- reszponzív: a rácsok ugyanúgy bontsanak, mint eddig --- */
@media(max-width:940px){
  .wp-block-columns.duo,
  .wp-block-columns.trio,
  .wp-block-columns.raids,
  .wp-block-columns.streams,
  .wp-block-columns.about{grid-template-columns:1fr}
  .wp-block-columns.tl{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:560px){
  .wp-block-columns.tl{grid-template-columns:1fr}
}