/*
 * Hardxcore Camo 1.0.1
 * Child style for phpBB 3.3.19 / prosilver
 * Parent components are linked directly by overall_header.html to avoid the
 * serial @import waterfall. This file contains only Hardxcore overrides.
 */

:root {
    --hx-bg: #131610;
    --hx-surface: #1d2219;
    --hx-surface-2: #232920;
    --hx-surface-3: #2b3227;
    --hx-olive: #384030;
    --hx-olive-light: #505b43;
    --hx-khaki: #d8cea8;
    --hx-khaki-soft: #bdb391;
    --hx-text: #d7dbcf;
    --hx-text-soft: #c4caba;
    --hx-text-muted: #aeb5a4;
    --hx-border: #485240;
    --hx-border-soft: #343b2f;
    --hx-accent: #982b2b;
    --hx-accent-hover: #bb4139;
    --hx-shadow: rgba(0, 0, 0, 0.42);
}

html {
    background: var(--hx-bg);
}

body {
    color: #272b24;
    background-color: #c9c4aa;
    background-image: url("images/camo-bg.jpg");
    background-image: image-set(
        url("images/camo-bg.avif") type("image/avif"),
        url("images/camo-bg.webp") type("image/webp"),
        url("images/camo-bg.jpg") type("image/jpeg")
    );
    background-repeat: repeat;
    background-size: 420px 420px;
    background-attachment: fixed;
}

.wrap {
    background: rgba(237, 236, 226, .92);
    border: 1px solid var(--hx-border);
    box-shadow: 0 10px 32px var(--hx-shadow);
}

.headerbar {
    background: linear-gradient(90deg, rgba(29,36,24,.96) 0%, rgba(38,49,31,.94) 50%, rgba(29,36,24,.96) 100%);
    border: 1px solid #232b1e;
    border-bottom-color: #1a1f17;
    box-shadow: inset 0 -1px 0 rgba(255,255,255,.035), 0 3px 12px rgba(0,0,0,.32);
}

.site-description h1,
.site-description h1 a,
.site-description .c-hero-heading,
.site-description .c-hero-lead {
    color: #f0ead7;
    text-shadow: 0 2px 3px rgba(0,0,0,.75);
}

.site-description h1,
.c-hero-heading {
    letter-spacing: .045em;
    text-transform: uppercase;
}

.site-description p {
    color: #d3d6c8;
}

.navbar {
    background: rgba(54, 67, 44, .95);
    border: 1px solid #2b3424;
    color: #5d6252;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.025);
}

.navbar a,
.navbar a:visited,
.navbar .linklist > li > a,
.navbar .icon {
    color: #4b563c
}

.navbar a:hover,
.navbar a:focus,
.navbar a:hover .icon {
    color: #fff3c8;
}

a,
a:visited,
a:link,
a.username,
a.username-coloured,
.lastpost a,
.responsive-show a {
    color: #4b563c
}

a:hover,
a:focus,
a:active {
    color: #2d3326;
    text-decoration-color: rgba(242,223,158,.55);
}

h1, h2, h3, h4,
.topic-title a,
.forum-title,
a.forumtitle,
a.topictitle {
    color: #e5d8b1;
}

a.forumtitle:hover,
a.topictitle:hover,
.topic-title a:hover {
    color: #fff0b9;
}

.forabg,
.forumbg {
    background: rgba(248, 247, 240, .90);
    border: 1px solid var(--hx-border);
    box-shadow: 0 3px 10px rgba(0,0,0,.28);
}

.forabg > .inner,
.forumbg > .inner {
    border-radius: 4px;
}

