/*
 * Wolfenstein Enemy Territory - SMF Theme
 * Version: 1.1
 * Compatible with SMF 2.1.x
 */

@font-face {
    font-family: "WET Abel";
    src: url("../fonts/wet/Abel-Regular.ttf") format("truetype");
    font-display: swap;
}

@font-face {
    font-family: "WET Black Ops";
    src: url("../fonts/wet/BlackOpsOne-Regular.ttf") format("truetype");
    font-display: swap;
}

/* Global appearance */

body {
    background: #10100e url("../images/wet/background-dark.jpg") repeat;
    color: #dedbd0;
    font-family: "WET Abel", Arial, sans-serif;
    font-size: 16px;
}

#wrapper {
    background: #171915;
    border: 1px solid #625638;
    box-shadow: 0 8px 35px rgba(0, 0, 0, .7);
}

a {
    color: #d8ba78;
}

a:hover {
    color: #fff0bc;
}

/* Header */

#header {
    background:
        linear-gradient(
            rgba(0, 0, 0, .25),
            rgba(0, 0, 0, .88)
        ),
        url("../images/wet/banner.jpg") center 40% / cover no-repeat;
    border-bottom: 3px solid #a18a4b;
    min-height: 170px;
}

#header .forumtitle,
#header .forumtitle a {
    font-family: "WET Black Ops", Impact, sans-serif;
    color: #e0c47b;
    text-shadow: 2px 3px 5px #000;
}

/* Top navigation */

#top_section {
    background: #20231e;
    color: #e0d6bd;
}

#top_section a {
    color: #d8ba78;
}

#main_menu {
    background: #252820;
}

#main_menu a {
    color: #e0d6bd;
}

/* Main content */

#content_section,
#main_content_section {
    background: #171915;
    color: #dedbd0;
}

.navigate_section,
.navigate_section ul {
    background: #272a24;
    color: #dedbd0;
}

.navigate_section a {
    color: #e0c47b;
}

/* Category headers */

.cat_bar,
.cat_bar.cat_bar_round,
.cat_bar.collapsed {
    background: linear-gradient(
        180deg,
        #50462f,
        #29291f
    );
    border: 1px solid #887449;
}

.cat_bar .catbg,
.cat_bar .catbg a {
    color: #f0dfa9;
    font-family: "WET Black Ops", Impact, sans-serif;
    text-shadow: 1px 2px 3px #000;
}

/* Secondary headers */

.title_bar,
.sub_bar {
    background: linear-gradient(
        180deg,
        #383b31,
        #242720
    );
    border-color: #665c40;
}

.titlebg,
.titlebg a,
.subbg,
.subbg a {
    color: #e8d8ad;
}

/* Discussion panels */

.windowbg,
.windowbg2,
.windowbg:nth-of-type(even),
.windowbg:nth-of-type(odd),
.generic_list_wrapper,
.approvebg,
.approvebg2 {
    background: #272a24;
    color: #e2dfd4;
    border-color: #494d3e;
}

.windowbg a,
.generic_list_wrapper a {
    color: #d8ba78;
}

.windowbg a:hover {
    color: #fff0bc;
}

.windowbg p,
.windowbg span,
.windowbg div,
.generic_list_wrapper p,
.generic_list_wrapper span {
    color: inherit;
}

/* Forum information center */

#info_center {
    background: #20231e;
    color: #e2dfd4;
    border: 1px solid #55503a;
}

#info_center .windowbg,
#info_center .roundframe {
    background: #272a24;
    color: #e2dfd4;
}

/* Frames and content */

.roundframe,
.information,
.content,
.post {
    background-color: #272a24;
    color: #e2dfd4;
    border-color: #494d3e;
}

/* Buttons */

.button,
.buttonlist a,
input[type="submit"] {
    background: linear-gradient(
        180deg,
        #66583a,
        #393224
    );
    color: #f8e7b4;
    border: 1px solid #89734b;
}

.button:hover,
.buttonlist a:hover,
input[type="submit"]:hover {
    background: #827047;
    color: #fff;
}

/* Form controls */

input,
textarea,
select {
    background-color: #eeeae0;
    color: #20221e;
}

/* Responsive */

@media (max-width: 768px) {
    #header {
        min-height: 110px;
        background-position: center;
    }

    #wrapper {
        border-left: 0;
        border-right: 0;
    }
}

/*
 * Wolfenstein ET - Visual Corrections v1.2
 * SMF 2.1.7 board index and category overrides
 */

/* Category bars */

