/* ============================================================
   Dziedzice Gromu - theme override (dark / metallic / gold / storm)
   Loaded after css/style.css. Intent: rebrand the visible layer
   only; layout selectors from style.css are preserved.
   ============================================================ */

:root{
  --dg-bg:#0d0f14;
  --dg-bg-2:#15181f;
  --dg-panel:#1b1f29;
  --dg-panel-2:#232834;
  --dg-line:#2c323f;
  --dg-gold:#d4af37;
  --dg-gold-2:#f4d98a;
  --dg-gold-soft:rgba(212,175,55,.14);
  --dg-storm:#4a6fa5;
  --dg-text:#e9e6df;
  --dg-text-dim:#9aa0ac;
}

/* ---------- Base ---------- */
html, body{ background:var(--dg-bg); }
body{
  color:var(--dg-text);
  font-family:"Segoe UI", Arial, Helvetica, sans-serif;
  background:
    radial-gradient(1200px 600px at 50% -12%, rgba(74,111,165,.20), transparent 60%),
    radial-gradient(900px 520px at 82% 0%, rgba(212,175,55,.08), transparent 55%),
    linear-gradient(180deg,#0b0d12 0%, #0d0f14 42%, #0a0c10 100%);
  background-attachment:fixed;
}
/* faint thunder / lightning sheen across the viewport */
body:before{
  content:"";
  display:block;
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:0;
  opacity:.55;
  background:linear-gradient(115deg,
     transparent 0 47%,
     rgba(212,175,55,.06) 48%,
     rgba(244,217,138,.16) 50%,
     rgba(212,175,55,.06) 52%,
     transparent 53% 100%);
}

a{ color:var(--dg-gold); }
a:hover, a:visited:hover{ color:var(--dg-gold-2); text-decoration:none; }
h2, h3, h4, h5{ color:var(--dg-text); font-family:Georgia,"Times New Roman",serif; }
h2{ color:var(--dg-gold-2); text-shadow:0 0 22px rgba(212,175,55,.25); }

/* ---------- Header / logo ---------- */
.main-hd{
  position:relative; z-index:2;
  border-bottom:1px solid var(--dg-line);
  background:linear-gradient(180deg, rgba(22,26,34,.96), rgba(13,15,20,.96));
  box-shadow:0 2px 26px rgba(0,0,0,.6);
}
.main-hd .page-width{
  min-height:120px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:14px 20px;
}
.main-hd h1{
  position:static !important;
  left:auto; top:auto;
  width:auto; height:auto;
  background:none !important;
}
.main-hd h1 a.hide-txt{
  text-indent:0 !important;
  overflow:visible !important;
  display:inline-flex;
  align-items:center;
  gap:12px;
  font-family:Georgia,"Times New Roman",serif;
  font-weight:700;
  font-size:30px;
  letter-spacing:1px;
  background:linear-gradient(180deg,#f6e3a6,#d4af37 55%,#9b7d23);
  -webkit-background-clip:text;
          background-clip:text;
  -webkit-text-fill-color:transparent;
  text-shadow:none;
  filter:drop-shadow(0 0 18px rgba(212,175,55,.35));
}
.main-hd h1 a.hide-txt:before{
  content:"";
  width:34px; height:34px;
  display:inline-block;
  flex:0 0 auto;
  background:var(--dg-gold);
  -webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M13 2L4 14h6l-1 8 9-12h-6z' fill='black'/></svg>") center/contain no-repeat;
          mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M13 2L4 14h6l-1 8 9-12h-6z' fill='black'/></svg>") center/contain no-repeat;
  filter:drop-shadow(0 0 6px rgba(212,175,55,.6));
}

/* ---------- Navigation ---------- */
.main-hd .main{ position:static; width:auto; font-size:18px; }
.main-hd .main a{
  color:var(--dg-text);
  font-family:Georgia,serif;
}
.main-hd .main a:hover{
  color:var(--dg-gold-2);
  text-shadow:0 0 10px rgba(212,175,55,.45);
}
.main-hd .menu-item{ margin-left:22px; }
.main-hd .sub-menu{
  background:linear-gradient(180deg,var(--dg-panel-2),var(--dg-panel)) !important;
  border:1px solid var(--dg-line) !important;
  border-radius:6px;
  box-shadow:0 12px 30px rgba(0,0,0,.6);
  padding:6px 0;
}
.main-hd .sub-menu a{ color:var(--dg-text-dim) !important; }
.main-hd .sub-menu a:hover{
  color:var(--dg-gold-2) !important;
  background:var(--dg-gold-soft);
}
.main-hd .external{
  position:static !important;
  left:auto; height:auto; width:auto;
  display:flex; gap:14px; align-items:center;
}
.main-hd .external a{
  color:var(--dg-gold) !important;
  text-transform:uppercase;
  font:normal 12px Georgia,"Times New Roman",serif;
  background:none !important;
  padding:6px 4px;
}
.main-hd .external a:hover{ color:var(--dg-gold-2) !important; background:none !important; }

/* ---------- Content / panels ---------- */
#content{ position:relative; z-index:1; }
.article .mt2cms2-c{
  background:linear-gradient(180deg,var(--dg-panel),var(--dg-bg-2)) !important;
  min-height:auto !important;
  border:1px solid var(--dg-line);
  border-radius:10px;
  margin-top:18px;
  box-shadow:0 20px 60px rgba(0,0,0,.5);
}
.article .mt2cms2-c-l .bd-c{ margin-right:20px; padding:10px; }
.article .mt2cms2-c-s .bd-c{ margin-left:0; }

/* ---------- Widgets / sidebar ---------- */
.widget .bd{
  background:var(--dg-panel) !important;
  border:1px solid var(--dg-line) !important;
  border-radius:8px;
  box-shadow:none !important;
}
.widget-container .widget .bd h4{ color:var(--dg-gold-2); }
.widget-container .bd p{ color:var(--dg-text); }
.widget-container .bd .more{ color:var(--dg-gold) !important; }

/* ---------- Footer ---------- */
.footer-nav{
  background:linear-gradient(180deg,var(--dg-bg-2),#08090c) !important;
  margin-top:40px;
  border-top:2px solid var(--dg-gold);
}
.footer-nav:before{ display:none !important; }
.footer-nav .page-padding{ min-height:auto !important; padding:30px 20px; }
.footer a, .footer p{ color:var(--dg-text-dim); }
.copyright{ color:var(--dg-text-dim); }
.footer-nav .social a{ background-color:var(--dg-panel) !important; border:1px solid var(--dg-line); }

/* ---------- Buttons ---------- */
.btn, .btn-primary{
  background:linear-gradient(180deg,#d4af37,#9b7d23);
  border:1px solid #7c6320;
  color:#1a1407;
  font-weight:700;
  text-shadow:0 1px 0 rgba(255,255,255,.2);
}
.btn:hover, .btn-primary:hover,
.btn:focus, .btn-primary:focus{
  background:linear-gradient(180deg,#f4d98a,#c9a12f);
  color:#1a1407;
}
.btn-primary table td{ background:#d4af37 !important; color:#1a1407 !important; }

/* ---------- Forms ---------- */
.form-control{
  background:var(--dg-panel);
  border:1px solid var(--dg-line);
  color:var(--dg-text);
}
.form-control:focus{
  border-color:var(--dg-gold);
  box-shadow:0 0 0 2px var(--dg-gold-soft);
}

/* ---------- Tables ---------- */
.table, .standard-table, .leaderboard-table{
  color:var(--dg-text);
  background:var(--dg-panel);
}
.table th, .table td,
.standard-table th, .standard-table td,
.leaderboard-table th, .leaderboard-table td{
  border-color:var(--dg-line) !important;
  color:var(--dg-text);
}
.standard-table thead td, .standard-table tbody th{
  background:var(--dg-panel-2) !important;
  color:var(--dg-gold-2) !important;
}
.leaderboard-table th{
  background:#11141b !important;
  color:var(--dg-gold-2) !important;
}
.leaderboard-table tbody tr:nth-child(2n){ background:#161a22 !important; }

/* ---------- Alerts ---------- */
.alert{ background:var(--dg-panel); border:1px solid var(--dg-line); color:var(--dg-text); }
.alert-success{ border-color:#3c6e47; color:#bfe9c9; }
.alert-danger{ border-color:#7a2f2f; color:#f0b9b9; }
.alert-info{ border-color:var(--dg-storm); color:#cfe0f5; }

/* ---------- Pagination ---------- */
.wp-pagenavi{ background:none !important; }
.wp-pagenavi a, .wp-pagenavi .current{
  color:var(--dg-gold) !important;
  background:var(--dg-panel) !important;
  border:1px solid var(--dg-line) !important;
  border-radius:4px;
}
.wp-pagenavi .current{ background:var(--dg-gold) !important; color:#1a1407 !important; }

/* ---------- Misc structural bits ---------- */
hr{
  background:linear-gradient(90deg,transparent,var(--dg-gold-soft),transparent) !important;
  height:1px !important;
  border:0;
}
.panel, .card{
  background:var(--dg-panel);
  border:1px solid var(--dg-line);
}
.list-group-item{
  background:var(--dg-panel);
  border:1px solid var(--dg-line);
  color:var(--dg-text);
}
.list-group-item.active{
  background:linear-gradient(180deg,var(--dg-panel-2),var(--dg-panel));
  color:var(--dg-gold-2);
  border-color:var(--dg-gold);
}
.breadcrumbs a, .breadcrumbs .trail-end{ color:var(--dg-gold); }
.nav-tabs>li>a{ color:var(--dg-text); }
.nav-tabs>li.active>a{ color:var(--dg-gold-2); border-color:var(--dg-line) var(--dg-line) transparent; background:var(--dg-panel); }

/* Page titles */
.page-hd h2, .article .page-hd h2{ color:var(--dg-gold-2); }

/* Subtle gold focus ring for accessibility on dark bg */
a:focus, button:focus, .form-control:focus, .btn:focus{
  outline:2px solid var(--dg-gold-soft);
}