li.header,
.forabg li.header,
.forumbg li.header {
    background: linear-gradient(180deg, #35412d 0%, #263120 100%);
    border-bottom: 1px solid #151a13;
}

li.header dt,
li.header dd,
li.header a,
li.header a:visited {
    color: #efe4c1;
    text-shadow: 0 1px 1px rgba(0,0,0,.65);
}

ul.forums,
ul.topiclist li.row,
li.row {
    background: rgba(250, 249, 242, .97);
    border-color: var(--hx-border-soft);
}

ul.topiclist li.row:nth-child(even) {
    background: rgba(244, 243, 236, .98);
}

li.row:hover {
    background: rgba(240, 238, 227, .98);
}

li.row:hover dd,
li.row:hover dt {
    border-color: #5b664d;
}

li.row dd,
.lastpost,
dl.details,
.topiclist dd.lastpost,
.topiclist dd.posts,
.topiclist dd.topics,
.row-item dd,
.row-item dt {
    border-color: #3b4335;
    color: #515447;
}

li.row strong,
.topiclist .responsive-show,
.forum-description,
.topiclist .forum-description,
ul.topiclist li.row p,
ul.topiclist li.row p.author,
ul.topiclist li.row p.topicdetails,
.lastpost span,
dd.lastpost span,
dd.posts,
dd.topics,
.topiclist dd,
.row-item .list-inner,
li.row p {
    color: #515447;
}

.forum-description a,
.lastpost a,
a.lastsubject {
    color: #dbcfa5;
}

.panel,
.bg1,
.bg2,
.bg3,
.post,
.post.bg1,
.post.bg2 {
    border-color: var(--hx-border-soft);
    color: #272b24;
}

.panel,
.bg3 {
    background: var(--hx-surface);
}

.bg1,
.post.bg1 {
    background: rgba(248, 247, 240, .96);
}

.bg2,
.post.bg2 {
    background: rgba(241, 240, 232, .96);
}

.post {
    border: 1px solid var(--hx-border-soft);
    box-shadow: 0 2px 8px rgba(0,0,0,.20);
}

.postprofile {
    color: #5d6252;
    border-color: #46503d;
}

.postprofile strong,
.postprofile dt,
.postprofile dd {
    color: #5d6252;
}

.content,
.postbody,
.postbody .content,
.signature,
.notice,
.attachbox,
.attachbox dd,
.attachbox p,
dl.file dd {
    color: #272b24;
}

.postbody h3,
.postbody h3 a {
    color: #ded1a8;
}

blockquote,
blockquote blockquote,
.codebox {
    background: #181d16;
    border-color: #4a5540;
    color: #cfd2c8;
}

blockquote cite,
.codebox p {
    color: var(--hx-khaki-soft);
}

.codebox code {
    color: #d9dacd;
}

input.inputbox,
textarea.inputbox,
select,
.inputbox,
.search-box .inputbox {
    background: rgba(54, 67, 44, .95);
    border-color: #566149;
    color: #ececdf;
}

input.inputbox:focus,
textarea.inputbox:focus,
select:focus,
.inputbox:focus {
    border-color: #91865e;
    box-shadow: 0 0 0 2px rgba(145,134,94,.17);
}

input::placeholder,
textarea::placeholder {
    color: #899080;
}

.button,
.button1,
.button2,
input.button1,
input.button2,
a.button1,
a.button2 {
    background: linear-gradient(180deg, #4a543f 0%, #323a2b 100%);
    border-color: #697357;
    color: #f0ead7;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.08);
}

.button:hover,
.button1:hover,
.button2:hover,
.button:focus,
.button1:focus,
.button2:focus {
    background: linear-gradient(180deg, #626e52 0%, #3c4534 100%);
    border-color: #9a8f65;
    color: #fff7dc;
}

.pagination li a,
.pagination li span {
    background: #242a20;
    border-color: #4a5440;
    color: #d5c99f;
}

.pagination li a:hover,
.pagination li.active span {
    background: #586149;
    border-color: #7b8668;
    color: #fff8dd;
}

.dropdown .dropdown-contents,
.dropdown-extended ul li,
.jumpbox-cat-link,
.jumpbox-forum-link,
.navigation a,
#navigation a {
    background: #20251c;
    border-color: #46503d;
    color: #272b24;
}

.dropdown-extended ul li:hover,
.navigation a:hover,
#navigation a:hover {
    background: #31392b;
}

.dropdown-extended .header,
.dropdown-extended .footer {
    background: #2d3428;
    border-color: #46503d;
}

.tabs .tab > a,
.minitabs .tab > a {
    background: #22281e;
    color: var(--hx-khaki-soft);
}

.tabs .activetab > a,
.tabs .tab > a:hover,
.minitabs .activetab > a,
.minitabs .tab > a:hover {
    background: #3b4432;
    color: #fff2c5;
}

.rules {
    background: #2b201b;
    border: 1px solid #684537;
    color: #e7d6c8;
}

.rules a {
    color: #f0c49e;
}

.error,
.reported,
.warned {
    color: #efb0a5;
}

.pollbar1, .pollbar2, .pollbar3, .pollbar4, .pollbar5 {
    background-color: #667255;
    border-color: #83906d;
}

hr {
    border-color: #46503d;
}

.stat-block,
.stat-block h3,
.online-list,
.birthday-list,
.time,
.search-box,
.action-bar,
.action-bar .buttons,
.action-bar .search-box,
#cp-main h2,
#cp-main p,
small,
p,
fieldset dd,
fieldset dt {
    color: #5d6252;
}

.copyright,
.copyright a {
    color: #8f9789;
}

.copyright a:hover {
    color: #c9c0a1;
}

.badge,
.notification_text .mark_read,
.dropdown-extended .notification_unread {
    border-color: var(--hx-accent);
}

.badge {
    background: var(--hx-accent);
    color: #fff;
}

@media (max-width: 700px) {
    body {
        background-size: 280px 280px;
    }

    .wrap {
        border-left: 0;
        border-right: 0;
        box-shadow: none;
    }
}


/* Light panel readability refinements */
.forabg, .forumbg, .panel, .bg1, .bg2, .bg3, .post, .wrap { color: #272b24; }
.topiclist li.row strong, .forumtitle, a.forumtitle, a.topictitle, .site-description p { color: #23281f; }
.forum-description, ul.topiclist li.row p, ul.topiclist li.row p.author, ul.topiclist li.row p.topicdetails, .lastpost span, dd.lastpost span, dd.posts, dd.topics, .topiclist dd, .row-item .list-inner, li.row p, .stat-block, .online-list, .birthday-list, .copyright { color: #5a604f; }


/* Header readability improvements v1.1.1 */
.headerbar {
    background: linear-gradient(90deg, rgba(24,31,20,.97) 0%, rgba(38,49,31,.96) 50%, rgba(24,31,20,.97) 100%);
}

.site-description {
    position: relative;
    z-index: 2;
}

.site-description h1,
.site-description h1 a {
    color: #ffffff !important;
    font-weight: 700;
    letter-spacing: .03em;
    text-shadow: 0 2px 4px rgba(0,0,0,.85), 0 0 10px rgba(0,0,0,.28);
}

.site-description p {
    color: #e6e7de !important;
    font-size: 1.02em;
    font-weight: 600;
    line-height: 1.35;
    text-shadow: 0 1px 3px rgba(0,0,0,.85);
    opacity: 1;
}

#logo,
.site_logo {
    filter: drop-shadow(0 2px 2px rgba(0,0,0,.55));
}

.navbar,
#nav-main,
#nav-breadcrumbs,
#nav-footer {
    color: #d9d7c8;
}

.navbar a,
.navbar a:visited,
.navbar .linklist > li > a,
.navbar .icon,
#nav-main a,
#nav-breadcrumbs a,
#nav-footer a {
    color: #ece2b8 !important;
    text-shadow: 0 1px 2px rgba(0,0,0,.65);
}

.navbar a:hover,
.navbar a:focus,
#nav-main a:hover,
#nav-breadcrumbs a:hover,
#nav-footer a:hover {
    color: #fff7d7 !important;
}

.search-box .inputbox {
    background: rgba(20,24,18,.88);
    color: #f3f1e4;
    border-color: #7a8667;
}

.search-box .inputbox::placeholder {
    color: #d2d7c6;
    opacity: 1;
}


/* MCP / ACP-like frontend readability improvements v1.1.3 */
#cp-main .panel,
#cp-main .inner,
.panel-container .panel,
.mcp-main .panel,
#message,
.message-box,
.section-viewtopic .panel,
.ucp-main .panel {
    background: linear-gradient(90deg, rgba(18,24,17,.96) 0%, rgba(24,34,22,.96) 50%, rgba(18,24,17,.96) 100%) !important;
    color: #e7e2c8 !important;
    border: 1px solid #49533f !important;
}

#cp-main h2,
#cp-main h3,
#cp-main p,
#cp-main label,
#cp-main strong,
#cp-main dd,
#cp-main dt,
#cp-main .content,
#cp-main .error,
#cp-main .message-box,
#cp-main .message-box p,
#cp-main .message-box strong,
#cp-main .message-box label,
#cp-main .message-box a,
.panel-container .panel h2,
.panel-container .panel h3,
.panel-container .panel p,
.panel-container .panel label,
.panel-container .panel strong,
.panel-container .panel dd,
.panel-container .panel dt,
.mcp-main .panel h2,
.mcp-main .panel h3,
.mcp-main .panel p,
.mcp-main .panel label,
.mcp-main .panel strong,
.mcp-main .panel dd,
.mcp-main .panel dt {
    color: #e7e2c8 !important;
    text-shadow: 0 1px 2px rgba(0,0,0,.55);
}

#cp-main a,
.panel-container .panel a,
.mcp-main .panel a,
.message-box a {
    color: #f0e1a7 !important;
}

#cp-main a:hover,
.panel-container .panel a:hover,
.mcp-main .panel a:hover,
.message-box a:hover {
    color: #fff4c7 !important;
}

#cp-main .button1,
#cp-main .button2,
#cp-main input.button1,
#cp-main input.button2,
#cp-main a.button1,
#cp-main a.button2,
.panel-container .button1,
.panel-container .button2,
.mcp-main .button1,
.mcp-main .button2 {
    background: linear-gradient(180deg, #5e6a4f 0%, #3d4635 100%) !important;
    border: 1px solid #8e9a73 !important;
    color: #fff7dc !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.10);
}

#cp-main .button1:hover,
#cp-main .button2:hover,
.panel-container .button1:hover,
.panel-container .button2:hover,
.mcp-main .button1:hover,
.mcp-main .button2:hover {
    background: linear-gradient(180deg, #707d60 0%, #46503d 100%) !important;
    color: #ffffff !important;
}

#cp-main input.inputbox,
#cp-main textarea.inputbox,
#cp-main select,
.mcp-main input.inputbox,
.mcp-main textarea.inputbox,
.mcp-main select {
    background: rgba(245,243,233,.96) !important;
    color: #20251d !important;
    border-color: #7f8a6b !important;
}


/* Category header spacing and contrast v1.1.4 */
li.header dt,
.forabg li.header dt,
.forumbg li.header dt {
    padding-left: 12px !important;
}

li.header dt .list-inner,
.forabg li.header dt .list-inner,
.forumbg li.header dt .list-inner {
    margin-left: 6px !important;
}

li.header dd,
li.header dt,
li.header a,
li.header a:visited,
.forabg li.header dd,
.forumbg li.header dd {
    color: #efe8c9 !important;
    font-weight: 700;
    text-shadow: 0 1px 2px rgba(0,0,0,.85);
    opacity: 1;
}

li.header dd.topics,
li.header dd.posts,
li.header dd.lastpost,
.forabg li.header dd.topics,
.forabg li.header dd.posts,
.forabg li.header dd.lastpost,
.forumbg li.header dd.topics,
.forumbg li.header dd.posts,
.forumbg li.header dd.lastpost {
    color: #f3edd2 !important;
    font-size: .95em;
    letter-spacing: .02em;
}


/* Forum-link hover readability v1.1.5 */
a.forumtitle:hover,
a.forumtitle:focus,
a.topictitle:hover,
a.topictitle:focus,
.topic-title a:hover,
.topic-title a:focus {
    color: #ffffff !important;
    text-decoration: none;
    text-shadow: 0 1px 2px rgba(0,0,0,.35);
}


/* Larger category titles v1.1.6 */
li.header dt,
.forabg li.header dt,
.forumbg li.header dt {
    font-size: 2em !important;
    line-height: 1.15 !important;
}

li.header dt a,
li.header dt span,
.forabg li.header dt a,
.forumbg li.header dt a {
    font-size: inherit !important;
    line-height: inherit !important;
}


/* Stencil forum icons v1.2.0 */
.topiclist.forums dl.row-item dt {
    position: relative;
    padding-left: 72px !important;
}

.topiclist.forums dl.row-item dt .list-inner {
    margin-left: 0 !important;
}

.topiclist.forums dl.row-item dt::before {
    content: "";
    position: absolute;
    left: 18px;
    top: 50%;
    transform: translateY(-50%);
    width: 42px;
    height: 42px;
    background: url("images/forum-stencil-read.png") center center / contain no-repeat;
}

.topiclist.forums dl.row-item.forum_unread dt::before,
.topiclist.forums dl.row-item.global_unread dt::before,
.topiclist.forums dl.row-item.announce_unread dt::before,
.topiclist.forums dl.row-item.sticky_unread dt::before {
    background-image: url("images/forum-stencil-unread.png");
}

.topiclist.forums dl.row-item.forum_link dt::before {
    background-image: url("images/forum-stencil-link.svg");
}

.topiclist.forums dl.row-item.forum_read_locked dt::before,
.topiclist.forums dl.row-item.forum_unread_locked dt::before {
    background-image: url("images/forum-stencil-locked.svg");
}

.topiclist.forums .icon.fa-file-o,
.topiclist.forums .icon.fa-file,
.topiclist.forums .icon.fa-external-link,
.topiclist.forums .global_read,
.topiclist.forums .global_unread,
.topiclist.forums .forum_read,
.topiclist.forums .forum_unread,
.topiclist.forums .forum_link,
.topiclist.forums .forum_read_locked,
.topiclist.forums .forum_unread_locked {
    background-image: none !important;
}


/* Readability cleanup and reduced shadowing v1.2.1 */
/* Remove most decorative shadows */
.wrap,
.headerbar,
.forabg,
.forumbg,
.post,
.button,
.button1,
.button2,
input.button1,
input.button2,
a.button1,
a.button2,
#logo,
.site_logo {
    box-shadow: none !important;
    filter: none !important;
}

.site-description h1,
.site-description h1 a,
.site-description p,
.navbar a,
.navbar a:visited,
.navbar .linklist > li > a,
.navbar .icon,
li.header dd,
li.header dt,
li.header a,
li.header a:visited,
#cp-main h2,
#cp-main h3,
#cp-main p,
#cp-main label,
#cp-main strong,
#cp-main dd,
#cp-main dt,
#cp-main .content,
#cp-main .message-box p,
.panel-container .panel h2,
.panel-container .panel h3,
.panel-container .panel p,
.mcp-main .panel h2,
.mcp-main .panel h3,
.mcp-main .panel p {
    text-shadow: none !important;
}

/* Forum action bar and buttons */
.action-bar,
.action-bar.bar-top,
.action-bar.bar-bottom {
    color: #273021;
}

.buttons .button,
.buttons .button1,
.buttons .button2,
.action-bar .button,
.action-bar .button1,
.action-bar .button2,
a.button1,
a.button2 {
    background: linear-gradient(180deg, #435137 0%, #2f3928 100%) !important;
    border: 1px solid #5c694d !important;
    color: #f5efd4 !important;
}

.buttons .button:hover,
.buttons .button1:hover,
.buttons .button2:hover,
.action-bar .button:hover,
.action-bar .button1:hover,
.action-bar .button2:hover,
a.button1:hover,
a.button2:hover {
    background: linear-gradient(180deg, #506043 0%, #374230 100%) !important;
    color: #ffffff !important;
}

/* Empty forum / info boxes */
.panel,
.post,
.bg1,
.bg2,
.bg3,
.rules,
.message-box,
#message,
.content,
.topiclist li.row,
ul.topiclist li.row {
    text-shadow: none !important;
}

.panel-container .panel,
.panel.bg1,
.panel.bg2,
.panel.bg3 {
    color: #272b24;
}

.errorbox,
.notice,
.stat-block,
.panel p,
.postbody,
.content,
li.row p,
li.row,
ul.topiclist li.row p,
ul.topiclist li.row p.author,
ul.topiclist li.row p.topicdetails {
    color: #43483d !important;
}

/* Specific message strip like: Na tym forum nie ma Ĺźadnych tematĂłw ani postĂłw */
.action-bar + .panel,
.action-bar + .panel .inner,
.topiclist + .panel,
.panel > .inner {
    color: #2b3028;
}

/* Search in forum bar */
.search-box .inputbox {
    background: #263020 !important;
    color: #f5f1de !important;
    border-color: #607054 !important;
}

.search-box .button,
.search-box button {
    color: #efe7c7 !important;
}

/* stronger generic forum links, avoid low contrast hover */
.forumtitle:hover,
a.forumtitle:hover,
a.topictitle:hover,
.topic-title a:hover {
    color: #1f251c !important;
}


/* Final readability + no shadows v1.2.2 */
/* Completely remove shadows from the style */
*,
*::before,
*::after {
    box-shadow: none !important;
    text-shadow: none !important;
}

/* Empty forum message: force a light panel with dark readable text */
.section-viewforum .panel,
.section-viewforum .panel .inner,
.section-viewforum .panel p,
.section-viewforum .panel strong,
.section-viewforum .panel span,
.section-viewforum .panel div {
    color: #2b3028 !important;
}

.section-viewforum .panel {
    background: rgba(246, 245, 237, .97) !important;
    border: 1px solid #6d7463 !important;
}

/* phpBB empty-topic info strip / generic information block */
.section-viewforum .panel .inner > strong,
.section-viewforum .panel .inner > p,
.section-viewforum .panel .inner > div,
.section-viewforum .panel strong {
    color: #22271f !important;
    opacity: 1 !important;
}

/* Thread title on viewtopic: dark olive instead of pale yellow */
.section-viewtopic h2.topic-title,
.section-viewtopic h2.topic-title a,
.section-viewtopic .topic-title,
.section-viewtopic .topic-title a,
.section-viewtopic #page-body > h2,
.section-viewtopic #page-body > h2 a {
    color: #4b563c !important;
    font-weight: 500;
}

.section-viewtopic h2.topic-title a:hover,
.section-viewtopic .topic-title a:hover,
.section-viewtopic #page-body > h2 a:hover {
    color: #273021 !important;
}

/* Keep topic action buttons readable without shadow effects */
.section-viewtopic .buttons .button,
.section-viewforum .buttons .button,
.section-viewtopic .button,
.section-viewforum .button {
    color: #f5efd4 !important;
}

/* Reassert MCP/UCP dark-panel text after generic shadow cleanup */
#cp-main .panel,
.mcp-main .panel,
.panel-container .panel {
    color: #e7e2c8 !important;
}


/* Column layout repair + scoped category title v1.2.3 */
/* The previous icon padding was applied to <dt> itself, which changed the
   effective width of phpBB's float-based forum columns. Keep <dt> untouched
   and reserve icon space inside .list-inner instead. */
.topiclist.forums dl.row-item dt {
    padding-left: 0 !important;
}

.topiclist.forums dl.row-item dt::before {
    content: none !important;
    display: none !important;
}

.topiclist.forums dl.row-item dt .list-inner {
    position: relative;
    padding-left: 72px !important;
    box-sizing: border-box;
}

.topiclist.forums dl.row-item dt .list-inner::before {
    content: "";
    position: absolute;
    left: 18px;
    top: 50%;
    transform: translateY(-50%);
    width: 42px;
    height: 42px;
    background: url("images/forum-stencil-read.png") center center / contain no-repeat;
}

.topiclist.forums dl.row-item.forum_unread dt .list-inner::before,
.topiclist.forums dl.row-item.global_unread dt .list-inner::before,
.topiclist.forums dl.row-item.announce_unread dt .list-inner::before,
.topiclist.forums dl.row-item.sticky_unread dt .list-inner::before {
    background-image: url("images/forum-stencil-unread.png");
}

.topiclist.forums dl.row-item.forum_link dt .list-inner::before {
    background-image: url("images/forum-stencil-link.svg");
}

.topiclist.forums dl.row-item.forum_read_locked dt .list-inner::before,
.topiclist.forums dl.row-item.forum_unread_locked dt .list-inner::before {
    background-image: url("images/forum-stencil-locked.svg");
}

/* Restore normal header sizing everywhere; double size only for category
   titles on the board index, not generic FORUM / topic-list headers. */
li.header dt,
.forabg li.header dt,
.forumbg li.header dt {
    font-size: 1em !important;
    line-height: 1.4 !important;
}

.section-index .forabg li.header dt {
    font-size: 2em !important;
    line-height: 1.15 !important;
}

/* Keep the three right columns on their native prosilver widths. */
@media (min-width: 701px) {
    ul.topiclist.forums dd.topics,
    ul.topiclist.forums dd.posts,
    ul.topiclist.forums dd.lastpost {
        box-sizing: border-box;
    }
}


/* Header column wrap fix v1.2.4 */
/* Do not add padding/margin to the floating <dt>; it changes the total
   width of phpBB's forum-list header and can push OSTATNI POST down. */
ul.topiclist li.header dt,
.forabg li.header dt,
.forumbg li.header dt {
    padding-left: 0 !important;
    box-sizing: border-box;
}

ul.topiclist li.header dt .list-inner,
.forabg li.header dt .list-inner,
.forumbg li.header dt .list-inner {
    margin-left: 0 !important;
    padding-left: 18px !important;
    box-sizing: border-box;
}

/* Keep native prosilver right-column widths on desktop. */
@media (min-width: 701px) {
    ul.topiclist li.header dd.topics,
    ul.topiclist li.header dd.posts {
        width: 80px !important;
        box-sizing: border-box;
        white-space: nowrap;
    }

    ul.topiclist li.header dd.lastpost {
        width: 250px !important;
        box-sizing: border-box;
        white-space: nowrap;
    }
}


/* Column alignment + readability refinements v1.2.5 */
@media (min-width: 701px) {
    /* Forum list widths */
    ul.topiclist.forums dd.topics,
    ul.topiclist.forums dd.posts,
    ul.topiclist.forums dd.lastpost,
    ul.topiclist.forums li.header dd.topics,
    ul.topiclist.forums li.header dd.posts,
    ul.topiclist.forums li.header dd.lastpost {
        box-sizing: border-box;
    }

    ul.topiclist.forums dd.topics,
    ul.topiclist.forums dd.posts,
    ul.topiclist.forums li.header dd.topics,
    ul.topiclist.forums li.header dd.posts {
        width: 90px !important;
        text-align: center;
        white-space: nowrap;
    }

    ul.topiclist.forums dd.lastpost,
    ul.topiclist.forums li.header dd.lastpost {
        width: 300px !important;
        white-space: normal;
    }

    /* Topic list widths inside a forum */
    ul.topiclist.topics dd.posts,
    ul.topiclist.topics dd.views,
    ul.topiclist.topics li.header dd.posts,
    ul.topiclist.topics li.header dd.views {
        width: 90px !important;
        text-align: center;
        white-space: nowrap;
    }

    ul.topiclist.topics dd.lastpost,
    ul.topiclist.topics li.header dd.lastpost {
        width: 300px !important;
        white-space: normal;
    }
}

/* Stronger header label contrast */
ul.topiclist li.header dd,
ul.topiclist li.header dt,
ul.topiclist li.header a,
ul.topiclist li.header a:visited,
ul.topiclist li.header dd.lastpost,
ul.topiclist li.header dd.posts,
ul.topiclist li.header dd.topics {
    color: #eee7c8 !important;
    opacity: 1 !important;
    font-weight: 700 !important;
}

/* Board-index category title and in-forum section title */
.section-index .forabg li.header dt,
.section-viewforum .forumbg li.header dt,
.section-search .forumbg li.header dt {
    color: #eee7c8 !important;
}

/* Improve readability inside the last-post column */
.lastpost,
dd.lastpost,
dd.lastpost span,
.lastpost span,
dd.lastpost p,
dd.lastpost .responsive-show {
    color: #4d5344 !important;
}

dd.lastpost a,
.lastpost a,
a.lastsubject,
dd.lastpost a.lastsubject,
.lastpost .topic-title,
.lastpost .topic-title a {
    color: #5a6647 !important;
    font-weight: 700 !important;
}

dd.lastpost a:hover,
.lastpost a:hover,
a.lastsubject:hover,
.lastpost .topic-title a:hover {
    color: #2d3526 !important;
}

/* Improve forum-row text contrast a little more */
ul.topiclist.forums li.row p,
ul.topiclist.forums li.row .forum-description,
ul.topiclist.forums li.row dd,
ul.topiclist.topics li.row dd,
ul.topiclist.topics li.row p {
    color: #53594c !important;
}


/* Stable desktop grid for forum/topic columns v1.2.6 */
@media (min-width: 701px) {
    /* Forum index rows + header */
    ul.topiclist.forums li.header > dl.row-item,
    ul.topiclist.forums li.row > dl.row-item {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) 82px 82px minmax(280px, 22%);
        align-items: stretch;
        width: 100% !important;
    }

    /* Topic list rows + header inside a forum */
    ul.topiclist.topics li.header > dl.row-item,
    ul.topiclist.topics li.row > dl.row-item {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) 82px 82px minmax(280px, 22%);
        align-items: stretch;
        width: 100% !important;
    }

    ul.topiclist.forums li > dl.row-item > dt,
    ul.topiclist.forums li > dl.row-item > dd,
    ul.topiclist.topics li > dl.row-item > dt,
    ul.topiclist.topics li > dl.row-item > dd {
        float: none !important;
        width: auto !important;
        min-width: 0 !important;
        margin: 0 !important;
        box-sizing: border-box !important;
    }

    ul.topiclist.forums li > dl.row-item > dt,
    ul.topiclist.topics li > dl.row-item > dt {
        grid-column: 1;
    }

    ul.topiclist.forums li > dl.row-item > dd.topics,
    ul.topiclist.topics li > dl.row-item > dd.posts {
        grid-column: 2;
    }

    ul.topiclist.forums li > dl.row-item > dd.posts,
    ul.topiclist.topics li > dl.row-item > dd.views {
        grid-column: 3;
    }

    ul.topiclist.forums li > dl.row-item > dd.lastpost,
    ul.topiclist.topics li > dl.row-item > dd.lastpost {
        grid-column: 4;
    }

    ul.topiclist.forums li.row > dl.row-item > dd,
    ul.topiclist.topics li.row > dl.row-item > dd {
        display: flex !important;
        flex-direction: column;
        justify-content: center;
        padding: 8px 10px !important;
        border-left: 1px solid #5c6255 !important;
    }

    ul.topiclist.forums li.row > dl.row-item > dd.topics,
    ul.topiclist.forums li.row > dl.row-item > dd.posts,
    ul.topiclist.topics li.row > dl.row-item > dd.posts,
    ul.topiclist.topics li.row > dl.row-item > dd.views {
        align-items: center;
        text-align: center;
    }

    ul.topiclist.forums li.header > dl.row-item > dd,
    ul.topiclist.topics li.header > dl.row-item > dd {
        display: flex !important;
        align-items: center;
        justify-content: center;
        padding: 0 8px !important;
        border-left: 0 !important;
        white-space: nowrap !important;
    }

    ul.topiclist.forums li.header > dl.row-item > dd.lastpost,
    ul.topiclist.topics li.header > dl.row-item > dd.lastpost {
        justify-content: flex-start;
        padding-left: 14px !important;
    }

    ul.topiclist.forums li.header > dl.row-item > dt,
    ul.topiclist.topics li.header > dl.row-item > dt {
        display: flex !important;
        align-items: center;
    }

    ul.topiclist.forums li.header > dl.row-item > dt .list-inner,
    ul.topiclist.topics li.header > dl.row-item > dt .list-inner {
        width: 100%;
    }
}

/* Header labels: consistent high contrast */
ul.topiclist li.header dt,
ul.topiclist li.header dd,
ul.topiclist li.header dd span,
ul.topiclist li.header a,
ul.topiclist li.header a:visited {
    color: #f0ead0 !important;
    opacity: 1 !important;
    font-weight: 700 !important;
}

/* Last-post text: readable, no pale yellow */
ul.topiclist dd.lastpost,
ul.topiclist dd.lastpost span,
ul.topiclist dd.lastpost p {
    color: #4d5346 !important;
}

ul.topiclist dd.lastpost a,
ul.topiclist dd.lastpost a:visited,
ul.topiclist dd.lastpost a.lastsubject,
ul.topiclist dd.lastpost .topictitle {
    color: #4d5d3d !important;
    font-weight: 700 !important;
}

ul.topiclist dd.lastpost a:hover,
ul.topiclist dd.lastpost a:focus,
ul.topiclist dd.lastpost a.lastsubject:hover,
ul.topiclist dd.lastpost .topictitle:hover {
    color: #20271d !important;
}


/* Full viewport camouflage background v1.2.7 */
html {
    min-height: 100%;
    background-color: #c9c4aa !important;
    background-image: url("images/camo-bg.jpg") !important;
    background-image: image-set(
        url("images/camo-bg.avif") type("image/avif"),
        url("images/camo-bg.webp") type("image/webp"),
        url("images/camo-bg.jpg") type("image/jpeg")
    ) !important;
    background-repeat: repeat !important;
    background-size: 420px 420px !important;
    background-attachment: fixed !important;
}

body {
    min-height: 100vh !important;
    background-color: transparent !important;
    background-image: none !important;
}


/* UCP/MCP light-background readability fixes v1.2.8 */
/* Dark text and links on light control-panel backgrounds */
.ucp-main,
.mcp-main,
.panel-container,
#cp-menu,
#cp-main,
#cp-main .panel,
#cp-main .inner,
#cp-menu .panel,
#cp-menu .inner,
.panel-container .panel,
.panel-container .inner,
.ucp-main .panel,
.mcp-main .panel {
    color: #3f4538 !important;
}

/* Main titles like "Panel zarządzania kontem" */
.ucp-main h2,
.mcp-main h2,
#cp-main h2,
#cp-menu h2,
.panel-container h2,
h2.ucp-title,
h2.mcp-title,
#cp-main .panel h2,
#cp-menu .panel h2,
.panel-container .panel h2 {
    color: #525a46 !important;
    font-weight: 700 !important;
}

.ucp-main h3,
.mcp-main h3,
#cp-main h3,
#cp-menu h3,
.panel-container h3,
#cp-main .panel h3,
#cp-menu .panel h3,
.panel-container .panel h3 {
    color: #4d5442 !important;
    font-weight: 700 !important;
}

/* Text blocks */
.ucp-main p,
.mcp-main p,
#cp-main p,
#cp-menu p,
#cp-main label,
#cp-main dd,
#cp-main dt,
#cp-menu label,
#cp-menu dd,
#cp-menu dt,
.panel-container p,
.panel-container label,
.panel-container dd,
.panel-container dt,
.ucp-main li,
.mcp-main li,
#cp-main li,
#cp-menu li {
    color: #5a6052 !important;
}

