/* =====================================================================
   IronWilds.eu – bendra svetainės tema „lakštinis metalas ir trafaretas“
   Įtraukiama visuose puslapiuose: <link rel="stylesheet" href="iw-theme.css">
   Taisyklės pradedamos „html body“, kad nugalėtų puslapių vidinius stilius.
   ===================================================================== */
@import url("https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@400;500;700&family=Saira+Condensed:wght@500;600;700;800&family=Saira+Stencil+One&display=swap");

:root {
  --iw-coal: #15130f;
  --iw-coal-2: #1b1814;
  --iw-plate: #221f1a;
  --iw-plate-2: #2b2721;
  --iw-seam: #3d372e;
  --iw-seam-hi: #575043;
  --iw-rust: #e8661a;
  --iw-rust-hi: #ff8a3d;
  --iw-oxide: #b23a1f;
  --iw-bone: #ece4d6;
  --iw-ash: #a79e8f;
  --iw-moss: #8fae5a;
  --iw-font-body: "Roboto Condensed", "Arial Narrow", Arial, sans-serif;
  --iw-font-head: "Saira Condensed", "Roboto Condensed", Arial, sans-serif;
  --iw-font-stencil: "Saira Stencil One", "Saira Condensed", Impact, sans-serif;
  --iw-cut: polygon(10px 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0 100%, 0 10px);
  --iw-cut-sm: polygon(6px 0, 100% 0, 100% calc(100% - 6px), calc(100% - 6px) 100%, 0 100%, 0 6px);
}

