/* =========================================================
   r1a-custom.css
   R1A – CLEAN PACK (bez duplikatów / bez gryzienia się reguł)
   vBulletin 4.2.5 – Header ID Card + Postbit + NAVBAR (2 belki)
   Twoja struktura NAVBAR: #navbar > ul#navtabs > ul.floatcontainer
   ========================================================= */

/* =========================
   0) RESET + tło strony
   ========================= */
html, body, #vbulletin_html{
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  outline: 0 !important;
}
body{ background-color: #000 !important; }
.above_body{
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  overflow: visible !important;
  background: transparent !important;
}

/* =========================
   0.5) PALETA / ZMIENNE
   ========================= */
#vbulletin_html{
  --r1a-bar-top: rgba(18,22,24,.94);
  --r1a-bar-bot: rgba(0,0,0,.92);

  --r1a-bar2-top: rgba(14,16,18,.90);
  --r1a-bar2-bot: rgba(0,0,0,.70);

  --r1a-border: rgba(255,255,255,.10);
  --r1a-border-2: rgba(255,255,255,.06);

  --r1a-accent: rgba(110,255,170,.18);
  --r1a-accent-strong: rgba(110,255,170,.28);

  --r1a-text: #eaf6ff;
  --r1a-muted: rgba(234,246,255,.78);

  /* NAV spacing */
  --r1a-navpad: 10px;
  --r1a-tab-h: 32px;
  --r1a-search-w: 260px;

  /* dystans po navbarze (u Ciebie sprawdziło się 38px) */
  --r1a-after-navbar-space: 38px;
}

/* =========================
   A) HEADER / LOGO / TOPLINKS
   ========================= */
#header,
#header.floatcontainer,
#header.doc_header,
#header.floatcontainer.doc_header{
  padding: 18px 22px 18px 12px !important;
  height: auto !important;
  min-height: 0 !important;
  overflow: visible !important;

  border: 0 !important;
  box-shadow: none !important;

  position: relative !important;
  z-index: 10 !important;

  background-color: #000 !important; /* baza */
}

/* overlay bannera – jedna definicja */
#header::before,
#header.doc_header::before{
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  top: -2px !important;     /* przykrywa 1px pasek u góry */
  bottom: 0 !important;
  pointer-events: none !important;
  z-index: 1 !important;

  background:
    radial-gradient(900px 420px at 18% 40%,
      rgba(120, 220, 255, .10) 0%,
      rgba(0, 0, 0, 0) 62%
    ),
    radial-gradient(850px 380px at 82% 38%,
      rgba(110, 255, 170, .07) 0%,
      rgba(0, 0, 0, 0) 65%
    ),
    linear-gradient(180deg,
      rgba(40, 50, 60, .45) 0%,
      rgba(0, 0, 0, .78) 55%,
      rgba(0, 0, 0, .92) 100%
    ),
    repeating-linear-gradient(135deg,
      rgba(255,255,255,.012) 0px,
      rgba(255,255,255,.012) 1px,
      rgba(0,0,0,0) 2px,
      rgba(0,0,0,0) 7px
    ) !important;
}

/* wszystko w headerze ponad overlayem */
#header .r1a-headerbar,
#header .ad_global_header{
  position: relative !important;
  z-index: 2 !important;
}

/* headerbar jako flex */
#header .r1a-headerbar{
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 16px !important;
  flex-wrap: nowrap !important;
}

/* logo */
#header a.logo-image{
  display: inline-block !important;
  line-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}
#header a.logo-image img{
  display: block !important;
  max-height: 90px !important;
  width: auto !important;
  height: auto !important;
  max-width: 520px !important;
}
#header .r1a-logo{ margin-left: -8px !important; }

/* toplinks – bez absolutów z motywu */
#toplinks.toplinks{
  position: static !important;
  top: auto !important; right: auto !important; left: auto !important; bottom: auto !important;

  float: none !important;
  height: auto !important;
  overflow: visible !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* wyczyść stare listy */