/* Links on light backgrounds */
.ucp-main a,
.mcp-main a,
#cp-main a,
#cp-menu a,
.panel-container a,
#cp-main .bg1 a,
#cp-main .bg2 a,
#cp-main .bg3 a,
#cp-menu .bg1 a,
#cp-menu .bg2 a,
#cp-menu .bg3 a,
.panel-container .bg1 a,
.panel-container .bg2 a,
.panel-container .bg3 a {
    color: #556044 !important;
}

.ucp-main a:hover,
.mcp-main a:hover,
#cp-main a:hover,
#cp-menu a:hover,
.panel-container a:hover {
    color: #2c3426 !important;
}

/* Tabs in UCP/MCP */
.tabs .tab > a,
.minitabs .tab > a {
    color: #ece3be !important;
}

.tabs .activetab > a,
.minitabs .activetab > a {
    color: #fff7db !important;
}

/* Rows such as group membership boxes */
#cp-main .panel li.row,
#cp-main li.row,
#cp-main .bg1,
#cp-main .bg2,
#cp-main .bg3,
#cp-menu .bg1,
#cp-menu .bg2,
#cp-menu .bg3,
.panel-container .bg1,
.panel-container .bg2,
.panel-container .bg3 {
    color: #4b5146 !important;
}

#cp-main .panel li.row a,
#cp-main li.row a,
.panel-container li.row a,
#cp-main .panel .forumtitle,
#cp-main .panel .topictitle {
    color: #556044 !important;
}

