/*  phpBB3 Style Sheet
    --------------------------------------------------------------
	Style name:			Prosilver (Dark Edition)
	Based on style:		prosilver (the default phpBB 3.3.x style)
	Original author:	Tom Beddard ( http://www.subblue.com/ )
	Modified by:		phpBB Limited ( https://www.phpbb.com/ )
    --------------------------------------------------------------
*/

@import url("normalize.css?v=prosilverdark113");
@import url("base.css?hash=7c5543be");
@import url("utilities.css?hash=d8f72c42");
@import url("common.css?v=1.0.11");
@import url("links.css?hash=18286e16");
@import url("content.css?hash=be57a41d");
@import url("buttons.css?hash=56f0d25f");
@import url("cp.css?hash=50d868ab");
@import url("forms.css?hash=b64464fb");
@import url("icons.css?hash=64da33ce");
@import url("colours.css?hash=fcb2f289");
@import url("responsive.css?hash=87b53e08");

@import url("dark.css?v=prosilverdark113");


/* Font Definition from CS2 Stats */
@font-face {
    font-family: 'Stratum2';
    src: local('Agency FB'), local('Stratum2'), sans-serif;
    /* Fallback to Agency FB if Stratum2 is not available */
}

/* CS2 Stats Button Overrides - Applying to all inputs/buttons including post buttons */
.button,
a.button1,
a.button2,
input.button1,
input.button2,
input.inputbox,
input[type="text"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="email"],
select {
    background: rgba(255, 255, 255, 0.05);
    border: none !important;
    color: var(--cs2-text-secondary, #ccc);
    transition: all 0.2s ease;
    border-radius: 0;
    text-transform: uppercase;
    font-weight: bold;
    /* Updated clip-path as requested */
    clip-path: polygon(5px 0, 100% 0, 100% calc(100% - 5px), calc(100% - 5px) 100%, 0 100%, 0 5px);
    padding: 5px 15px;
}

/* Textarea specific style (No clip-path to avoid scrollbar/layout issues) */
textarea {
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    color: #ffffff;
    padding: 10px;
    width: 100%;
    box-sizing: border-box;
    font-family: 'Inter', 'Segoe UI', sans-serif;
}

textarea:hover,
textarea:focus {
    background: rgba(255, 255, 255, 0.1);
    color: #ffffff;
    box-shadow: none;
}

.button:hover,
a.button1:hover,
a.button2:hover,
input.button1:hover,
input.button2:hover,
input.inputbox:hover,
input.inputbox:focus,
input[type="text"]:hover,
input[type="text"]:focus,
input[type="number"]:hover,
input[type="number"]:focus,
input[type="password"]:focus,
input[type="search"]:hover,
input[type="search"]:focus,
input[type="email"]:hover,
input[type="email"]:focus,
select:hover,
select:focus {
    background: #de9b35;
    color: #ffffff !important;
    /* Force white text on hover */
    box-shadow: none;
}

/* Specific Select Dropdown Styling */
select {
    background-color: rgba(30, 35, 45, 0.8) !important;
    /* Slightly darker for readability */
}

select option {
    background-color: #1b1e24;
    color: #fff;
    padding: 5px;
}

.button-secondary {
    background: rgba(40, 45, 55, 0.6);
}

.button-secondary:hover {
    background: rgba(222, 155, 53, 0.2);
    color: #de9b35;
    border-color: #de9b35;
}


/* CS2 Specific Background Image */
html,
body {
    background-image: url('https://cdn.akamai.steamstatic.com/apps/csgo/images/csgo_react/cs2/header_bg.svg');
    background-size: cover;
    background-attachment: fixed;
    background-position: center top;
    background-color: #1b1e24;
    /* Fallback */
    position: relative;
    /* Context for overlay */
    min-height: 100vh;
    padding-top: 10px;
    font-family: 'Stratum2', 'Inter', 'Segoe UI', sans-serif;
    /* Global Font Stack */
    font-size: 13px;
    /* Increased from default 10px */
}

/* Headings */
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Stratum2', 'Inter', 'Segoe UI', sans-serif;
    text-transform: uppercase;
    /* CS2 style headers often uppercase */
}

fieldset {
    font-size: 0.9em;
}

/* Specific overrides for elements defined in other CSS files with high specificity or specific fonts */
a.forumtitle,
a.topictitle,
.navigation a,
dt label,
.dropdown-contents a,
.content {
    font-family: 'Stratum2', 'Inter', 'Segoe UI', sans-serif !important;
}