#toplinks ul.isuser,
#toplinks ul.nouser{
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

/* HR w headerze OFF */
#header hr{
  display: none !important;
  height: 0 !important;
  border: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* =========================
   B) ID CARD – wspólna baza (gość + zalogowany)
   ========================= */
#toplinks .r1a-idcard{
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;

  padding: 12px 14px !important;
  border-radius: 16px !important;

  border: 1px solid rgba(255,255,255,.10) !important;
  background: rgba(0,0,0,.20) !important;

  -webkit-backdrop-filter: blur(7px) !important;
  backdrop-filter: blur(7px) !important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.05),
    0 10px 24px rgba(0,0,0,.22) !important;

  max-width: 560px !important;
}

/* wyrównanie: zalogowany centralnie, gość do prawej */
#toplinks .r1a-idcard:not(.r1a-idcard-guest){ align-items: center !important; }
#toplinks .r1a-idcard.r1a-idcard-guest{ align-items: flex-end !important; }

/* avatar */
#toplinks .r1a-idcard > img,
#toplinks .r1a-id-avatar img{
  border-radius: 12px !important;
  display: block !important;
  border: 1px solid rgba(255,255,255,.18) !important;
  box-shadow: 0 10px 26px rgba(0,0,0,.35) !important;
}

/* nick */
#toplinks .r1a-id-name{
  line-height: 1.1 !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  white-space: nowrap !important;
}
#toplinks .r1a-id-name a{
  color: #eaf6ff !important;
  text-decoration: none !important;
  text-shadow: 0 2px 10px rgba(0,0,0,.65) !important;
}
#toplinks .r1a-id-name a:hover{ text-decoration: underline !important; }

/* kapsuła buttonów */
#toplinks .r1a-id-actions{
  display: inline-flex !important;
  width: auto !important;
  align-self: center !important;

  margin: 0 !important;
  padding: 10px 12px !important;
  list-style: none !important;

  border-radius: 16px !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  background: rgba(0,0,0,.18) !important;

  box-shadow: inset 0 1px 0 rgba(255,255,255,.04) !important;

  flex-wrap: wrap !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 7px !important;
}
#toplinks .r1a-id-actions li{ margin: 0 !important; padding: 0 !important; }

/* button base */
#toplinks .r1a-id-btn{
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;

  padding: 4px 9px !important;
  border-radius: 9px !important;

  border: 1px solid rgba(255,255,255,.12) !important;
  background: rgba(0,0,0,.16) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04) !important;

  color: #eaf6ff !important;
  text-decoration: none !important;

  font-size: 12px !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
}
#toplinks .r1a-id-btn:hover{ filter: brightness(1.10); }
#toplinks .r1a-id-btn:active{ transform: translateY(1px); }

/* ikonki */
#toplinks .r1a-id-btn::before{ content:"•"; opacity:.9; }
#toplinks .r1a-btn-cp::before{ content:"⚙️"; }
#toplinks .r1a-btn-profile::before{ content:"👤"; }
#toplinks .r1a-btn-pm::before{ content:"✉️"; }
#toplinks .r1a-btn-notify::before{ content:"🔔"; }
#toplinks .r1a-btn-modcp::before{ content:"🛡️"; }
#toplinks .r1a-btn-acp::before{ content:"🔑"; }
#toplinks .r1a-btn-logout::before{ content:"🚪"; }
#toplinks .r1a-btn-register::before{ content:"📝"; }
#toplinks .r1a-btn-faq::before{ content:"❓"; }

/* logout */
#toplinks .r1a-btn-logout{
  background: rgba(220,90,90,.14) !important;
  border-color: rgba(220,90,90,.24) !important;
}

/* badge */
#toplinks .notifications-number{
  margin-left: 2px !important;
  padding: 0 6px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255,255,255,.14) !important;
  background: rgba(0,0,0,.22) !important;
}