#cp-main .panel li.row a:hover,
#cp-main li.row a:hover,
.panel-container li.row a:hover {
    color: #2c3426 !important;
}


/* Custom HARDXCORE logo v1.2.9 */
.site_logo {
    background: none !important;
    width: 340px !important;
    height: 53px !important;
    display: block !important;
    object-fit: contain;
    object-position: left center;
}

.site-description h1,
.site-description p {
    display: none !important;
}

@media (max-width: 700px) {
    .site_logo {
        width: 250px !important;
        height: 53px !important;
    }
}


/* Author column on the left, post content on the right v1.2.13 */
/* Scope this to desktop topic pages. phpBB's native responsive rules keep the
   profile stacked above the post at widths up to 700px. */
@media (min-width: 701px) {
    body.section-viewtopic .post .postprofile {
        float: left !important;
        width: 200px !important;
        margin: 5px 16px 10px 0 !important;
        padding-left: 0 !important;
        padding-right: 10px !important;
        border-left-width: 0 !important;
        border-right-width: 1px !important;
        border-right-style: solid !important;
        box-sizing: border-box !important;
    }

    body.section-viewtopic .post .postbody {
        float: right !important;
        width: calc(100% - 217px) !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        box-sizing: border-box !important;
    }
}


/* Post text and site tagline v1.2.14 */
.postbody .content {
    font-size: 1.4em !important;
}