.postbody .content {
    font-family: 'Inter', 'Segoe UI', 'Arial', sans-serif !important;
    font-size: 1.0em;
    line-height: 1.5em;
    /* Improved line height for readability */
    letter-spacing: 0.3px;
    /* Slight spacing for clear text */
}

.content {
    font-family: 'Inter', 'Segoe UI', 'Arial', sans-serif !important;
}

/* Wrap overlay and other containers */
.wrap,
.online-list,
.birthday-list,
.statistics,
.smiley-box,
.message-box {
    /* 0.6 Alpha overlay */
    background-color: rgba(13, 16, 21, 0.6) !important;
    border: 1px solid rgba(255, 255, 255, 0.05) !important;
    padding: 10px;
    /* Reduced to 10px as requested */
    backdrop-filter: blur(5px);
    margin-top: 10px !important;
    /* Force 10px margin-top */
    margin-bottom: 10px !important;
    /* Consistent spacing */
}

/* Force specific spacing for the stats blocks to override defaults */
.online-list,
.birthday-list,
.statistics {
    margin-top: 10px !important;
    border-radius: 10px;
}

.online-list h3,
.birthday-list h3,
.statistics h3 {
    margin-top: 0;
}

/* Fix Logo Display - Text Version */
.site-logo-text {
    font-family: 'Stratum2', sans-serif;
    font-weight: 900;
    font-size: 26px;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 1px;
    line-height: 1;
    display: inline-block;
}

.site-logo-text span {
    color: #de9b35;
}

/* Hide default text title/desc to show only logo */
.site-description h1,
.site-description p {
    display: none !important;
}

/* Fix Post Content Text Color (White/Light Grey) */
.postbody .content {
    color: #ffffff !important;
}

/* Table Header Specifics */
table.table1 thead th {
    background: rgba(0, 0, 0, 0.4);
    border-bottom: 2px solid #de9b35;
}

/* Post Profile Game Stats Box */
.profile-game-stats-container {
    margin-top: 8px !important;
    padding-top: 6px !important;
    border-top: 1px solid rgba(222, 155, 53, 0.25) !important;
}

.pg-profile-stat-box {
    background: rgba(0, 0, 0, 0.45);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 4px;
    padding: 6px 8px;
    margin-bottom: 6px;
    transition: border-color 0.2s, background-color 0.2s;
}

.pg-profile-stat-box:hover {
    border-color: rgba(222, 155, 53, 0.5);
    background: rgba(0, 0, 0, 0.6);
}

/* Card Header: $gameIcon - serverName */
.pg-card-header {
    display: flex;
    align-items: center;
    gap: 6px;
    padding-bottom: 4px;
    margin-bottom: 5px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.pg-game-icon {
    width: 16px;
    height: 16px;
    border-radius: 3px;
    vertical-align: middle;
    object-fit: cover;
}

.pg-card-header .pg-sep {
    color: rgba(255, 255, 255, 0.4);
    font-size: 11px;
}

.pg-server-link {
    font-family: 'Stratum2', sans-serif;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    text-decoration: none;
    transition: color 0.2s;
}

.pg-profile-stat-box.cs2 .pg-server-link {
    color: #de9b35;
}

.pg-profile-stat-box.cs2 .pg-server-link:hover {
    color: #ffb84d;
    text-decoration: underline;
}

.pg-profile-stat-box.cs .pg-server-link {
    color: #ff9900;
}

.pg-profile-stat-box.cs .pg-server-link:hover {
    color: #ffb84d;
    text-decoration: underline;
}

.pg-profile-stat-box.l4d2 .pg-server-link {
    color: #e53935;
}

.pg-profile-stat-box.l4d2 .pg-server-link:hover {
    color: #ff6659;
    text-decoration: underline;
}

/* Card Row: $type - $value */
.pg-card-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 4px;
    font-size: 11px;
    margin-top: 3px;
    line-height: 1.3;
}

.pg-row-type {
    color: #9aa4af;
    font-size: 10.5px;
    font-weight: 600;
    white-space: nowrap;
}