/* dropdown powiadomień */
#toplinks .popupmenu{ position: relative !important; }
#toplinks .popupmenu .popupbody{
  min-width: 260px !important;
  max-width: 360px !important;
  background: #1f1f1f !important;
  border: 1px solid rgba(255,255,255,.14) !important;
  border-radius: 10px !important;
  box-shadow: 0 12px 30px rgba(0,0,0,.70) !important;
  padding: 6px 0 !important;
  z-index: 9999 !important;
}
#toplinks .popupmenu .popupbody a{
  display: block !important;
  padding: 7px 12px !important;
  color: #eaf6ff !important;
  text-decoration: none !important;
  font-size: 12px !important;
}
#toplinks .popupmenu .popupbody li:hover a{ background: rgba(255,255,255,.08) !important; }

/* =========================
   B3) NAVBAR – 2 BELKI
   Twoja struktura: #navbar > ul#navtabs > ul.floatcontainer
   + #globalsearch jako sibling ul#navtabs
   ========================= */

/* NAVBAR ma być spójny z resztą strony (bez 980px / bez centrowania narzuconego przez CSS) */
html body #navbar,
html body #navbar.navbar,
html body .navbar,
html body .navtabset{
  position: relative !important;
  overflow: visible !important;
  height: auto !important;
  min-height: 0 !important;

  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;

  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;

  border: 0 !important;
  padding: 0 !important;

  z-index: 80 !important;
}

/* zabij theme-bg obrazki (niebieskie gradienty) w obrębie navbara */
html body #navbar *{
  background-image: none !important;
}

/* GLOBALSEARCH – zawsze w środku navbara i bez wyjeżdżania w prawo */
html body #navbar #globalsearch,
html body #navbar .globalsearch{
  position: absolute !important;
  right: var(--r1a-navpad) !important;
  bottom: 0 !important;
  top: auto !important;
  left: auto !important;

  width: var(--r1a-search-w) !important;
  max-width: calc(100% - (var(--r1a-navpad) * 2)) !important;

  margin: 0 !important;
  padding: 6px 0 7px !important;

  display: flex !important;
  flex-direction: column !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 2px !important;

  box-sizing: border-box !important;
  z-index: 200 !important;
  background: transparent !important;
}

/* układ formularza */
html body #navbar #globalsearch form{
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;

  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 6px !important;
}

/* input nie może wypychać strony */
html body #navbar #globalsearch input.textbox,
html body #navbar #globalsearch input[type="text"]{
  width: 190px !important;
  max-width: 100% !important;
  height: 22px !important;
  line-height: 22px !important;
  margin: 0 !important;
  box-sizing: border-box !important;
}
html body #navbar #globalsearch input.button,
html body #navbar #globalsearch input[type="submit"],
html body #navbar #globalsearch button{
  height: 22px !important;
  line-height: 22px !important;
  margin: 0 !important;
}
html body #navbar #globalsearch a{
  display: inline-block !important;
  white-space: nowrap !important;
  font-size: 11px !important;
  line-height: 1.1 !important;
  opacity: .85 !important;
}

/* BELKA 1: ul#navtabs – flex, bez skoków aktywnej zakładki */
html body #navbar > ul#navtabs.navtabs.floatcontainer,
html body #navbar ul#navtabs.navtabs.floatcontainer{
  list-style: none !important;

  margin: 0 !important;
  padding: 6px var(--r1a-navpad) 0 !important;
  box-sizing: border-box !important;

  display: flex !important;
  flex-wrap: wrap !important;           /* potrzebne, bo BELKA 2 jest itemem 100% */
  align-items: flex-start !important;   /* klucz: tab “selected” nie opada 1px */
  gap: 6px !important;

  background: linear-gradient(180deg, var(--r1a-bar-top), var(--r1a-bar-bot)) !important;
  border-top: 1px solid var(--r1a-accent) !important;

  overflow: visible !important;
  height: auto !important;
  position: relative !important;
  z-index: 100 !important;

  /* rezerwa na wyszukiwarkę (żeby taby nie wchodziły pod nią) */
  padding-right: calc(var(--r1a-navpad) + var(--r1a-search-w) + 10px) !important;
}