.site-description h1 {
    display: none !important;
}

.site-description p.site-tagline {
    display: block !important;
    clear: both;
    margin: 2px 0 0;
    color: #e6e7de !important;
    font-size: 1.02em;
    font-weight: 600;
    line-height: 1.35;
    text-shadow: none !important;
}

.site-description {
    height: auto;
    min-height: 76px;
}

#site-description #logo {
    float: none !important;
    width: 340px;
    height: 53px;
}

@media (max-width: 700px) {
    #site-description #logo {
        width: 250px;
        height: 53px;
    }

    .site-description p.site-tagline {
        font-size: .94em;
    }
}


/* Posting form text contrast v1.2.17 */
.section-posting #postingbox fieldset.fields1 dt,
.section-posting #postingbox fieldset.fields1 dd,
.section-posting #postingbox fieldset.fields1 label,
.section-posting .panel fieldset.fields1 label {
    color: #b6bfaa !important;
}

.section-posting #smiley-box,
.section-posting #smiley-box strong,
.section-posting #smiley-box .bbcode-status,
.section-posting #smiley-box .bbcode-status * {
    color: #aab49d !important;
}

.section-posting #smiley-box a,
.section-posting #smiley-box a:visited {
    color: #cbd2bd !important;
}

.section-posting #smiley-box a:hover,
.section-posting #smiley-box a:focus {
    color: #f0e6bf !important;
}


