/*************************************************************
  Ò¨ÌÍÀß ÒÅÌÀ "ÍÀ ÎÑÒÐÈÅ ÏÅÐÀ" — style_cs.1773594036.css
  Öâåòîâàÿ ñõåìà è ïåðåìåííûå ôîðóìà
**************************************************************/

/* === ÎÑÍÎÂÍÛÅ ÖÂÅÒÀ === */

body {
  background-color: #0a0608;
  background-image: url('https://i.imgur.com/placeholder.jpg'); /* Çàìåíèòå íà ñâîþ êàðòèíêó */
  background-repeat: repeat;
  color: #c8b8bc;
}

/* Îáùèé öâåò òåêñòà è ññûëîê */
.punbb {
  color: #c8b8bc;
}

.punbb a:link    { color: #c9848c; }
.punbb a:visited { color: #a06068; }
.punbb a:hover   { color: #e8a0a8; text-decoration: none; }
.punbb a:active  { color: #e8a0a8; }

/* === ÔÎÍ ÂÑÅÃÎ ÔÎÐÓÌÀ === */

#pun {
  background-color: transparent;
}

/* === ØÀÏÊÀ ÔÎÐÓÌÀ (TITLE) === */

#pun-title {
  background-color: transparent;
  border-color: #3a1520;
  background-image: url('https://i.postimg.cc/placeholder'); /* Âàø áàííåð */
  background-size: cover;
  background-position: center;
  min-height: 180px;
  border: none;
}

#pun-title h1 span {
  color: #e8c0c8;
  text-shadow: 0 0 20px #8b0020, 0 0 40px #4a0010;
  font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
}

#pun-title .container {
  background-color: transparent;
  border: none;
}

/* === ÍÀÂÈÃÀÖÈÎÍÍÀß ÏÀÍÅËÜ === */

#pun-navlinks {
  background-color: #1a0a0e;
  border-bottom: 2px solid #5a1525;
}

#pun-navlinks .container {
  background-color: transparent;
  padding: 0.6em 1em;
}

#pun-navlinks li a {
  color: #d4909a;
  font-size: 1.05em;
  text-decoration: none;
  letter-spacing: 0.05em;
  font-family: 'Palatino Linotype', serif;
}

#pun-navlinks li a:hover {
  color: #f0c0c8;
  text-shadow: 0 0 8px #8b0020;
}

/* === ÏÎÄÌÅÍÞ (àêòèâíûå òåìû, îòâåòû...) === */

#pun-ulinks {
  background-color: #130809;
  border-top: 1px solid #3a1520;
  border-bottom: 1px solid #3a1520;
}

#pun-ulinks .container {
  background-color: transparent;
  border: none;
  padding: 0.4em 1em;
}

#pun-ulinks li a {
  color: #a07080;
  text-decoration: none;
  font-size: 1em;
}

#pun-ulinks li a:hover {
  color: #e8a0b0;
}

#pun-ulinks li {
  border-left-color: #4a2030;
}

/* === ÎÁÚßÂËÅÍÈÅ === */

#pun-announcement {
  background-color: #130a0d;
  border: 1px solid #3a1520;
  border-bottom: none;
}

#pun-announcement h2 {
  color: #c08090;
  border-color: #4a1525;
  font-family: 'Palatino Linotype', serif;
}

#pun-announcement h2 span {
  color: #c08090;
  border-bottom-color: #4a1525;
}

#pun-announcement .container {
  background-color: #180c10;
  border: 1px solid #3a1520;
  color: #b89098;
}

/* === ÑÒÀÒÓÑ (Ïðèâåò, Ïîëüçîâàòåëü) === */

#pun-status {
  background-color: #130a0d;
}

#pun-status .container {
  background-color: #1a0d12;
  border: 1px solid #3a1520;
  color: #b090a0;
  border-bottom: none;
}

#pun-status strong {
  color: #e0a0b0;
}

#pun-status a {
  color: #c08090;
}

/* === ÕËÅÁÍÛÅ ÊÐÎØÊÈ === */

#pun-crumbs1 p.container,
#pun-crumbs2 .container {
  background-color: #1a0d12;
  border: 1px solid #3a1520;
  color: #c08090;
}

#pun-break1, #pun-break4 {
  border-color: #5a1525;
}

/* === ÊÀÒÅÃÎÐÈÈ (çàãîëîâêè ñåêöèé) === */

.punbb .section h2,
#pun-main h1,
#pun-main h2,
#pun-stats h2 {
  background-color: #5a1525;
  color: #f0d0d8;
  border-color: #7a2535;
  font-family: 'Palatino Linotype', 'Book Antiqua', serif;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  font-size: 0.95em;
  text-shadow: 0 1px 3px #2a0510;
}

.punbb .section {
  border-color: #5a1525;
  margin-bottom: 0.6em;
}

.punbb .category {
  border-color: #3a1520;
}