/* TABY (Forum/Articles) */
html body #navbar > ul#navtabs > li,
html body #navbar ul#navtabs > li{
  flex: 0 0 auto !important;
  width: auto !important;

  float: none !important;
  display: flex !important;
  align-items: flex-start !important;

  margin: 0 !important;
  padding: 0 !important;

  position: relative !important;
  top: 0 !important;

  background: transparent !important;
  border: 0 !important;
  transform: none !important;
}

/* link taba – identyczna wysokość zawsze */
html body #navbar > ul#navtabs > li > a.navtab,
html body #navbar ul#navtabs > li > a.navtab{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  height: var(--r1a-tab-h) !important;
  line-height: var(--r1a-tab-h) !important;
  padding: 0 12px !important;

  border-radius: 10px !important;
  border: 1px solid var(--r1a-border) !important;

  background: rgba(0,0,0,.20) !important;
  color: var(--r1a-muted) !important;
  text-decoration: none !important;
  font-weight: 800 !important;
  white-space: nowrap !important;

  box-shadow: inset 0 1px 0 rgba(255,255,255,.04) !important;

  margin: 0 !important;
  position: relative !important;
  top: 0 !important;
  transform: none !important;
}

/* aktywny tab – tylko podświetlenie (zero przesunięć) */
html body #navbar > ul#navtabs > li.selected,
html body #navbar ul#navtabs > li.selected{
  top: 0 !important;
  margin: 0 !important;
  transform: none !important;
}
html body #navbar > ul#navtabs > li.selected > a.navtab,
html body #navbar ul#navtabs > li.selected > a.navtab{
  color: var(--r1a-text) !important;
  background: linear-gradient(180deg, rgba(110,255,170,.14), rgba(0,0,0,.30)) !important;
  border-color: var(--r1a-accent-strong) !important;
}

/* BELKA 2: zagnieżdżony ul.floatcontainer (Nowe posty/PW/FAQ/...) */
html body #navbar > ul#navtabs.navtabs.floatcontainer > ul.floatcontainer,
html body #navbar ul#navtabs.navtabs.floatcontainer > ul.floatcontainer{
  flex: 0 0 100% !important;
  width: 100% !important;

  /* wyciągamy na pełną szerokość (kasujemy padding belki 1 po bokach) */
  margin: 6px calc(-1 * var(--r1a-navpad)) 0 !important;
  padding: 6px var(--r1a-navpad) 7px !important;
  box-sizing: border-box !important;

  list-style: none !important;

  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 14px !important;

  background: linear-gradient(180deg, var(--r1a-bar2-top), var(--r1a-bar2-bot)) !important;
  border-top: 1px solid var(--r1a-border-2) !important;
  border-bottom: 1px solid rgba(0,0,0,.75) !important;

  overflow: visible !important;
  height: auto !important;
  min-height: 28px !important;

  position: relative !important;
  z-index: 90 !important;

  /* rezerwa na wyszukiwarkę po PRAWEJ (żeby linki nie wchodziły pod nią) */
  padding-right: calc(var(--r1a-navpad) + var(--r1a-search-w) + 10px) !important;
}

html body #navbar > ul#navtabs > ul.floatcontainer > li,
html body #navbar ul#navtabs > ul.floatcontainer > li{
  float: none !important;
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
}

html body #navbar > ul#navtabs > ul.floatcontainer a,
html body #navbar ul#navtabs > ul.floatcontainer a{
  color: var(--r1a-muted) !important;
  text-decoration: none !important;
  font-weight: 700 !important;
  white-space: nowrap !important;
}
html body #navbar > ul#navtabs > ul.floatcontainer a:hover,
html body #navbar ul#navtabs > ul.floatcontainer a:hover{
  color: var(--r1a-text) !important;
  text-decoration: underline !important;
}

/* dropdowny w nav (żeby nie ginęły) */
html body #navbar .popupmenu .popupbody{
  z-index: 9999 !important;
}