/* Team page headings on light backgrounds v1.2.19 */
#page-body > h2.solo {
    color: #4b5542 !important;
    text-shadow: none !important;
}

#page-body > h2.solo + form .forumbg-table table.table1 thead th,
#page-body > h2.solo + form .forumbg-table table.table1 thead th a,
#page-body > h2.solo + form .forumbg-table table.table1 thead th a:visited {
    color: #4f5946 !important;
    text-shadow: none !important;
}

#page-body > h2.solo + form .forumbg-table table.table1 thead th a:hover,
#page-body > h2.solo + form .forumbg-table table.table1 thead th a:focus {
    color: #2f382b !important;
}


/* SEO and accessibility corrections v1.2.20 */
/* Keep one meaningful H1 available to search engines and screen readers
   without adding a second visible title next to the custom logo. */
#site-description > h1.site-title-seo {
    display: block !important;
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0 0 0 0) !important;
    clip-path: inset(50%) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

/* Consolidated logo rules. overall_header no longer loads a second,
   render-blocking stylesheet only for the logo. */
#site-description #logo,
#site-description #logo .site-logo-picture,
#site-description #logo .site_logo {
    display: block;
    width: 340px;
    height: 53px;
    max-width: 100%;
}

#site-description #logo {
    float: none !important;
    padding: 0;
}

