/*  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?hash=843d5d5f");
@import url("links.css?hash=18286e16");
@import url("content.css?hash=d6d1338b");
@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=c9d32cba");

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

/* Evita estouro horizontal geral */
html, body {
    overflow-x: hidden;
}

/* Header responsivo */
.headerbar {
    width: 100%;
    box-sizing: border-box;
}

/* Imagens nunca estouram */
.headerbar img {
    max-width: 100%;
    height: auto;
    display: block;
}

/* Remove a logo original do tema */
.site_logo,
.logo,
#logo,
.headerbar .logo {
    display: none !important;
}

#site-description .button1,
#site-description .button2 {
    margin-right: 5px;
}

/* Mobile */
@media (max-width: 768px) {
    .headerbar {
        text-align: center;
    }

    .header-flex {
        flex-direction: column;
        align-items: stretch;
    }

    .header-right {
        justify-content: center;
    }
}

.meu-header {
    width: 100%;
    max-width: 100%;
    overflow: hidden;
    text-align: center;
}

.meu-header img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
}

.header-auth {
    display: flex;
    gap: 8px;
}

.header-auth a {
    text-decoration: none;
}

.header-flex {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    flex-wrap: wrap;
}

.header-right {
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: flex-end;
    flex: 1;
}

.search-box {
    display: flex;
    align-items: center;
}

.header-auth a {
    padding: 6px 10px;
    font-size: 13px;
    line-height: 1;
    border-radius: 4px;
    white-space: nowrap;
}

/* evita input gigante empurrando layout */
.search-box input {
    max-width: 180px;
}

.header-auth {
    position: absolute;
    right: 20px;
    top: 20px;
    display: flex;
    gap: 10px;
    align-items: center;
}

.header-auth-bar {
    width: 100%;
    display: flex;
    gap: 10px;
    padding: 10px 15px;
    justify-content: flex-start;
    background: transparent;
}

.header-actions {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 10px 15px;
}

.search-header {
    margin: 0;
}

#search-box {
    float: none;
}

.header-actions {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 10px 15px;
    box-sizing: border-box;
}

.header-auth-bar {
    display: flex;
    gap: 10px;
}

.header-search {
    display: flex;
}

.header-search input {
    width: 220px;
}

.header-actions {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 10px 15px;
    box-sizing: border-box;
}

.header-auth-bar {
    display: flex;
    gap: 10px;
}

.header-search form {
    display: flex;
}

.header-search input {
    width: 220px;
}

#site-description {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.header-auth {
    display: flex;
    gap: 10px;
    align-items: center;
}

#search-box {
    flex: 1;
}

.header-auth {
    flex-shrink: 0;
}

.postbody .content {
    margin: 0;
}

.topic-title,
.page-title,
h2.topic-title {
    text-align: center;
}

.meu-header {
    width: 100%;
}

.meu-header img {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
}

.headerbar {
    padding: 0 !important;
}

body,
html {
    overflow-x: hidden;
}

.meu-header img {
    display: block;
    width: 100%;
    height: auto;
}