/* Na wąskich ekranach: wyszukiwarka niech spadnie pod belki i nie zasłania linków */
@media (max-width: 780px){
  html body #navbar #globalsearch,
  html body #navbar .globalsearch{
    position: static !important;
    width: 100% !important;
    max-width: none !important;
    padding: 8px var(--r1a-navpad) 10px !important;
    align-items: flex-start !important;
  }
  html body #navbar > ul#navtabs.navtabs.floatcontainer{
    padding-right: var(--r1a-navpad) !important;
  }
  html body #navbar > ul#navtabs > ul.floatcontainer{
    padding-right: var(--r1a-navpad) !important;
  }
  html body #navbar #globalsearch form{ justify-content: flex-start !important; }
  html body #navbar #globalsearch input.textbox{ width: 100% !important; max-width: 320px !important; }
}

/* =========================
   FIX: treść nie może wchodzić pod NAVBAR
   ========================= */
html body #breadcrumb,
html body ul.navbits,
html body .navbits{
  margin-top: 0 !important;
  position: relative !important;
  top: auto !important;
}

/* motywy potrafią dać minusy na pierwszym wrapperze po .above_body */
html body .above_body + .body_wrapper,
html body .above_body + #body_wrapper,
html body .above_body + #content_container,
html body .above_body + #content,
html body .above_body + #breadcrumb{
  clear: both !important;
  position: relative !important;
  top: auto !important;

  margin-top: 0 !important;
  padding-top: var(--r1a-after-navbar-space) !important;
}

/* =========================
   C) POSTBIT LEGACY – userinfo DT/DD
   ========================= */
.postbitlegacy .postdetails .userinfo{
  width: 240px !important;
  min-width: 240px !important;
  overflow: visible !important;
}
.postbitlegacy .postdetails .postbody{ margin-left: 260px !important; }

.postbitlegacy .userinfo dl.userinfo_extra,
.postbitlegacy .userinfo dl.user_rep{
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 10px 0 0 0 !important;
  padding: 8px 10px !important;

  border: 1px solid rgba(255,255,255,.14) !important;
  border-radius: 10px !important;
  background: rgba(0,0,0,.28) !important;

  display: grid !important;
  grid-template-columns: 1fr auto !important;
  column-gap: 10px !important;
  row-gap: 6px !important;
  align-items: baseline !important;
}
.postbitlegacy .userinfo dl.userinfo_extra dt,
.postbitlegacy .userinfo dl.userinfo_extra dd,
.postbitlegacy .userinfo dl.user_rep dt,
.postbitlegacy .userinfo dl.user_rep dd{
  float: none !important;
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;

  font-family: inherit !important;
  font-size: 12px !important;
  line-height: 1.35 !important;
}
.postbitlegacy .userinfo dl.userinfo_extra dt,
.postbitlegacy .userinfo dl.user_rep dt{
  grid-column: 1 !important;
  text-align: left !important;
  font-weight: 700 !important;
  color: #e6eef2 !important;
  white-space: nowrap !important;
}
.postbitlegacy .userinfo dl.userinfo_extra dd,
.postbitlegacy .userinfo dl.user_rep dd{
  grid-column: 2 !important;
  text-align: right !important;
  font-weight: 500 !important;
  color: #a9bdc6 !important;
  font-variant-numeric: tabular-nums !important;
  white-space: nowrap !important;
}
.postbitlegacy .userinfo dl.userinfo_extra dt:after,
.postbitlegacy .userinfo dl.user_rep dt:after{ content: ":" !important; }

/* =========================
   D) STOPKA POSTA – buttony bez IMG
   ========================= */
.postfoot .postcontrols a img,
.postfoot .postactionbuttons a img,
.postfoot a.vbsuperpmpostbit img{ display: none !important; }

.postfoot .seperator,
.postfoot span.seperator{ display: none !important; }