#site-description #logo .site_logo {
    background-color: transparent;
    object-fit: contain;
    object-position: left center;
}

/* Render icons immediately with fallback text instead of blocking on the
   Font Awesome webfont. */
@font-face {
    font-family: "FontAwesome";
    font-style: normal;
    font-weight: normal;
    font-display: swap;
    src: url("../../../assets/fonts/fontawesome-webfont.woff2?v=4.7.0") format("woff2"),
         url("../../../assets/fonts/fontawesome-webfont.woff?v=4.7.0") format("woff");
}

/* Keep the quick-login title visually equivalent to prosilver's h3 while
   using the correct h2 level after the page's main h1. */
form.headerspace h2.quick-login-heading {
    border-bottom: 1px solid #cccccc;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.05em;
    font-weight: bold;
    line-height: 1.2em;
    margin: 20px 0 3px;
    padding-bottom: 2px;
    text-transform: uppercase;
}

/* Lighthouse reported insufficient contrast only in the quick-login inputs. */
form.headerspace fieldset.quick-login input.inputbox {
    background: #f7f7ef !important;
    border-color: #59644f !important;
    color: #20251e !important;
}

form.headerspace fieldset.quick-login input.inputbox:focus {
    border-color: #313a2b !important;
    box-shadow: 0 0 0 2px rgba(49, 58, 43, .24) !important;
}