/* === ÊÎÍÒÅÉÍÅÐÛ È ÔÎÐÓÌ === */

.punbb .container {
  background-color: #1a0d12;
  border-color: #3a1520;
}

.punbb .forum,
.punbb .formal,
.punbb .info,
.punbb .post {
  border-color: #3a1520;
}

/* === ÒÀÁËÈÖÀ ÔÎÐÓÌÎÂ === */

.punbb .main table {
  background-color: transparent;
}

.punbb .main th {
  background-color: #220e16;
  color: #c08090;
  border-left-color: #3a1520;
  font-family: 'Palatino Linotype', serif;
  letter-spacing: 0.05em;
}

.punbb .main td {
  background-color: #1a0d12;
  border-color: #2a1018;
  color: #c8b0b8;
}

.punbb tbody tr:hover td {
  background-color: #221018;
}

/* Íàçâàíèå ôîðóìà â òàáëèöå */
#pun-index .tcl h3 a {
  color: #d4909c;
  font-weight: bold;
  font-size: 1.15em;
  text-decoration: none;
  font-family: 'Palatino Linotype', serif;
}

#pun-index .tcl h3 a:hover {
  color: #f0c0cc;
  text-shadow: 0 0 6px #8b0020;
}

/* Îïèñàíèå ôîðóìà */
.punbb .tcl p {
  color: #907080;
  font-size: 0.95em;
  line-height: 1.4;
}

/* ×èñëà òåì/ñîîáùåíèé */
.punbb .main .tc2,
.punbb .main .tc3,
.punbb .main .tcmod {
  color: #a08090;
}

/* Ïîñëåäíåå ñîîáùåíèå */
.punbb .main .tcr {
  color: #907080;
}

.punbb .main .tcr a {
  color: #c08090;
}

/* === ÈÊÎÍÊÈ ÔÎÐÓÌÀ (êðóæî÷êè) === */

.punbb div.icon {
  border-color: #6b1525 transparent transparent #6b1525;
  background-color: #3a0e1a;
}

.punbb .iredirect div.icon,
.punbb .inew div.icon {
  border-color: #8b0020 transparent transparent #8b0020;
}

/* === ÑÒÀÒÈÑÒÈÊÀ ÔÎÐÓÌÀ === */

#pun-stats {
  border-color: #3a1520;
}

#pun-stats h2 {
  background-color: #3a1020;
  color: #d4a0b0;
}

#pun-stats .container {
  background-color: #150c10;
  border-color: #3a1520;
  color: #a07080;
}

#pun-stats a {
  color: #c08090;
}

#pun-stats li.item3,
#pun-stats li.item4 {
  color: #907080;
}

li#onlinelist {
  border-top-color: #3a1520;
  color: #907080;
}

li#onlinelist div {
  border-top-color: #2a1018;
}

/* === QUICK JUMP È ABOUT === */

#pun-qjump .container {
  color: #907080;
}

#pun-about .container {
  background-color: #120a0e;
  border-top-color: #3a1520;
  color: #6a5060;
}

#pun-about a {
  color: #8a6070;
}

/* === ÑÎÎÁÙÅÍÈß Â ÒÅÌÀÕ === */

.punbb .post .container {
  background-color: #180c10;
  border-color: #3a1520;
}

.punbb .post h3 {
  background-color: #220e18;
  border-color: #3a1520;
  color: #d0a0b0;
}

.punbb .post h3 span {
  border-left-color: #4a1525;
}

.punbb .post-body {
  border-left-color: #3a1520;
}

.punbb .post-links ul {
  border-top-color: #2a1018;
  background: transparent;
}

.punbb .post-links a {
  color: #c08090;
}

/* Àâòîð ïîñòà */
.pa-author a {
  color: #d4909c;
}

li.pa-online {
  border-left-color: #8b0020;
  color: #a07080;
}

/* === ÖÈÒÀÒÛ È ÊÎÄ === */

.punbb .post-content .quote-box,
.punbb .post-content .code-box {
  background-color: #120a0e;
  border-color: #3a1520;
  color: #b09098;
}

.punbb .quote-box cite,
.punbb .code-box strong.legend {
  color: #c08090;
}

/* === ÔÎÐÌÛ === */

.punbb .formal .container {
  background-color: #1a0d12;
}

.punbb fieldset {
  border-color: #3a1520;
}

.punbb input[type="text"],
.punbb input[type="password"],
.punbb input[type="email"],
.punbb textarea,
.punbb select {
  background-color: #220e18;
  border: 1px solid #4a1525;
  color: #d0a0b0;
}

.punbb input[type="text"]:focus,
.punbb input[type="password"]:focus,
.punbb textarea:focus {
  border-color: #8b0020;
  outline: none;
  box-shadow: 0 0 5px rgba(139,0,32,0.4);
}