@media (max-width: 700px) {
    #wrap,
    .wrap,
    .headerbar,
    .inner {
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}

.postbody p {
    margin: 0;
    max-width: 100%;
}

.postprofile {
    float: none !important;
    width: 160px;
    flex: 0 0 160px;
    margin: 0 !important;
}

.postbody .content {
    max-width: 900px;
    margin: 0 auto;
}

.postbody h3.first {
    text-align: center;
    width: 100%;
    margin: 10px 0;
}

#wrap {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

#page-body {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

body {
    margin: 0 !important;
    padding: 0 !important;
}

/* BASE (PC + mobile) */
.postbody .content img {
    display: block;
    max-width: 100% !important;
    height: auto !important;
    margin: 4px auto !important;
}

/* CAPA */
.postbody .content img:first-of-type {
    max-width: 70% !important;
    margin: 5px auto 8px auto !important;
}

/* SEPARAÇÃO ENTRE IMAGENS (IMPORTANTE) */
.postbody .content img:not(:first-of-type) {
    margin-top: 1px !important;
    margin-bottom: 1px !important;
}

.game-title {
    text-align: center;
    color: #ff0000;
    font-size: 2em;
    font-weight: bold;
    margin: 10px 0 20px;
}

.postbody {
    font-family: 'Inter', sans-serif;
}

.post .inner {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
}

@media (max-width: 768px) {

    .post .inner {
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
    }

    .postprofile {
        width: 100% !important;
        flex: unset !important;
        float: none !important;
        margin: 0 0 10px 0 !important;
        text-align: center;
    }

    .postbody {
        margin-left: 0 !important;
        padding-left: 0 !important;
        width: 100% !important;
    }

    .postbody .content {
        max-width: 100% !important;
    }
}

@media (max-width: 768px) {

    .navlinks,
    .linklist {
        display: flex !important;
        flex-wrap: wrap;
        justify-content: center;
        gap: 8px;
        width: 100%;
    }

    .navlinks li,
    .linklist li {
        display: inline-block;
    }
}

@media (max-width: 768px) {

    .post .inner {
        display: flex !important;
        flex-direction: column !important;
        width: 100% !important;
    }

    .postprofile {
        width: 100% !important;
        float: none !important;
        margin: 0 0 10px 0 !important;
        padding: 10px !important;
        display: flex !important;
        align-items: center;
        gap: 10px;
        box-sizing: border-box;
    }

    .postbody {
        width: 100% !important;
        margin: 0 !important;
        padding: 10px !important;
        box-sizing: border-box;
    }

    #wrap, #page-body {
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    html, body {
        overflow-x: hidden !important;
    }
}

.permissions, .forum-permissions, .auth {
    display: none !important;
}

.rule-box {
    background: linear-gradient(180deg, #12001f, #0b0014);
    border-left: 3px solid #a855f7;
    padding: 10px;
    margin: 8px 0;
    border-radius: 6px;
    color: #e6e6ff;
}

.rules-box {
    text-align: center;
    max-width: 800px;
    margin: 0 auto;
}

.rules-box b,
.rules-box div,
.rules-box p {
    text-align: left;
}

.rules-box .box {
    background: linear-gradient(180deg, #12001f, #0b0014);
    border-left: 4px solid #a855f7;
    padding: 12px;
    margin: 10px 0;
    border-radius: 8px;
    box-shadow: 0 0 10px rgba(168, 85, 247, 0.25);
    transition: 0.2s ease-in-out;
}

.rules-box .box:hover {
    transform: translateY(-2px);
    box-shadow: 0 0 15px rgba(168, 85, 247, 0.5);
}

/* “efeito botão neon” nos títulos */
.rules-box b {
    color: #e9d5ff;
    letter-spacing: 0.5px;
}

.rules-box {
    text-align: center;
    max-width: 800px;
    margin: 0 auto;
}

/* cada box vira um “botão/card” */
.rules-box .box {
    background: linear-gradient(180deg, #12001f, #0b0014);
    border-left: 4px solid #a855f7;
    padding: 12px;
    margin: 10px auto;
    border-radius: 8px;
    box-shadow: 0 0 10px rgba(168, 85, 247, 0.25);
    text-align: center; /* 🔥 ISSO AQUI é o que estava faltando */
    transition: 0.2s ease-in-out;
}

/* hover neon */
.rules-box .box:hover {
    transform: translateY(-2px);
    box-shadow: 0 0 15px rgba(168, 85, 247, 0.5);
}

/* títulos dentro dos boxes */
.rules-box .box b {
    display: block;
    margin-bottom: 6px;
    color: #e9d5ff;
    text-align: center;
}

/* opcional: deixa bullets centralizados também */
.rules-box .box {
    color: #e6e6ff;
}

.rule-box {
    background: #2b2d31;
    border: 1px solid #40444b;
    border-radius: 8px;
    padding: 15px;
    margin: 12px 0;
    color: #dcddde;
}

.rule-box b {
    color: #ffffff;
}

.headerbar {
    padding: 0 !important;
    margin: 0 !important;
}

.headerbar .inner {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    width: 100% !important;
}

.meu-header {
    width: 100% !important;
    display: flex;
    justify-content: center;
}

#site-description {
    width: 100% !important;
    display: flex !important;
    justify-content: center !important;
}

.headerbar .inner > * {
    margin: 0 !important;
    padding: 0 !important;
}

.headerbar .inner {
    display: flex;
    flex-direction: column;
    align-items: center;
}

#search {
    display: flex !important;
    justify-content: center;
}

#search fieldset {
    display: flex !important;
    align-items: center !important;

    background: #111;
    border: 1px solid #2b2d31;
    border-radius: 30px;

    padding: 4px 6px;
    width: 100%;
    max-width: 520px;

    box-sizing: border-box;
}

/* 🔥 ISSO é o que estava faltando */
#keywords {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    width: 100% !important;

    border: none !important;
    outline: none !important;
    background: transparent;
    color: #e6e6ff;

    padding: 10px 12px;
    font-size: 14px;
}