div.cat_bar,
div.cat_bar.collapsed,
div.cat_bar.cat_bar_round {
    background: linear-gradient(180deg, #504631, #29291f);
    border: 1px solid #827048;
    box-shadow: inset 0 1px 0 rgba(255, 230, 170, .12);
    text-shadow: 1px 2px 3px #000;
}

div.cat_bar h3.catbg,
div.cat_bar h3.catbg a,
div.cat_bar h3.catbg a:hover {
    color: #f1d995;
    font-family: "WET Black Ops", Impact, sans-serif;
}

/* Board rows */

.boardindex_table .up_contain,
.boardindex_table .windowbg,
.boardindex_table .bg.odd,
.boardindex_table .bg.even {
    background: #292c26;
    color: #e6e1d4;
    border-color: #4c503f;
}

.boardindex_table .up_contain a,
.boardindex_table .windowbg a {
    color: #e2bd74;
}

.boardindex_table .up_contain a:hover,
.boardindex_table .windowbg a:hover {
    color: #fff0bc;
}

/* Board information */

.boardindex_table .info,
.boardindex_table .board_stats,
.boardindex_table .lastpost,
.boardindex_table .info p,
.boardindex_table .board_stats p,
.boardindex_table .lastpost p {
    color: #dedbd0;
}

.boardindex_table .board_stats,
.boardindex_table .lastpost {
    border-color: #555744;
}

/* Topic rows */

#topic_container .windowbg,
#topic_container .bg.odd,
#topic_container .bg.even {
    background: #292c26;
    color: #e6e1d4;
}

/* Forum navigation and upper section */

#upper_section {
    background: #22251f;
    color: #e1dccd;
}

#upper_section a {
    color: #e2bd74;
}

.navigate_section ul {
    background: #282b25;
    border-color: #5b5139;
}

/* General text contrast */

.windowbg,
.roundframe,
.up_contain,
#info_center {
    color: #e6e1d4;
}

.windowbg .smalltext,
.up_contain .smalltext,
#info_center .smalltext {
    color: #c9c4b5;
}

/* Hover states */

.boardindex_table .up_contain:hover,
#topic_container .windowbg:hover {
    background: #34382e;
}


/*
 * Wolfenstein ET - Header and Logo v1.3
 */

/* Main header layout */

#header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    min-height: 170px;
    box-sizing: border-box;
}

/* Forum title */

#header h1.forumtitle {
    flex: 1 1 auto;
    min-width: 0;
    margin: 0;
}

/* Wolfenstein ET logo */

#header img#smflogo {
    display: block;
    width: 220px;
    max-width: 35%;
    height: auto;
    margin: 0 15px 0 0;
    padding: 0;
    flex: 0 1 auto;
    object-fit: contain;
}

/* Tablet */

@media (max-width: 768px) {
    #header {
        min-height: 140px;
        gap: 10px;
    }

    #header img#smflogo {
        width: 150px;
        max-width: 35%;
        margin-right: 5px;
    }

    #header h1.forumtitle {
        font-size: 1.3em;
    }
}

/* Smartphone */

@media (max-width: 480px) {
    #header {
        flex-direction: column;
        align-items: center;
        justify-content: center;
        text-align: center;
        gap: 8px;
        padding: 15px 10px;
    }

    #header h1.forumtitle {
        flex: 0 1 auto;
        padding: 0;
    }

    #header img#smflogo {
        width: 140px;
        max-width: 70%;
        margin: 0;
    }
}

/*
 * Wolfenstein Enemy Territory - Visual Refinements
 * Version: 1.4
 * Compatible with SMF 2.1.x
 */

/* Upper forum information */

#upper_section {
    background: #20231e;
    color: #e6e0d2;
}

#inner_section {
    background: #20231e;
    color: #e6e0d2;
}

#inner_wrap {
    background: #24271f;
    border-bottom: 1px solid #766643;
    color: #e6e0d2;
}

#inner_wrap .user,
#inner_wrap .user time,
#inner_wrap .news,
#inner_wrap .news h2,
#inner_wrap .news p {
    color: #e6e0d2;
}

#inner_wrap a {
    color: #e2bd74;
}

#inner_wrap a:hover {
    color: #fff0bc;
}

/* Board index - last post information */

.boardindex_table .lastpost,
.boardindex_table .lastpost p,
.boardindex_table .lastpost span,
.boardindex_table .lastpost time {
    color: #e6e0d2;
}

.boardindex_table .lastpost a {
    color: #e2bd74;
}

.boardindex_table .lastpost a:hover {
    color: #fff0bc;
}

/* Board statistics */

.boardindex_table .board_stats,
.boardindex_table .board_stats p,
.boardindex_table .board_stats span {
    color: #ded8c9;
}

.boardindex_table .board_stats p {
    border-left-color: #615b48;
    border-right-color: #615b48;
}

/* Board descriptions */

.boardindex_table .info,
.boardindex_table .info p,
.boardindex_table .info .smalltext {
    color: #ded8c9;
}

/* Forum separators */

.up_contain {
    border-color: #55503d;
}

.children {
    border-top-color: #55503d;
}

/* Small screens */

@media (max-width: 768px) {
    #inner_wrap {
        gap: 8px;
    }

    #inner_wrap .news {
        max-width: 100%;
    }
}


/*
 * Wolfenstein Enemy Territory
 * Text Contrast Improvements v1.5
 * Compatible with SMF 2.1.x
 */