.punbb input[type="submit"],
.punbb .formsubmit input {
  background-color: #5a1525;
  border: 1px solid #7a2535;
  color: #f0d0d8;
  cursor: pointer;
  padding: 0.3em 1em;
  font-family: 'Palatino Linotype', serif;
}

.punbb input[type="submit"]:hover {
  background-color: #7a2535;
  border-color: #9a3545;
}

/* === INFO BOXES === */

.punbb .info-box {
  background-color: #1a0d12;
  border-color: #3a1520;
  color: #b09098;
}

/* === ÌÎÄÌÅÍÞ === */

.punbb .modmenu .container {
  background-color: #150c10;
  border-color: #3a1520;
}

/* === ÏÐÎÔÈËÜ === */

#viewprofile ul,
#profilenav ul {
  background-color: #1a0d12;
  border-color: #3a1520;
}

#viewprofile h2 span,
#profilenav h2 span {
  background-color: #1a0d12;
  color: #d4909c;
}

#profilenav li a {
  color: #c08090;
}

/* === ÏÀÃÈÍÀÖÈß === */

.punbb .pagelink a,
.punbb .pagelink strong {
  color: #c08090;
}

.punbb .pagelink strong {
  color: #f0c0cc;
  font-weight: bold;
}

/* === ÐÀÇÄÅËÈÒÅËÜ === */

.punbb .divider hr {
  border-color: #3a1520;
}

/* === ÑÊÐÎËËÁÀÐ (webkit) === */
::-webkit-scrollbar {
  width: 8px;
  background-color: #0a0608;
}
::-webkit-scrollbar-track {
  background-color: #130809;
}
::-webkit-scrollbar-thumb {
  background-color: #5a1525;
  border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
  background-color: #7a2535;
}


/* =====================================================
   ÔÈÊÑ ÃÎÐÈÇÎÍÒÀËÜÍÎÃÎ ÌÅÍÞ — âñòàâèòü â style.css
   â ðàçäåë D3 Forum navigation (îêîëî ñòðîêè D3.1)
   ===================================================== */

/* D3.1 — óáèðàåì âåðòèêàëüíîñòü */
#pun-navlinks,
#pun-navlinks .container {
  border-style: none;
  border-width: 0;
  margin: 0;
  padding: 0;
}

/* D3.2 — ãîðèçîíòàëüíûé êîíòåéíåð */
#pun-navlinks .container {
  padding: 0.5em 1em;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  gap: 0;
}

/* D3.3 — ýëåìåíòû â ðÿä */
#pun-navlinks li {
  display: inline !important;
  padding-right: 1em;
  white-space: nowrap;
}

/* D3.4 — ñòèëü ññûëîê */
#pun-navlinks li a {
  font-size: 1.1em;
  display: inline !important;
}

/* D4 — User links òîæå ãîðèçîíòàëüíî */
#pun-ulinks .container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  padding: 0.4em 1em;
  border-top: none;
}

#pun-ulinks li,
#pun-ulinks li a {
  display: inline !important;
  border-left-style: solid;
  border-left-width: 1px;
  white-space: nowrap;
}

#pun-ulinks li a {
  padding: 0 0.3em 0 0.6em;
}

#pun-ulinks li.item1,
#pun-ulinks li.item1 a {
  border-left-style: none;
  border-left-width: 0;
  padding-left: 0;
}

/* =====================================================
   ØÀÏÊÀ Ñ ÊÀÐÒÈÍÊÎÉ
   Âñòàâèòü â ÊÎÍÅÖ style.css
   ÇÀÌÅÍÈ ññûëêó YOUR_IMAGE_URL íà ñâîþ ïðÿìóþ ññûëêó
   ===================================================== */

#pun-title {
  background-image: url('https://i.ibb.co/Ps9kYxLC/283-20260314223737.png');
  background-size: cover;
  background-position: center top;
  background-repeat: no-repeat;
  background-color: #0e0709;
  border: none;
  min-height: 200px;
  margin: 0;
}

/* Óáèðàåì ñòàíäàðòíûé ôîí êîíòåéíåðà âíóòðè øàïêè */
#pun-title .container,
#pun-title table,
#pun-title td {
  background: transparent !important;
  border: none !important;
}

/* Òåêñò íàçâàíèÿ ôîðóìà ïîâåðõ êàðòèíêè */
#pun-title h1 span {
  color: #f0d0d8;
  font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
  font-size: 2em;
  letter-spacing: 0.15em;
  text-shadow:
    0 0 20px #8b0020,
    0 0 40px #4a0010,
    0 2px 4px rgba(0,0,0,0.8);
}

/* Ò¸ìíûé ãðàäèåíò ñíèçó — ïëàâíûé ïåðåõîä â ôîí ôîðóìà */
#pun-title::after {
  content: '';
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 60px;
  background: linear-gradient(to bottom, transparent, #0e0709);
  pointer-events: none;
}

/* Íóæíî äëÿ ðàáîòû ::after */
#pun-title {
  position: relative;
}