.postfoot .postcontrols a,
.postfoot .postactionbuttons a,
.postfoot a.vbsuperpmpostbit,
.postfoot a.r1a_btn{
  display: inline-block !important;
  vertical-align: middle !important;
  padding: 4px 10px !important;
  margin: 0 6px 0 0 !important;

  border-radius: 4px !important;
  border: 1px solid rgba(255,255,255,.14) !important;
  background: rgba(255,255,255,.06) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08) !important;

  color: #eaf6ff !important;
  text-decoration: none !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  line-height: 18px !important;
}
.postfoot .postcontrols a:hover,
.postfoot .postactionbuttons a:hover,
.postfoot a.vbsuperpmpostbit:hover,
.postfoot a.r1a_btn:hover{ filter: brightness(1.10); }

.postfoot .postcontrols a:active,
.postfoot .postactionbuttons a:active,
.postfoot a.vbsuperpmpostbit:active,
.postfoot a.r1a_btn:active{ transform: translateY(1px); }

.postfoot .postactionbuttons a.report{
  background: rgba(220,90,90,.22) !important;
  border-color: rgba(220,90,90,.35) !important;
}
.postfoot .postactionbuttons a[href*="thanks"],
.postfoot .postactionbuttons a[href*="post_thanks"]{
  background: rgba(70,170,90,.22) !important;
  border-color: rgba(70,170,90,.35) !important;
}
.postfoot .postactionbuttons a[href*="newpm"],
.postfoot a.vbsuperpmpostbit{
  background: rgba(70,140,220,.22) !important;
  border-color: rgba(70,140,220,.35) !important;
}

/* =========================
   E) POPUP MENU POD NICKIEM
   ========================= */
.popupmenu.memberaction .popupbody.memberaction_body{
  min-width: 240px !important;
  max-width: 360px !important;
  background: #1f1f1f !important;
  border: 1px solid rgba(255,255,255,.14) !important;
  border-radius: 10px !important;
  box-shadow: 0 10px 28px rgba(0,0,0,.65) !important;
  z-index: 9999 !important;
  padding: 6px 0 !important;
}
.popupmenu.memberaction .memberaction_body li{
  float: none !important;
  width: 100% !important;
  clear: both !important;
  box-sizing: border-box !important;
}
.popupmenu.memberaction .memberaction_body a{
  display: block !important;
  position: relative !important;
  padding: 9px 12px 9px 40px !important;
  color: #eaf6ff !important;
  text-decoration: none !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  background: none !important;
  border: 0 !important;
  white-space: nowrap !important;
}
.popupmenu.memberaction .memberaction_body li + li a{
  border-top: 1px solid rgba(255,255,255,.07) !important;
}
.popupmenu.memberaction .memberaction_body li:hover a{
  background: rgba(255,255,255,.08) !important;
}
.popupmenu.memberaction .memberaction_body a::before{
  position: absolute !important;
  left: 12px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 18px !important;
  height: 18px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 16px !important;
  line-height: 1 !important;
  content: "🔹" !important;
}
.popupmenu.memberaction .memberaction_body a.siteicon_profile::before{ content:"👤" !important; }
.popupmenu.memberaction .memberaction_body a.siteicon_forum::before{ content:"🧵" !important; }
.popupmenu.memberaction .memberaction_body a.siteicon_message::before{ content:"✉️" !important; }
.popupmenu.memberaction .memberaction_body a.siteicon_blog::before{ content:"📰" !important; }
.popupmenu.memberaction .memberaction_body a.siteicon_article::before{ content:"📚" !important; }
.popupmenu.memberaction .memberaction_body a.siteicon_add::before{ content:"➕" !important; }
.popupmenu.memberaction .memberaction_body a.siteicon_email::before{ content:"📧" !important; }
.popupmenu.memberaction .memberaction_body a.siteicon_homepage::before{ content:"🌐" !important; }

/* =========================
   F) NICKI W POSTACH – większe
   ========================= */
.postbitlegacy .username_container a.popupctrl,
.postbit      .username_container a.popupctrl,
.postbitlegacy .username_container .username,
.postbit      .username_container .username{
  font-size: 16px !important;
  line-height: 1.2 !important;
  font-weight: 900 !important;
  letter-spacing: .2px !important;
}