.pg-row-val {
    color: #ffffff;
    font-weight: 700;
    text-align: right;
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

.pg-row-val .pg-stat-cs2-icon {
    height: 16px;
    vertical-align: middle;
}

.pg-row-val .pg-pts {
    color: #b0bec5;
    font-size: 10px;
}

.pg-row-val .pg-gold {
    color: #ffd700;
    font-size: 10px;
}

/* Premier Rank Badges */
.premier-rank-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 4px;
    font-weight: 900;
    font-style: italic;
    font-size: 11px;
    border-radius: 3px;
    min-width: 48px;
    height: 18px;
    text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.9), 0 0 5px rgba(0, 0, 0, 0.6);
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
    font-family: 'Stratum2', sans-serif;
    letter-spacing: 0.5px;
    line-height: 1;
}

.premier-common {
    background-image: url('https://www.cs2.profgamers.ro/assets/premier-ranks/rating.common.png');
    color: #b1c3d9;
}

.premier-uncommon {
    background-image: url('https://www.cs2.profgamers.ro/assets/premier-ranks/rating.uncommon.png');
    color: #5e98d7;
}

.premier-rare {
    background-image: url('https://www.cs2.profgamers.ro/assets/premier-ranks/rating.rare.png');
    color: #4b69ff;
}

.premier-mythical {
    background-image: url('https://www.cs2.profgamers.ro/assets/premier-ranks/rating.mythical.png');
    color: #8846ff;
}

.premier-legendary {
    background-image: url('https://www.cs2.profgamers.ro/assets/premier-ranks/rating.legendary.png');
    color: #d22ce6;
}

.premier-ancient {
    background-image: url('https://www.cs2.profgamers.ro/assets/premier-ranks/rating.ancient.png');
    color: #eb4b4b;
}

.premier-unusual {
    background-image: url('https://www.cs2.profgamers.ro/assets/premier-ranks/rating.unusual.png');
    color: #ffd700;
}

/* Steam Animated Avatar & Frame Wrapper */
.pg-avatar-wrapper {
    position: relative;
    display: inline-block;
    line-height: 0;
    vertical-align: middle;
    overflow: visible !important;
    margin: 14px; /* Provides breathing room so frame is never clipped */
}

.pg-avatar-wrapper .avatar,
.pg-avatar-wrapper > img.avatar,
.pg-avatar-wrapper > a > img.avatar,
.postprofile .avatar-container .pg-avatar-wrapper > img {
    position: relative;
    z-index: 1;
    display: block;
    max-width: 100%;
}

.pg-avatar-frame {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: calc(100% * 224 / 184) !important;
    height: calc(100% * 224 / 184) !important;
    max-width: none !important;
    max-height: none !important;
    pointer-events: none;
    z-index: 2;
    overflow: visible !important;
    box-sizing: border-box !important;
    margin: 0 !important;
    padding: 0 !important;
}

.pg-avatar-frame img,
.postprofile .avatar .pg-avatar-frame img,
.profile-avatar .pg-avatar-frame img,
.pg-avatar-wrapper .pg-avatar-frame img {
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    max-height: none !important;
    min-width: 100% !important;
    min-height: 100% !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
    padding: 0 !important;
    margin: 0 !important;
    display: block !important;
    object-fit: fill !important;
}

/* Post Profile Avatar Centering & Overflow Fix */
.postprofile,
.postprofile .has-avatar,
.postprofile .avatar-container,
.postprofile a.avatar,
.postprofile .avatar {
    overflow: visible !important;
}

.postprofile .has-avatar .avatar-container,
.postprofile .avatar-container {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    margin-top: 16px !important;    /* pushed a little more down */
    margin-bottom: 12px !important;
    text-align: center !important;
    float: none !important;
}

.postprofile .avatar {
    float: none !important;
    display: inline-block !important;
    margin: 0 auto !important;
    text-align: center !important;
}

/* Memberlist View User Profile Avatar Offset & Overflow Fix */
#viewprofile,
#viewprofile .panel,
#viewprofile .inner,
#viewprofile dl.avatar-rank-container,
#viewprofile dt.profile-avatar {
    overflow: visible !important;
}

#viewprofile dl.avatar-rank-container,
dl.avatar-rank-container {
    overflow: visible !important;
    margin-top: 22px !important;    /* a little more down */
    margin-left: 22px !important;   /* a little more on the right */
    margin-right: 25px !important;
    margin-bottom: 16px !important;
}

#viewprofile dt.profile-avatar,
dt.profile-avatar {
    overflow: visible !important;
    text-align: center !important;
    padding: 6px !important;
}

.left-box.profile-details {
    width: 70% !important;
}