/* ---------------- Pagrindas ---------------- */
html body {
  background-color: var(--iw-coal);
  /* gofruotos skardos briaunos + lengvas grūdėtumas */
  background-image:
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 .07 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>"),
    repeating-linear-gradient(90deg, rgba(255,255,255,.012) 0 2px, transparent 2px 22px, rgba(0,0,0,.18) 22px 24px, transparent 24px 46px);
  color: var(--iw-bone);
  font-family: var(--iw-font-body);
  font-size: 16px;
  line-height: 1.55;
  -webkit-font-smoothing: antialiased;
}
html body ::selection { background: var(--iw-rust); color: #1a0d03; }

html body h1, html body h2, html body h3, html body h4 {
  font-family: var(--iw-font-head);
  font-weight: 700;
  letter-spacing: .01em;
  color: var(--iw-bone);
}
html body h2 { font-size: 30px; line-height: 1.15; }
html body h3 { font-size: 20px; }
html body b, html body strong { color: inherit; }
html body a { transition: color .15s; }
html body :focus-visible { outline: 2px solid var(--iw-rust-hi); outline-offset: 2px; }

/* ---------------- Viršutinė juosta ---------------- */
html body .header {
  background: linear-gradient(180deg, #24201b, #1a1713);
  border-bottom: 1px solid #000;
  box-shadow: 0 1px 0 var(--iw-seam), 0 6px 18px rgba(0,0,0,.45);
  height: 64px;
}
html body .header .logo,
html body .header .logo span,
html body .header .logo-text {
  font-family: var(--iw-font-head);
  font-weight: 700;
  font-size: 17px;
  letter-spacing: .02em;
  color: var(--iw-bone);
}
html body .support-btn {
  background: transparent;
  border: 1px solid #2f6ea8;
  color: #9cc8f0;
  border-radius: 2px;
  font-family: var(--iw-font-head);
  font-weight: 600;
  letter-spacing: .03em;
}
html body .support-btn:hover { background: #0f3a5f; color: #fff; transform: none; }

html body .menu-btn {
  font-family: var(--iw-font-head);
  font-weight: 700;
  letter-spacing: .06em;
  text-transform: uppercase;
  font-size: 15px;
  color: var(--iw-bone);
  background: var(--iw-plate-2);
  border: 1px solid var(--iw-seam);
  border-radius: 0;
  clip-path: var(--iw-cut-sm);
  padding: 9px 16px;
}
html body .menu-btn:hover { background: var(--iw-rust); color: #1a0d03; }
html body .dropdown-content {
  background: var(--iw-plate);
  border: 1px solid var(--iw-seam);
  border-top: 3px solid var(--iw-rust);
  border-radius: 0;
  min-width: 240px;
  box-shadow: 0 18px 40px rgba(0,0,0,.6);
}
html body .dropdown-content a {
  font-family: var(--iw-font-head);
  font-weight: 600;
  font-size: 15px;
  letter-spacing: .02em;
  color: var(--iw-bone);
  border-bottom: 1px solid rgba(0,0,0,.35);
}
html body .dropdown-content a i { color: var(--iw-ash); width: 20px; }
html body .dropdown-content a:hover { background: var(--iw-plate-2); color: var(--iw-rust-hi); }
html body .dropdown-content a:hover i { color: var(--iw-rust-hi); }
html body .dropdown-content a.admin-link,
html body .dropdown-content a.accent { color: var(--iw-rust-hi); border-top: 1px solid var(--iw-seam); }

/* ---------------- Metalo plokštės (turinio blokai visuose puslapiuose) ---------------- */
html body .card,
html body .panel,
html body .rule,
html body .log,
html body .service,
html body .modal-box,
html body #statusBox {
  background: linear-gradient(180deg, var(--iw-plate-2), var(--iw-plate) 60%);
  border: 1px solid var(--iw-seam);
  border-radius: 0;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 8px 24px rgba(0,0,0,.35);
  clip-path: var(--iw-cut);
  color: var(--iw-bone);
}
html body .card h3,
html body .rule-title { font-family: var(--iw-font-head); font-weight: 700; }
html body .card small,
html body .rule-content,
html body .info,
html body .footer-text { color: var(--iw-ash); }
html body .info {
  background: var(--iw-coal-2);
  border: 1px solid var(--iw-seam);
  border-left: 4px solid var(--iw-rust);
  border-radius: 0;
}
html body .info.warning { border-left-color: var(--iw-oxide); }
html body .rule-title:hover { background: rgba(232,102,26,.08); }

/* Taisyklės, atnaujinimai ir pan. – oranžiniai akcentai */
html body .orange-title { color: var(--iw-rust-hi); }
html body .price { color: var(--iw-rust-hi); font-family: var(--iw-font-head); font-weight: 700; }
html body .warning { color: #f0745a; }

/* ---------------- Formos, mygtukai, puslapiavimas ---------------- */
html body select,
html body input[type="text"],
html body input[type="search"],
html body input:not([type]),
html body #search {
  background-color: var(--iw-coal-2);
  color: var(--iw-bone);
  border: 1px solid var(--iw-seam);
  border-radius: 0;
  font-family: var(--iw-font-body);
}
html body select:focus,
html body input:focus,
html body #search:focus { border-color: var(--iw-rust); outline: none; box-shadow: 0 0 0 2px rgba(232,102,26,.25); }
html body option { background: var(--iw-plate); color: var(--iw-bone); }

html body .pagination button,
html body #pagination button,
html body .info-btn {
  background: var(--iw-plate-2);
  color: var(--iw-bone);
  border: 1px solid var(--iw-seam);
  border-radius: 0;
  font-family: var(--iw-font-head);
  font-weight: 700;
}
html body .pagination button:hover,
html body #pagination button:hover { border-color: var(--iw-rust); color: var(--iw-rust-hi); background: var(--iw-plate-2); }
html body .pagination button.active,
html body #pagination button.active,
html body .buy-btn {
  background: var(--iw-rust);
  color: #1a0d03;
  border-color: var(--iw-rust);
}

/* Admin veiksmų puslapio šoninės juostos */
html body .sidebar,
html body .rightbar {
  background: var(--iw-coal-2);
  border-color: var(--iw-seam);
}
html body .sidebar h4 { color: var(--iw-ash); font-family: var(--iw-font-head); }

/* Bilietų išrašas (Discord stiliaus žinutės paliekamos, keičiam tik foną) */
html body .message:hover { background: rgba(255,255,255,.03); }

/* Slinkties juostos */
html body ::-webkit-scrollbar { width: 10px; height: 10px; }
html body ::-webkit-scrollbar-track { background: var(--iw-coal-2); }
html body ::-webkit-scrollbar-thumb { background: var(--iw-seam); border: 2px solid var(--iw-coal-2); }
html body ::-webkit-scrollbar-thumb:hover { background: var(--iw-rust); }

/* ---------------- Įspėjamoji juosta (naudojama saikingai) ---------------- */
.iw-hazard {
  height: 10px;
  background: repeating-linear-gradient(-45deg, var(--iw-rust) 0 14px, #17130e 14px 28px);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.15), inset 0 -1px 0 rgba(0,0,0,.5);
}

/* ---------------- Poraštė ---------------- */
html body .site-footer {
  background: linear-gradient(180deg, #1c1915, #141210);
  border-top: 1px solid #000;
  box-shadow: inset 0 1px 0 var(--iw-seam);
  position: relative;
}
html body .site-footer::before {
  content: "";
  position: absolute; left: 0; right: 0; top: -10px; height: 10px;
  background: repeating-linear-gradient(-45deg, var(--iw-rust) 0 14px, #17130e 14px 28px);
  opacity: .85;
}
html body .footer-col h3,
html body .footer-col h4 { font-family: var(--iw-font-head); font-weight: 700; font-size: 18px; letter-spacing: .02em; }
html body .footer-col a { color: var(--iw-bone); opacity: .82; }
html body .footer-col a:hover { color: var(--iw-rust-hi); opacity: 1; }
html body .footer-col a i { color: var(--iw-ash); }
html body .footer-logo span { font-family: var(--iw-font-stencil); font-size: 22px; letter-spacing: .03em; }
html body .footer-bottom {
  border-top: 1px solid rgba(0,0,0,.6);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.03);
  color: #7d7568;
  font-family: var(--iw-font-head);
  letter-spacing: .04em;
  font-size: 14px;
}
html body .socials a { color: var(--iw-bone); }
html body .socials a:hover { color: var(--iw-rust-hi); }

/* =====================================================================
   PRADŽIOS PUSLAPIS (index.html)
   ===================================================================== */
html body .hero {
  padding: 84px 20px 64px;
  background:
    radial-gradient(700px 320px at 50% 0, rgba(232,102,26,.18), transparent 70%),
    linear-gradient(180deg, rgba(0,0,0,.15), rgba(0,0,0,.55)),
    transparent;
  border-bottom: 0;
  overflow: hidden;
}
/* įspėjamoji juosta hero apačioje */
html body .hero::after {
  content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 12px;
  background: repeating-linear-gradient(-45deg, var(--iw-rust) 0 16px, #17130e 16px 32px);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.15);
}
html body .hero .tag {
  border-radius: 2px;
  background: rgba(0,0,0,.45);
  border: 1px solid var(--iw-seam);
  color: var(--iw-bone);
  font-family: var(--iw-font-head);
  font-weight: 600;
  font-size: 14px;
  letter-spacing: .03em;
}
/* trafaretinis užrašas, „purkštas“ per šabloną */
html body .hero h1 {
  font-family: var(--iw-font-stencil);
  font-weight: 400;
  font-size: clamp(54px, 11vw, 132px);
  line-height: .92;
  letter-spacing: .02em;
  margin: 26px 0 6px;
  color: var(--iw-bone);
  text-shadow:
    0 0 1px rgba(236,228,214,.6),
    0 0 18px rgba(232,102,26,.22),
    3px 4px 0 rgba(0,0,0,.55);
}
html body .hero h1 span { color: inherit; }
html body .hero h1 .tld {
  display: block;
  font-family: var(--iw-font-head);
  font-weight: 700;
  font-size: .2em;
  letter-spacing: .55em;
  margin: 10px 0 0 .55em;
  color: var(--iw-rust-hi);
  text-shadow: none;
}
html body .hero p { color: var(--iw-ash); font-size: 18px; max-width: 600px; }

html body .btn {
  border-radius: 0;
  clip-path: var(--iw-cut-sm);
  font-family: var(--iw-font-head);
  font-weight: 700;
  font-size: 17px;
  letter-spacing: .04em;
  padding: 13px 24px;
}
html body .btn-primary {
  background: linear-gradient(180deg, var(--iw-rust-hi), var(--iw-rust));
  color: #1a0d03;
  box-shadow: inset 0 -3px 0 rgba(0,0,0,.25);
}
html body .btn-primary:hover { filter: brightness(1.08); transform: none; }
html body .btn-ghost { background: rgba(0,0,0,.4); border-color: var(--iw-seam-hi); color: var(--iw-bone); clip-path: none; border-radius: 2px; }
html body .btn-ghost:hover { border-color: var(--iw-rust); color: var(--iw-rust-hi); }
html body .btn-discord:hover { transform: none; }
html body .connect-hint { color: #8a8274; }
html body .connect-hint code { background: rgba(0,0,0,.5); color: var(--iw-rust-hi); border-radius: 0; }

/* Gyvos būsenos lenta – viena ištisa plokštė su sekcijomis */
html body .status-strip { margin-top: 28px; }
html body .status-grid {
  gap: 0;
  background: linear-gradient(180deg, var(--iw-plate-2), var(--iw-plate));
  border: 1px solid var(--iw-seam);
  clip-path: var(--iw-cut);
  box-shadow: 0 14px 40px rgba(0,0,0,.5);
}
html body .stat {
  background: transparent;
  border: 0;
  border-right: 1px solid rgba(0,0,0,.45);
  box-shadow: inset -1px 0 0 rgba(255,255,255,.03);
  border-radius: 0;
  padding: 18px 22px;
}
html body .stat:last-child { border-right: 0; box-shadow: none; }
html body .stat .k {
  color: var(--iw-ash);
  font-family: var(--iw-font-head);
  font-size: 14px;
  font-weight: 600;
  text-transform: none;
  letter-spacing: .02em;
}
html body .stat .k i { color: var(--iw-rust); }
html body .stat .v {
  font-family: var(--iw-font-head);
  font-weight: 700;
  font-size: 34px;
  line-height: 1.1;
  color: var(--iw-bone);
}
html body .stat .v small { color: var(--iw-ash); font-family: var(--iw-font-head); }
html body .stat .s { color: #8a8274; }
html body .dot.on { background: var(--iw-moss); box-shadow: 0 0 10px rgba(143,174,90,.8); }
html body .dot.off { background: var(--iw-oxide); }
html body .bar { background: rgba(0,0,0,.5); border-radius: 0; height: 6px; }
html body .bar i { background: repeating-linear-gradient(-45deg, var(--iw-rust) 0 6px, var(--iw-rust-hi) 6px 12px); border-radius: 0; }

/* Sekcijos */
html body .section { padding-top: 72px; }
html body .section h2 { font-size: 34px; text-align: left; }
html body .section .lead { text-align: left; color: var(--iw-ash); max-width: 640px; }
html body .section > h2 { border-left: 5px solid var(--iw-rust); padding-left: 14px; }
html body .section > .lead { padding-left: 19px; }

html body .feature,
html body .step,
html body .about .card,
html body .faq-item,
html body .cmd {
  background: linear-gradient(180deg, var(--iw-plate-2), var(--iw-plate) 70%);
  border: 1px solid var(--iw-seam);
  border-radius: 0;
  clip-path: var(--iw-cut);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04);
}
html body .feature:hover { border-color: var(--iw-rust); transform: none; background: linear-gradient(180deg, #312b23, var(--iw-plate) 70%); }
html body .feature .ic {
  border-radius: 0;
  clip-path: var(--iw-cut-sm);
  background: rgba(232,102,26,.14);
  color: var(--iw-rust-hi);
}
html body .feature h3 { font-size: 21px; }
html body .feature p, html body .step p { color: var(--iw-ash); font-size: 15px; }
html body .feature .go { color: var(--iw-rust-hi); font-family: var(--iw-font-head); font-size: 15px; letter-spacing: .02em; }
html body .feature.big { background: linear-gradient(140deg, rgba(232,102,26,.16), var(--iw-plate) 55%); }
html body .feature.big ul { color: var(--iw-bone); font-size: 15px; }
html body .badge-new {
  border-radius: 0;
  background: var(--iw-rust);
  color: #1a0d03;
  font-family: var(--iw-font-head);
  font-size: 12px;
  letter-spacing: .04em;
}
html body .step .n {
  border-radius: 0;
  clip-path: var(--iw-cut-sm);
  background: var(--iw-rust);
  font-family: var(--iw-font-stencil);
  font-weight: 400;
  font-size: 20px;
  width: 38px; height: 38px;
}
html body .step h3 { font-size: 19px; }
html body .step code, html body .faq-answer code { background: rgba(0,0,0,.45); color: var(--iw-rust-hi); border-radius: 0; }
html body .step a, html body .faq-answer a { color: var(--iw-rust-hi); }
html body .cmd { clip-path: var(--iw-cut-sm); }
html body .cmd code { color: var(--iw-rust-hi); font-family: "Roboto Mono", Consolas, monospace; }
html body .cmd span { color: var(--iw-bone); }
html body .about .card { color: var(--iw-ash); }
html body .about .card h3 { color: var(--iw-bone); }
html body .community iframe { border-radius: 0; border: 1px solid var(--iw-seam); }
html body .community .txt h3 { font-size: 26px; }
html body .community .txt p { color: var(--iw-ash); }
html body .faq-item { clip-path: var(--iw-cut-sm); }
html body .faq-question { font-family: var(--iw-font-head); font-weight: 600; font-size: 18px; }
html body .faq-question::after { color: var(--iw-rust); }
html body .faq-item.active { border-color: var(--iw-seam-hi); }
html body .faq-answer { color: var(--iw-ash); }

@media (max-width: 960px) {
  html body .stat:nth-child(2) { border-right: 0; box-shadow: none; }
  html body .stat:nth-child(-n+2) { border-bottom: 1px solid rgba(0,0,0,.45); }
}
@media (max-width: 768px) {
  html body .hero { padding: 48px 16px 52px; }
  html body .header { height: auto; }
  html body .section h2 { font-size: 28px; }
}
@media (max-width: 480px) {
  html body .stat { border-right: 0; box-shadow: none; border-bottom: 1px solid rgba(0,0,0,.45); }
  html body .stat:last-child { border-bottom: 0; }
}

/* =====================================================================
   PASKYRŲ SUSIEJIMAS (link.html, .lk klasės)
   ===================================================================== */
html body .panel.lk { padding: 28px; }
html body .lk-title { font-family: var(--iw-font-head); font-size: 28px; font-weight: 700; }
html body .lk-title i { color: var(--iw-rust-hi); }
html body .lk-sub, html body .lk-hint, html body .lk-loading { color: var(--iw-ash); }
html body .lk-step,
html body .lk-pair .side {
  background: rgba(0,0,0,.3);
  border: 1px solid var(--iw-seam);
  border-radius: 0;
  clip-path: var(--iw-cut-sm);
}
html body .lk-step.done { border-color: rgba(143,174,90,.55); }
html body .lk-num {
  border-radius: 0; clip-path: var(--iw-cut-sm);
  background: var(--iw-seam); color: var(--iw-bone);
  font-family: var(--iw-font-head); font-size: 15px;
}
html body .lk-step.done .lk-num { background: var(--iw-moss); color: #12160b; }
html body .lk-head b { font-family: var(--iw-font-head); font-weight: 600; font-size: 17px; }
html body .lk-acc img, html body .lk-pair img { border-radius: 0; clip-path: var(--iw-cut-sm); }
html body .lk-code input { border-radius: 0; background: var(--iw-coal); border-color: var(--iw-seam); font-family: "Roboto Mono", Consolas, monospace; }
html body .lk-code input:focus { border-color: var(--iw-rust); }
html body .lk-code button { background: var(--iw-rust); color: #1a0d03; }
html body .lk-hint code { background: rgba(0,0,0,.45); color: var(--iw-rust-hi); border-radius: 0; }
html body .lk-err { border-radius: 0; border-left: 4px solid var(--iw-oxide); }
html body .lk-warn { border-radius: 0; border-left: 4px solid #d9a33a; }
html body .lk-confirm { background: var(--iw-moss) !important; color: #12160b !important; }
html body .lk-confirm:disabled { background: var(--iw-seam) !important; color: var(--iw-ash) !important; }
html body .lk-done .ok, html body .lk-pair .mid { color: var(--iw-moss); }
html body .lk-pair .lab { font-family: var(--iw-font-head); text-transform: none; letter-spacing: .02em; font-size: 13px; color: var(--iw-ash); }
html body .lk-unlink { border-color: var(--iw-oxide) !important; color: #f0a08a; }

/* =====================================================================
   BENDRI PUSLAPIŲ ELEMENTAI (taisyklės, wipe, atnaujinimai, paslaugos…)
   ===================================================================== */
/* puslapio antraštė */
html body .main > h2,
html body .main h2:first-child,
html body h2.title,
html body .wrapper > h2 {
  font-family: var(--iw-font-head);
  font-size: 36px;
  font-weight: 800;
  letter-spacing: .01em;
  color: var(--iw-bone);
}
/* mygtukai puslapiuose (ne navigacijoje) */
html body .panel button,
html body .card button,
html body .actions button,
html body .modal-box button,
html body .service button,
html body .filter-box button {
  border-radius: 0;
  clip-path: var(--iw-cut-sm);
  font-family: var(--iw-font-head);
  font-weight: 700;
  font-size: 16px;
  letter-spacing: .03em;
}
html body .panel .steam,
html body .steam { background: #1b2838; color: #dbe6f2; }
html body .lk-change { clip-path: none; font-family: var(--iw-font-body); font-size: 13px; }

/* =====================================================================
   BENDRA NAVIGACIJA (iw-nav.js) IR PORAŠTĖ
   ===================================================================== */
html body .dropdown.open .dropdown-content {
  display: block; opacity: 1; visibility: visible; transform: none; pointer-events: auto;
}
html body .dropdown-content a.sep { border-top: 1px solid var(--iw-seam); }
html body .dropdown-content a.active { color: var(--iw-rust-hi); box-shadow: inset 3px 0 0 var(--iw-rust); background: rgba(232,102,26,.06); }
html body .dropdown-content a.active i { color: var(--iw-rust-hi); }
html body .menu-btn { cursor: pointer; user-select: none; }

html body .site-footer { margin-top: 70px; }
html body .footer-content {
  max-width: 1100px; margin: 0 auto; padding: 34px 20px 28px;
  display: grid; grid-template-columns: 1.4fr 1.2fr 1fr; gap: 36px; text-align: left;
}
html body .footer-col h4 {
  margin: 0 0 12px; font-family: var(--iw-font-head); font-weight: 700; font-size: 16px;
  color: var(--iw-ash); letter-spacing: .02em;
}
html body .footer-logo { display: inline-flex; align-items: center; gap: 10px; text-decoration: none; }
html body .footer-logo img { height: 36px; width: auto; }
html body .footer-text { font-size: 14px; line-height: 1.6; margin: 10px 0 14px; color: var(--iw-ash); }
html body .footer-status { display: flex; align-items: center; gap: 8px; font-family: var(--iw-font-head); font-weight: 600; font-size: 15px; color: var(--iw-bone); }
html body .footer-status .dot { width: 9px; height: 9px; border-radius: 50%; background: #6b6457; flex: none; }
html body .footer-status .dot.on { background: var(--iw-moss); box-shadow: 0 0 8px rgba(143,174,90,.8); }
html body .footer-status .dot.off { background: var(--iw-oxide); }
html body .footer-connect { display: flex; margin-top: 10px; max-width: 400px; }
html body .footer-connect[hidden] { display: none; }
html body .footer-connect code {
  flex: 1; min-width: 0; padding: 8px 10px; background: rgba(0,0,0,.45); border: 1px solid var(--iw-seam); border-right: 0;
  color: var(--iw-rust-hi); font-family: "Roboto Mono", Consolas, monospace; font-size: 13px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
html body .footer-connect .copy {
  border: 1px solid var(--iw-seam); background: var(--iw-plate-2); color: var(--iw-bone); cursor: pointer;
  font-family: var(--iw-font-head); font-weight: 700; font-size: 14px; padding: 0 12px;
}
html body .footer-connect .copy:hover { border-color: var(--iw-rust); color: var(--iw-rust-hi); }
html body .footer-links ul { list-style: none; padding: 0; margin: 0; columns: 2; column-gap: 24px; }
html body .footer-links li { margin: 0 0 9px; break-inside: avoid; }
html body .footer-col a { text-decoration: none; color: var(--iw-bone); opacity: .85; font-size: 15px; }
html body .footer-col a:hover { color: var(--iw-rust-hi); opacity: 1; }
html body .footer-col a.active { color: var(--iw-rust-hi); opacity: 1; }
html body .footer-social .fbtn {
  display: flex; align-items: center; gap: 10px; margin-bottom: 8px; padding: 10px 14px;
  background: var(--iw-plate-2); border: 1px solid var(--iw-seam); border-radius: 2px; opacity: 1;
  font-family: var(--iw-font-head); font-weight: 700; font-size: 16px;
}
html body .footer-social .fbtn i { width: 20px; text-align: center; }
html body .footer-social .fbtn.discord { background: #5865f2; border-color: #5865f2; color: #fff; }
html body .footer-social .fbtn:hover { border-color: var(--iw-rust); color: var(--iw-bone); filter: brightness(1.08); }
html body .footer-social .fsmall { display: flex; gap: 18px; margin-top: 10px; }
html body .footer-social .fsmall a { font-size: 14px; color: var(--iw-ash); }
html body .footer-bottom {
  max-width: 1100px; margin: 0 auto; padding: 14px 20px; display: flex; justify-content: space-between; align-items: center; gap: 12px; flex-wrap: wrap;
  font-size: 13px; text-align: left; border-top: 1px solid rgba(0,0,0,.6);
}
html body .footer-bottom .host { display: inline-flex; align-items: center; gap: 8px; color: #7d7568; text-decoration: none; font-size: 13px; }
html body .footer-bottom .host img { height: 22px; width: auto; opacity: .85; }
html body .footer-bottom .host:hover img { opacity: 1; }
@media (max-width: 900px) {
  html body .footer-content { grid-template-columns: 1fr 1fr; }
  html body .footer-brand { grid-column: 1 / -1; }
}
@media (max-width: 560px) {
  html body .footer-content { grid-template-columns: 1fr; gap: 26px; }
  html body .footer-bottom { justify-content: center; text-align: center; }
}

/* Pradžios puslapyje „Paremti projektą“ stovi dešinėje (vietoj meniu) */
html body .header > .support-btn { margin-left: 0; padding: 9px 18px; font-size: 15px; }

/* =====================================================================
   BENDRAS PUSLAPIO KARKASAS (body.iw-page): taisyklės, wipe, atnaujinimai, admin veiksmai
   ===================================================================== */
body.iw-page { margin: 0; min-height: 100vh; display: flex; flex-direction: column; }
body.iw-page *, body.iw-page *::before, body.iw-page *::after { box-sizing: border-box; }
body.iw-page a { color: inherit; }
body.iw-page .header {
  position: sticky; top: 0; z-index: 1000;
  display: flex; align-items: center; justify-content: space-between; gap: 16px;
  padding: 0 20px;
}
body.iw-page .logo { display: flex; align-items: center; gap: 12px; min-width: 0; }
body.iw-page .logo img { height: 40px; width: auto; }
body.iw-page .logo span { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
body.iw-page .support-btn { display: inline-flex; align-items: center; gap: 8px; padding: 7px 14px; text-decoration: none; font-size: 14px; white-space: nowrap; }
body.iw-page .dropdown { position: relative; }
body.iw-page .menu-btn { display: inline-block; text-decoration: none; }
body.iw-page .dropdown-content {
  position: absolute; right: 0; top: calc(100% + 6px); z-index: 1001;
  opacity: 0; visibility: hidden; transform: translateY(6px); pointer-events: none; transition: .15s ease;
}
body.iw-page .dropdown:hover .dropdown-content,
body.iw-page .dropdown.open .dropdown-content { opacity: 1; visibility: visible; transform: none; pointer-events: auto; }
body.iw-page .dropdown-content a { display: block; padding: 10px 14px; text-decoration: none; }
body.iw-page .dropdown-content a i { margin-right: 8px; }

body.iw-page .page-head {
  position: relative;
  padding: 46px 20px 40px;
  background:
    radial-gradient(600px 220px at 20% 0, rgba(232,102,26,.14), transparent 70%),
    linear-gradient(180deg, rgba(0,0,0,.1), rgba(0,0,0,.45));
}
body.iw-page .page-head::after {
  content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 8px;
  background: repeating-linear-gradient(-45deg, var(--iw-rust) 0 14px, #17130e 14px 28px);
  opacity: .9;
}
body.iw-page .wrap { width: 100%; max-width: 1100px; margin: 0 auto; }
body.iw-page .page-head h1 {
  margin: 0; font-family: var(--iw-font-stencil); font-weight: 400;
  font-size: clamp(38px, 6vw, 64px); line-height: 1; letter-spacing: .02em; color: var(--iw-bone);
}
body.iw-page .page-head p { margin: 10px 0 0; color: var(--iw-ash); font-size: 17px; max-width: 640px; }
body.iw-page .page-body { flex: 1; padding: 30px 20px 10px; }
body.iw-page .plate {
  background: linear-gradient(180deg, var(--iw-plate-2), var(--iw-plate) 60%);
  border: 1px solid var(--iw-seam); border-radius: 2px;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04);
  padding: 20px 22px;
}
body.iw-page .muted { color: var(--iw-ash); }
body.iw-page .notice {
  display: flex; gap: 10px; align-items: flex-start;
  padding: 12px 16px; margin-bottom: 18px;
  background: rgba(178,58,31,.12); border: 1px solid rgba(178,58,31,.45); border-left: 4px solid var(--iw-oxide); border-radius: 2px;
}
body.iw-page .notice i { color: #f0745a; margin-top: 3px; }
body.iw-page .seg { display: inline-flex; border: 1px solid var(--iw-seam); background: rgba(0,0,0,.35); padding: 3px; gap: 3px; border-radius: 2px; flex-wrap: wrap; }
body.iw-page .seg button {
  appearance: none; border: 0; cursor: pointer; padding: 7px 14px; border-radius: 2px;
  background: transparent; color: var(--iw-ash); font-family: var(--iw-font-head); font-weight: 700; font-size: 15px;
}
body.iw-page .seg button:hover { color: var(--iw-bone); background: var(--iw-plate-2); }
body.iw-page .seg button.on { background: var(--iw-rust); color: #1a0d03; }
body.iw-page .seg button b { font-variant-numeric: tabular-nums; opacity: .75; margin-left: 4px; font-weight: 600; }
body.iw-page .pager { display: flex; gap: 6px; justify-content: center; flex-wrap: wrap; margin: 22px 0 6px; }
body.iw-page .pager button {
  min-width: 38px; height: 36px; padding: 0 10px; cursor: pointer; border-radius: 2px;
  background: var(--iw-plate-2); color: var(--iw-bone); border: 1px solid var(--iw-seam);
  font-family: var(--iw-font-head); font-weight: 700; font-size: 15px;
}
body.iw-page .pager button:hover { border-color: var(--iw-rust); color: var(--iw-rust-hi); }
body.iw-page .pager button.on { background: var(--iw-rust); border-color: var(--iw-rust); color: #1a0d03; }
body.iw-page .pager button:disabled { opacity: .4; cursor: default; }
body.iw-page .pager .gap { align-self: center; color: var(--iw-ash); padding: 0 2px; }
body.iw-page .state-msg { padding: 30px 20px; text-align: center; color: var(--iw-ash); }
body.iw-page .state-msg i { display: block; font-size: 26px; margin-bottom: 8px; color: var(--iw-seam-hi); }
body.iw-page code { background: rgba(0,0,0,.45); color: var(--iw-rust-hi); padding: 1px 6px; border-radius: 2px; font-family: "Roboto Mono", Consolas, monospace; font-size: .92em; }

@media (max-width: 768px) {
  body.iw-page .header { position: static; flex-wrap: wrap; justify-content: center; padding: 10px 14px; height: auto; }
  body.iw-page .logo { justify-content: center; flex-wrap: wrap; text-align: center; }
  body.iw-page .logo span { white-space: normal; }
  body.iw-page .dropdown-content { left: 50%; right: auto; transform: translate(-50%, 6px); }
  body.iw-page .dropdown:hover .dropdown-content,
  body.iw-page .dropdown.open .dropdown-content { transform: translate(-50%, 0); }
  body.iw-page .page-head { padding: 30px 16px 30px; }
  body.iw-page .page-body { padding: 22px 16px 6px; }
}

/* =====================================================================
   WIPE TVARKARAŠTIS (wipe.html)
   ===================================================================== */
html body .iw-wipe { display: grid; gap: 14px; }
html body .iw-wipe .card { margin: 0; padding: 22px 24px; text-align: left; }
html body .iw-wipe-next { display: grid; grid-template-columns: auto 1fr; gap: 4px 28px; align-items: end; }
html body .iw-wipe-k { grid-column: 1 / -1; color: var(--iw-ash); font-family: var(--iw-font-head); font-weight: 600; font-size: 17px; }
html body .iw-wipe-count { font-family: var(--iw-font-stencil); font-size: clamp(36px, 6vw, 58px); line-height: 1; color: var(--iw-rust-hi); }
html body .iw-wipe-date { color: var(--iw-bone); font-size: 17px; padding-bottom: 6px; }
html body .iw-wipe-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
html body .iw-wipe-card h3 { margin: 0; font-size: 24px; }
html body .iw-wipe-sub { color: var(--iw-ash); font-size: 15px; margin: 2px 0 14px; }
html body .iw-wipe-card dl { margin: 0; display: grid; grid-template-columns: 90px 1fr; gap: 10px 14px; padding-top: 14px; border-top: 1px solid rgba(0,0,0,.45); }
html body .iw-wipe-card dt { color: var(--iw-ash); font-family: var(--iw-font-head); font-weight: 600; font-size: 15px; }
html body .iw-wipe-card dd { margin: 0; color: var(--iw-bone); font-size: 16px; }
html body .iw-wipe-card dd span { display: block; color: var(--iw-ash); font-size: 14px; margin-top: 2px; }
html body .iw-wipe-note { color: #8a8274; font-size: 13px; margin: 0; }
@media (max-width: 700px) {
  html body .iw-wipe-grid { grid-template-columns: 1fr; }
  html body .iw-wipe-next { grid-template-columns: 1fr; }
}

/* Bendras turinio plotis puslapiuose su skaitomu tekstu (vienodas kairysis kraštas su antrašte) */
body.iw-page .narrow { max-width: 860px; }
body.iw-page .seg:empty { display: none; }
body.iw-page .footer-content, body.iw-page .footer-bottom { max-width: 1140px; }

/* Žemėlapio plytelė pradžios puslapyje */
html body .map-row { display: flex; align-items: baseline; gap: 12px; flex-wrap: wrap; }
html body .map-size { margin-left: 5px; font-family: var(--iw-font-head); font-weight: 700; font-size: 14px; color: var(--iw-rust-hi); letter-spacing: .02em; white-space: nowrap; }
html body .map-size[hidden] { display: none; }
html body .stat .v { font-size: clamp(24px, 2.4vw, 32px); }
html body .stat-map { position: relative; overflow: hidden; }
html body .stat-map .map-bg {
  position: absolute; inset: 0; width: 100%; height: 100%;
  object-fit: cover; object-position: center; transform: scale(1.5);
  opacity: .75; pointer-events: none;
}
html body .stat-map.has-map::before {
  content: ""; position: absolute; inset: 0; z-index: 1; pointer-events: none;
  background: linear-gradient(90deg, rgba(27,24,20,.9) 0%, rgba(27,24,20,.5) 55%, rgba(27,24,20,.05) 100%);
}
html body .stat-map > :not(.map-bg) { position: relative; z-index: 2; }
html body .map-open {
  margin-top: 8px; display: inline-flex; align-items: center; gap: 6px; cursor: pointer;
  padding: 5px 10px; border-radius: 2px; border: 1px solid var(--iw-seam-hi); background: rgba(0,0,0,.45); color: var(--iw-bone);
  font-family: var(--iw-font-head); font-weight: 700; font-size: 13px;
}
html body .map-open:hover { border-color: var(--iw-rust); color: var(--iw-rust-hi); }
html body .map-lb { position: fixed; inset: 0; z-index: 3000; background: rgba(8,7,6,.92); display: flex; align-items: center; justify-content: center; padding: 24px; cursor: zoom-out; }
html body .map-lb[hidden] { display: none; }
html body .map-lb img { max-width: min(92vw, 92vh); max-height: 92vh; border: 1px solid var(--iw-seam); box-shadow: 0 20px 60px rgba(0,0,0,.6); cursor: default; }
html body .map-lb-x { position: absolute; top: 14px; right: 18px; width: 42px; height: 42px; border: 1px solid var(--iw-seam); border-radius: 2px; background: var(--iw-plate-2); color: var(--iw-bone); font-size: 26px; line-height: 1; cursor: pointer; }
html body .map-lb-x:hover { border-color: var(--iw-rust); color: var(--iw-rust-hi); }

@media (prefers-reduced-motion: reduce) {
  html body * { transition: none !important; animation: none !important; }
}