/* Secondary text in board listings */

.boardindex_table .lastpost .smalltext,
.boardindex_table .lastpost .smalltext *,
.boardindex_table .lastpost .last_post,
.boardindex_table .lastpost time,
.boardindex_table .lastpost strong {
    color: #e3dccb;
}

/* Secondary information in board rows */

.boardindex_table .info .smalltext,
.boardindex_table .board_stats .smalltext {
    color: #d4cdbd;
}

/* Info Center secondary text */

#info_center .smalltext,
#info_center .smalltext span,
#info_center .smalltext time {
    color: #d8d1c1;
}

/* Online user statistics */

#info_center #ic_users,
#info_center #ic_users .smalltext,
#info_center #ic_users span {
    color: #ded8ca;
}

/* Keep links distinguishable */

.boardindex_table .lastpost a,
#info_center a {
    color: #e2bd74;
}

.boardindex_table .lastpost a:hover,
#info_center a:hover {
    color: #fff0bc;
}


/*
 * Wolfenstein Enemy Territory
 * Info Center Contrast Improvements
 * Version: 1.6
 * Compatible with SMF 2.1.x
 */

/* Info Center statistics */

#info_center #upshrink_stats p.inline {
    color: #e6dfd0;
}

/* Labels and highlighted values */

#info_center #upshrink_stats p.inline strong {
    color: #f0e4c8;
}

/* Links */

#info_center #upshrink_stats p.inline a {
    color: #e2bd74;
}

#info_center #upshrink_stats p.inline a:hover {
    color: #fff0bc;
}

/* Recent posts */

#info_center #ic_recentposts,
#info_center #ic_recentposts td,
#info_center #ic_recentposts .recenttime,
#info_center #ic_recentposts .recenttime strong {
    color: #ded8ca;
}

/* Info Center separators */

#info_center .sub_bar {
    border-top-color: #625b46;
}



/*
 * Wolfenstein Enemy Territory
 * Orange Soldier Header v1.7
 */

#header {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    min-height: 0;
    aspect-ratio: 2126 / 473;
    box-sizing: border-box;

    background-image: url("../images/wet/header-wolfenstein-v1.1.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;

    border-bottom: 3px solid #a18a4b;
    overflow: hidden;
}

/* Keep the forum home link accessible without duplicating text */

#header h1.forumtitle {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

/* The new banner already contains the Wolfenstein logo */

#header img#smflogo,
#header #siteslogan {
    display: none;
}

/* Tablet */

@media (max-width: 768px) {
    #header {
        min-height: 0;
        aspect-ratio: 2126 / 473;
        background-position: center;
        padding: 0;
    }
}

/* Smartphone */

@media (max-width: 480px) {
    #header {
        display: block;
        min-height: 125px;
        aspect-ratio: auto;
        background-position: 53% center;
        background-size: cover;
        padding: 0;
    }
}



/*
 * Wolfenstein Enemy Territory
 * Forum Border Corners v1.8
 */

/* Continuous golden border around forum content */

#wrapper {
    border: 1px solid #a18a4b;
    border-radius: 0;
    box-sizing: border-box;
}

/* Keep side borders visible on smaller screens */

@media (max-width: 768px) {
    #wrapper {
        border-left: 1px solid #a18a4b;
        border-right: 1px solid #a18a4b;
    }
}



/*
 * Wolfenstein Enemy Territory
 * Continuous Golden Forum Frame v1.9
 */

/* Header: upper and side borders */

#header {
    border-top: 1px solid #a18a4b;
    border-left: 1px solid #a18a4b;
    border-right: 1px solid #a18a4b;
    border-bottom: 3px solid #a18a4b;

    border-radius: 0;
    box-sizing: border-box;
}

/* Forum content: side and bottom borders */

#wrapper {
    border-top: 0;
    border-left: 1px solid #a18a4b;
    border-right: 1px solid #a18a4b;
    border-bottom: 1px solid #a18a4b;

    border-radius: 0;
    box-sizing: border-box;
}

/* Preserve the complete frame on tablets and phones */

@media (max-width: 768px) {
    #header,
    #wrapper {
        border-left: 1px solid #a18a4b;
        border-right: 1px solid #a18a4b;
    }
}



/*
 * Wolfenstein Enemy Territory
 * Military Green Footer
 * Version 2.0
 */

#footer {
    background: #292c26;
    border-top: 3px solid #a18a4b;
}

#footer li,
#footer p,
#footer a {
    color: #e6e1d4;
}

#footer a:hover {
    color: #fff0bc;
}



/*
 * Wolfenstein Enemy Territory
 * General Discussion - Blazkowicz Board Icon
 * Version 2.1
 */

#board_1 .board_icon a {
    display: block;
    width: 70px;
    height: 62px;
    background-image: url("https://wolfenstein-et.net/portal/wp-content/themes/wolfenstein-et-theme/images/ww2-team-Blazkowicz.gif");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 70px 62px;
}