/* =========================
   POST THANKS / DBTech
   ========================= */
.post_thanks,
.post_thanks_box,
.post_thanks_container,
.dbtech_thanks,
.dbtech_thanks_box,
.dbtech_thanks_postbit,
div[id*="post_thanks"],
div[id*="thanks"][id*="post"],
div[class*="thanks"][class*="post"]{
  box-sizing: border-box !important;
  margin: 10px 0 !important;
  padding: 10px 12px !important;

  border: 1px solid rgba(255,255,255,.12) !important;
  border-radius: 10px !important;
  background: linear-gradient(180deg, rgba(255,255,255,.04), rgba(0,0,0,.25)) !important;

  color: #cfe0e8 !important;
  font-size: 12px !important;
  line-height: 1.35 !important;

  white-space: normal !important;
  overflow: hidden !important;
  font-variant-numeric: tabular-nums !important;
}
.post_thanks:before,
.post_thanks_box:before,
.post_thanks_container:before,
.dbtech_thanks:before,
.dbtech_thanks_box:before,
.dbtech_thanks_postbit:before,
div[id*="post_thanks"]:before,
div[id*="thanks"][id*="post"]:before,
div[class*="thanks"][class*="post"]:before{
  content: "👍" !important;
  display: inline-block !important;
  margin-right: 8px !important;
  opacity: .95 !important;
}
.post_thanks a,
.post_thanks_box a,
.post_thanks_container a,
.dbtech_thanks a,
.dbtech_thanks_box a,
.dbtech_thanks_postbit a,
div[id*="post_thanks"] a,
div[id*="thanks"][id*="post"] a,
div[class*="thanks"][class*="post"] a{
  display: inline-flex !important;
  align-items: center !important;

  margin: 3px 6px 3px 0 !important;
  padding: 2px 8px !important;

  border-radius: 999px !important;
  border: 1px solid rgba(255,255,255,.14) !important;
  background: rgba(255,255,255,.06) !important;

  color: #eaf6ff !important;
  text-decoration: none !important;
  font-weight: 700 !important;
}
.post_thanks a:hover,
.post_thanks_box a:hover,
.post_thanks_container a:hover,
.dbtech_thanks a:hover,
.dbtech_thanks_box a:hover,
.dbtech_thanks_postbit a:hover,
div[id*="post_thanks"] a:hover,
div[id*="thanks"][id*="post"] a:hover,
div[class*="thanks"][class*="post"] a:hover{ filter: brightness(1.10); }
.post_thanks .smallfont,
.post_thanks_box .smallfont,
.post_thanks_container .smallfont,
.dbtech_thanks .smallfont,
.dbtech_thanks_box .smallfont,
.dbtech_thanks_postbit .smallfont,
div[id*="post_thanks"] .smallfont,
div[id*="thanks"][id*="post"] .smallfont,
div[class*="thanks"][class*="post"] .smallfont{
  color: rgba(207,224,232,.70) !important;
  font-weight: 400 !important;
}

/* =========================
   “Niebieskie belki” w treści (thead/tcat itp.) – zawsze ciemne
   ========================= */
html body .thead,
html body .tcat,
html body .forumhead,
html body .blockhead,
html body .blocksubhead{
  background: linear-gradient(180deg, var(--r1a-bar-top), rgba(0,0,0,.88)) !important;
  background-image: none !important;
  color: var(--r1a-text) !important;
  border-color: var(--r1a-border) !important;
  position: relative !important;
}
html body .thead::before,
html body .tcat::before,
html body .forumhead::before,
html body .blockhead::before,
html body .blocksubhead::before{
  content:"" !important;
  position:absolute !important;
  left:0 !important; right:0 !important; top:0 !important;
  height:1px !important;
  background: var(--r1a-accent) !important;
  pointer-events:none !important;
}
html body .thead a,
html body .tcat a,
html body .forumhead a,
html body .blockhead a,
html body .blocksubhead a{
  color: var(--r1a-text) !important;
}