form.headerspace fieldset.quick-login input.inputbox::placeholder {
    color: #5b6255 !important;
    opacity: 1;
}

/* Search form contrast v1.2.24 */
/* The first search panel uses the dark theme background, while prosilver's
   default form labels were intended for a light panel. */
form[data-focus="keywords"] > .panel:not(.bg2):not(.bg3) fieldset,
form[data-focus="keywords"] > .panel:not(.bg2):not(.bg3) dl,
form[data-focus="keywords"] > .panel:not(.bg2):not(.bg3) dt,
form[data-focus="keywords"] > .panel:not(.bg2):not(.bg3) dd {
    color: #c4ccbc !important;
}

form[data-focus="keywords"] > .panel:not(.bg2):not(.bg3) dt label,
form[data-focus="keywords"] > .panel:not(.bg2):not(.bg3) dd label {
    color: #d2dbc9 !important;
}

form[data-focus="keywords"] > .panel:not(.bg2):not(.bg3) dt span {
    color: #bbc5b3 !important;
}

/* The pale section title needs a dark colour on the light options panel. */
form[data-focus="keywords"] > .panel.bg2 h3 {
    color: #4b5542 !important;
    text-shadow: none !important;
}

@media (max-width: 700px) {
    #site-description #logo,
    #site-description #logo .site-logo-picture,
    #site-description #logo .site_logo {
        width: 250px;
        height: 53px;
    }

    /* Give closely grouped forum links a 24 px touch target. */
    ul.forums .list-inner > a.forumtitle,
    ul.forums .list-inner > a.postlink,
    ul.forums .list-inner > a.username {
        display: inline-block;
        min-height: 24px;
        margin-right: 6px;
        line-height: 24px;
    }
}