/* botões fixos */
.button-search,
.button-search-end {
    flex: 0 0 auto !important;
    width: 36px;
    height: 36px;

    display: flex !important;
    align-items: center;
    justify-content: center;
}

/* lupa */
.button-search {
    background: #a855f7 !important;
    border-radius: 50%;
    margin-left: 6px;
}

/* engrenagem */
.button-search-end {
    background: transparent !important;
    margin-left: 4px;
    opacity: 0.8;
}

.button-search:hover {
    background: #c084fc !important;
}

.button-search-end:hover {
    opacity: 1;
}

#page-footer {
    display: none !important;
}

.postprofile .avatar img {
    width: 135px;
    height: 135px;
    object-fit: cover;
    border-radius: 8px;
}

.post .inner {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    width: 100%;
}

.postbody,
.postbody .content {
    min-width: 0 !important;
    flex: 1;
}

img.emoji,
img.smilies {
    display: inline-block !important;
    vertical-align: middle !important;
    width: 1em !important;
    height: 1em !important;
    margin: 0 !important;
    float: none !important;
}

@media (max-width: 768px) {

    .postbody .content img {
        max-width: 100% !important;
        margin: 1px auto !important;
    }

    .postbody .content img:first-of-type {
        max-width: 80% !important;
    }

    .postbody .content img:not(:first-of-type) {
        margin-top: 1px !important;
        margin-bottom: 1px !important;
    }
}

.post .inner .postbody {
    border-left: 1px solid rgba(255, 255, 255, 0.15);
    padding-left: 13x;
}

/* Remove no celular */
@media (max-width: 700px) {
    .post .inner .postbody {
        border-left: none;
        padding-left: 0;
    }
}

.postbody img.smilies {
    display: inline !important;
    vertical-align: middle;
}

@media (min-width: 769px) {

    .panel {
    border-radius: 10px;
    padding: 10px;
}

.panel .inner {
    padding: 10px;
}

    .column1,
    .column2 {
        flex: 1 !important;
        min-width: 0 !important;
    }

    .column1 h3,
    .column2 h3 {
        margin-bottom: 10px !important;
        text-align: center;
    }

    .column1 .details,
    .column2 .details {
        width: 100% !important;
    }

    .column1 dt,
    .column2 dt {
        float: left !important;
        width: 140px !important;
        font-weight: bold;
    }

    .column1 dd,
    .column2 dd {
        margin-left: 150px !important;
        margin-bottom: 6px !important;
    }
}

@media (min-width: 769px) {

    .column1 .details,
    .column2 .details {
        display: grid;
        grid-template-columns: 140px 1fr;
        row-gap: 6px;
        column-gap: 10px;
        align-items: center;
    }

    .column1 dt,
    .column2 dt {
        font-weight: bold;
        text-align: left;
    }

    .column1 dd,
    .column2 dd {
        text-align: left;
    }
}

/* ===== PERFIL LIMPO ===== */

@media (min-width: 769px) {

    .column1 .details,
    .column2 .details {
        display: grid !important;
        grid-template-columns: 160px 1fr;
        column-gap: 12px;
        row-gap: 6px;
        align-items: center;
    }

    .column1 dt,
    .column2 dt {
        color: #aaa;
        font-weight: bold;
        margin: 0 !important;
    }

    .column1 dd,
    .column2 dd {
        color: #fff;
        margin: 0 !important;
    }

    /* FORÇA separação correta */
    dt::after {
        content: "";
    }
}

@media (min-width: 769px) {

    /* CARD DO PERFIL REAL DO phpBB */
    .profile-details {
        display: grid !important;
        grid-template-columns: 160px 1fr;
        column-gap: 10px;
        row-gap: 6px;
        align-items: center;
    }

    /* LABEL (Nome de usuário, Grupos, etc) */
    .profile-details dt {
        font-weight: bold;
        color: #aaa;
        margin: 0 !important;
    }

    /* VALOR */
    .profile-details dd {
        color: #fff;
        margin: 0 !important;
    }

    /* evita conflitos antigos */
    .profile-details dt,
    .profile-details dd {
        float: none !important;
        width: auto !important;
    }
}

@media (max-width: 768px) {

    .profile-details {
        display: block !important;
        padding: 10px 0;
    }

    .profile-details dt {
        display: block !important;
        font-size: 12px;
        color: #aaa;
        margin-top: 10px !important;
        margin-bottom: 2px !important;
        font-weight: 600;
    }

    .profile-details dd {
        display: block !important;
        margin: 0 0 6px 0 !important;
        color: #fff;
        font-size: 14px;
    }

    /* deixa o nome mais “Discord” */
    .profile-details dd span {
        font-weight: bold;
        color: #ffffff;
    }
}

@media (max-width: 768px) {

    /* container geral do perfil */
    .postprofile {
        display: flex !important;
        align-items: center;
        gap: 12px;
        text-align: left !important;
    }

    /* avatar fixo */
    .postprofile .avatar img {
        width: 60px !important;
        height: 60px !important;
        border-radius: 10px;
        object-fit: cover;
    }

    /* info ao lado da foto */
    .profile-details {
        display: block !important;
        flex: 1;
    }

    .profile-details dt {
        display: block !important;
        font-size: 11px;
        color: #aaa;
        margin: 0 !important;
    }

    .profile-details dd {
        display: block !important;
        margin: 0 0 6px 0 !important;
        font-size: 13px;
        color: #fff;
    }
}

@media (max-width: 768px) {

    .postprofile .avatar {
        flex: 0 0 auto !important;
    }

    .postprofile .avatar img {
        width: 60px !important;
        height: 60px !important;
        max-width: 60px !important;
        max-height: 60px !important;
        object-fit: cover !important;
        border-radius: 8px !important;
        display: block !important;
    }

}

/* impede flex quebrar layout do phpBB */
* {
    min-width: 0;
}

/* neutraliza flex em áreas críticas */
.panel,
.inner,
.content,
.postbody,
#viewprofile {
    flex-wrap: wrap;
}

/* garante que filhos não fiquem esmagados */
.panel > *,
.inner > *,
.content > * {
    min-width: 0;
}

body {
    font-size: 10.5px;
}

.postbody {
    font-size: 11px;
    line-height: 1.3;
}

.topictitle {
    font-size: 11.5px;
}

.postbody a {
    border-bottom: none !important;
}

.post .inner .postbody {
    padding-left: 15px;
}

@media (max-width: 700px) {
    .postbody {
        font-size: 12px;
        padding-left: 5px;
        padding-right: 5px;
    }

    .postbody a {
        word-break: break-word;
        overflow-wrap: break-word;
    }

    .content {
        max-width: 100%;
        overflow-wrap: break-word;
    }
}

@media (max-width: 700px) {
    .download-box {
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
        overflow-wrap: break-word;
    }
}

@media (max-width: 700px) {
    .topictitle {
        font-size: 14px !important;
        line-height: 1.2;
    }

    .postbody .topictitle {
        display: none;
    }
}

@media (max-width: 700px) {
    .postbody h3 {
        display: none;
    }
}

@media (max-width: 700px) {
    .topic-title,
    h2.topic-title,
    .post h3 {
        font-size: 14px !important;
        line-height: 1.3;
    }
}

@media (max-width: 700px) {
    h2 {
        font-size: 14px !important;
    }
}

.postbody h3 {
    display: none !important;
}

.postbody h3 a[href*="viewtopic.php"] {
    display: none !important;
}

@media (max-width: 700px) {
    .postprofile .rank {
        margin-top: 5px !important;
    }

    .postprofile .avatar {
        margin-bottom: 5px !important;
    }
}

@media (max-width: 700px) {
    .postprofile {
        display: flex;
        align-items: center;
        gap: 10px;
    }

    .postprofile .avatar {
        margin: 0;
    }

    .postprofile .profile-rank {
        margin: 0;
    }
}

/* ==========================================================
   ParadiseROMS Dark (Base: ProSilver Dark)
   ========================================================== */

/* Fundo da página */
html,
body,
#wrap,
#page-body {
    background: #202225 !important;
    color: #D7DADC !important;
}

/* Categorias */
.forabg,
.forumbg,
.forabg .inner,
.forumbg .inner {
    background: #1A1A1B !important;
    border: 1px solid #343536 !important;
    border-radius: 10px;
}

/* Cabeçalho das categorias */
.topiclist li.header,
.topiclist li.header dl {
    background: #232527 !important;
}

/* Linhas */
.topiclist li.row,
.topiclist li.row dl,
.row,
.bg1,
.bg2,
.bg3 {
    background: #1A1A1B !important;
    border-color: #343536 !important;
    box-shadow: none !important;
    outline: none !important;
}

.topiclist li.row:hover,
.topiclist li.row:hover dl,
.row:hover {
    background: #232527 !important;
    border-color: #343536 !important;
    box-shadow: none !important;
    outline: none !important;
}

/* Estatísticas */
.stat-block {
    background: #1A1A1B !important;
    border: 1px solid #343536 !important;
    border-radius: 10px;
}

/* Painéis */
.panel {
    background: #1A1A1B !important;
    border: 1px solid #343536 !important;
}

.panel .inner {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

/* Header */
.headerbar,
.navbar {
    background: #1A1A1B !important;
    border-bottom: 1px solid #343536 !important;
}

/* Títulos */
.forumtitle,
.forumtitle:link,
.forumtitle:visited,
.lastsubject,
.lastsubject:link,
.lastsubject:visited,
.topictitle,
.topictitle:link,
.topictitle:visited {
    color: #D6DADF !important;
}

/* Links comuns */
.postlink,
.pagination a,
.breadcrumbs a,
.navbar a {
    color: #C7CCD1 !important;
}

.postlink:hover,
.pagination a:hover,
.breadcrumbs a:hover,
.navbar a:hover {
    color: #E4E6EB !important;
}

/* Links dentro dos painéis */
.panel a,
.panel a:link,
.panel a:visited {
    color: #368AD2 !important;
}

.panel a:hover {
    color: #5BA9E6 !important;
}

/* NÃO alterar as cores dos usuários */
.username,
.username-coloured,
a.username,
a.username-coloured {
    all: unset;
    display: inline;
    cursor: pointer;
}

/* Texto secundário */
dd,
.time,
.responsive-hide,
.responsive-show {
    color: #B5BAC1 !important;
}

/* Bordas */
hr,
.details dt,
.details dd {
    border-color: #343536 !important;
}

.postbody .content a,
.postbody .content a:link,
.postbody .content a:visited {
    color: #368AD2 !important;
    text-decoration: none;
}

.postbody .content a:hover {
    color: #5BA9E6 !important;
}

/* Deixar apenas as caixas do fórum quadradas */

/* Categorias e fóruns */
.forabg,
.forumbg {
    border-radius: 0 !important;
}

/* Caixas inferiores: Quem está online, aniversários e estatísticas */
.stat-block,
.statistics,
.online-list,
.birthday-list {
    border-radius: 0 !important;
}

/* Posts */
.post {
    border-radius: 0 !important;
}

/* Não mexer na barra de pesquisa */
.search-box,
.search-header,
.search-box .inputbox {
    border-radius: 5px !important;
}

/* Caixas internas dos fóruns dentro das categorias */
.forabg li.row,
.forumbg li.row,
ul.topiclist li.row,
ul.topiclist {
    border-radius: 0 !important;
}

/* Blocos internos dos fóruns */
.forabg .inner,
.forumbg .inner {
    border-radius: 0 !important;
}

#message,
#message:hover,
#message:focus,
#message:active {
    background: #202020 !important;
    color: #fff !important;
    border: 1px solid #555 !important;
    outline: none !important;
    box-shadow: none !important;
    -webkit-appearance: none;
    appearance: none;
}

.forums .row-item::before {
    display: none !important;
}

.forums .list-inner {
    padding-left: 0 !important;
}

.community-buttons {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 15px;
    width: 100%;
    margin: 20px 0;
}

.community-buttons a {
    width: 230px;
    height: 65px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    position: relative;
    color: #ffffff !important;
    text-decoration: none !important;
    font-size: 18px;
    font-weight: bold;
    border-radius: 8px;
    line-height: 65px;
    transition: 0.3s;
}

.community-buttons a:link,
.community-buttons a:visited,
.community-buttons a:hover,
.community-buttons a:active {
    color: #ffffff !important;
    text-decoration: none !important;
}

.community-buttons img {
    width: 28px;
    height: 28px;
    filter: brightness(0) invert(1);
    position: absolute;
    left: 25px;
}

.discord-btn {
    background: #5865F2;
}

.telegram-btn {
    background: #229ED9;
}

.community-buttons a:hover {
    transform: translateY(-3px);
    opacity: 0.85;
}

.community-buttons a,
.community-buttons a:link,
.community-buttons a:visited,
.community-buttons a:hover,
.community-buttons a:active {
    color: #ffffff !important;
}

.community-buttons a {
    -webkit-text-fill-color: #ffffff !important;
}

@media (max-width: 600px) {
    .community-buttons {
        flex-direction: column;
        gap: 12px;
    }

    .community-buttons a {
        width: 230px;
        height: 65px;
    }

    .community-buttons img {
        left: 20px;
    }
}