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

@import url("normalize.css?hash=48eb3f89");
@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=9016b55c");
@import url("icons.css?hash=64da33ce");
@import url("colours.css?hash=fcb2f289");
@import url("responsive.css?hash=c9d32cba");


/* BMW_TEMA_CUSTOM */

/* ============================================================
   GUIA BMW BRASIL — Tema Premium (Estilo 4x4 Brasil)
   ============================================================ */

/* Importa fonte moderna */
@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap");

* { font-family: "Roboto", Arial, sans-serif; }

/* ── BODY ─────────────────────────────────────────────────── */
body {
    background-color: #0d0d0d;
    background-image: url("https://www.transparenttextures.com/patterns/carbon.png");
    margin: 0;
    padding: 0;
}

/* ── BARRA DE NAVEGAÇÃO SUPERIOR (estilo 4x4 Brasil) ────────── */
#nav-bar-top {
    background: linear-gradient(135deg, #0a1628 0%, #1C69D4 50%, #0a1628 100%);
    padding: 0;
    text-align: center;
    border-bottom: 3px solid #1C69D4;
    box-shadow: 0 2px 10px rgba(28,105,212,0.5);
}

#nav-bar-top a {
    display: inline-block;
    color: #ffffff !important;
    text-decoration: none;
    padding: 12px 18px;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    transition: background 0.3s;
}

#nav-bar-top a:hover {
    background: rgba(255,255,255,0.15);
    color: #FFD700 !important;
}

#nav-bar-top a.destaque {
    background: #FFD700;
    color: #000 !important;
    border-radius: 4px;
    margin: 6px 4px;
}

/* ── HEADER (área do logo) ───────────────────────────────── */
#wrapper {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0;
}

#page-header {
    background: linear-gradient(rgba(0,0,0,0.7), rgba(10,22,40,0.95)),
                url("styles/prosilver/theme/images/header_bg.jpg") center center / cover no-repeat;
    padding: 20px 30px;
    border-bottom: 4px solid #1C69D4;
    position: relative;
}

/* Logo */
#logo-desc {
    display: flex;
    align-items: center;
    gap: 15px;
}

#logo-desc a {
    text-decoration: none;
}

#site-description {
    color: #aaa;
    font-size: 12px;
    margin-top: 3px;
}

/* ── BARRA QUICK LINKS ───────────────────────────────────── */
#page-body .headerbar,
.navbar {
    background: #111827;
    border-bottom: 2px solid #1C69D4;
    padding: 6px 12px;
}

.navbar a, .headerbar a {
    color: #9ca3af !important;
    font-size: 13px;
    transition: color 0.2s;
}

.navbar a:hover, .headerbar a:hover {
    color: #1C69D4 !important;
}

/* ── CONTEÚDO PRINCIPAL ──────────────────────────────────── */
#page-body {
    background: #111827;
    border-radius: 0 0 8px 8px;
    padding: 15px;
    min-height: 500px;
}

/* ── CATEGORIAS (cabeçalho igual 4x4 Brasil) ─────────────── */
.forabg {
    margin-bottom: 20px;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 4px 15px rgba(0,0,0,0.4);
}

.forabg .header {
    background: linear-gradient(90deg, #0a1628 0%, #1C69D4 100%);
    padding: 10px 15px;
    border-bottom: none;
}

.forabg .header a,
.forabg .header span {
    color: #ffffff !important;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 1.5px;
    text-transform: uppercase;
}

/* Coluna títulos */
.forabg .header .responsive-hide {
    color: rgba(255,255,255,0.7) !important;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

/* ── LINHAS DOS SUBFÓRUNS ────────────────────────────────── */
.forumrow, .row1, .row2 {
    background: #1a2332 !important;
    border-bottom: 1px solid #0a1628;
    transition: background 0.2s;
}

.forumrow:hover, .row1:hover, .row2:hover {
    background: #1f2d42 !important;
}

.forumrow td, .row1 td, .row2 td {
    padding: 12px 15px;
    color: #d1d5db;
    border: none;
}

/* Nome do subfórum */
.forumrow .forumtitle a,
.row1 .forumtitle a,
.row2 .forumtitle a {
    color: #60a5fa !important;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    transition: color 0.2s;
}

.forumrow .forumtitle a:hover,
.row1 .forumtitle a:hover,
.row2 .forumtitle a:hover {
    color: #FFD700 !important;
}

/* Descrição do subfórum */
.forumrow .forumdesc,
.row1 .forumdesc,
.row2 .forumdesc {
    color: #6b7280;
    font-size: 12px;
    margin-top: 3px;
}

/* Números (tópicos/posts) */
.forumrow .posts,
.forumrow .topics,
.row1 .posts, .row1 .topics,
.row2 .posts, .row2 .topics {
    color: #9ca3af;
    font-size: 13px;
    text-align: center;
}

/* Última mensagem */
.forumrow .lastpost,
.row1 .lastpost,
.row2 .lastpost {
    color: #6b7280;
    font-size: 11px;
}

.forumrow .lastpost a,
.row1 .lastpost a,
.row2 .lastpost a {
    color: #60a5fa !important;
}

/* Ícone do fórum */
.forumrow .forumicon,
.row1 .forumicon,
.row2 .forumicon {
    opacity: 0.8;
}

/* ── ÁREA DE LOGIN/REGISTRO ──────────────────────────────── */
.login-form, #login-form, .loginform {
    background: #1a2332;
    border: 1px solid #1C69D4;
    border-radius: 8px;
    padding: 15px;
    margin: 15px 0;
}

/* ── ESTATÍSTICAS ────────────────────────────────────────── */
#page-body .statbar,
.statbar {
    background: #1a2332;
    border: 1px solid #243447;
    border-radius: 8px;
    padding: 12px 15px;
    color: #9ca3af;
    font-size: 12px;
    margin-top: 15px;
}

.statbar a {
    color: #1C69D4 !important;
    font-weight: 600;
}

/* ── ONLINE BOX ──────────────────────────────────────────── */
.online-list, #online-list, .who-is-online {
    background: #1a2332;
    border: 1px solid #243447;
    border-radius: 8px;
    padding: 12px 15px;
    color: #9ca3af;
    font-size: 12px;
    margin-top: 10px;
}

/* ── RODAPÉ ──────────────────────────────────────────────── */
#page-footer {
    background: #0a1628;
    border-top: 3px solid #1C69D4;
    padding: 20px;
    text-align: center;
    color: #6b7280;
    font-size: 12px;
    margin-top: 20px;
}

#page-footer a {
    color: #1C69D4 !important;
}

/* ── BOTÕES ──────────────────────────────────────────────── */
.button1, .button2, input[type="submit"], .btn {
    background: linear-gradient(135deg, #1C69D4, #0a4a9e) !important;
    color: #fff !important;
    border: none !important;
    border-radius: 6px !important;
    padding: 8px 18px !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    transition: all 0.3s !important;
    text-transform: uppercase !important;
    font-size: 12px !important;
    letter-spacing: 1px !important;
}

.button1:hover, .button2:hover, input[type="submit"]:hover {
    background: linear-gradient(135deg, #FFD700, #e6b800) !important;
    color: #000 !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 12px rgba(28,105,212,0.4) !important;
}

/* ── CAMPOS DE INPUT ─────────────────────────────────────── */
input[type="text"], input[type="password"], input[type="email"],
textarea, select {
    background: #0d1117 !important;
    border: 1px solid #243447 !important;
    color: #d1d5db !important;
    border-radius: 4px !important;
    padding: 6px 10px !important;
}

input[type="text"]:focus, input[type="password"]:focus {
    border-color: #1C69D4 !important;
    outline: none !important;
    box-shadow: 0 0 0 2px rgba(28,105,212,0.3) !important;
}

/* ── BREADCRUMB ──────────────────────────────────────────── */
.breadcrumb, #breadcrumb {
    background: transparent !important;
    color: #6b7280;
    font-size: 12px;
    padding: 8px 0;
}

.breadcrumb a {
    color: #1C69D4 !important;
}

/* ── TEXTO GERAL ─────────────────────────────────────────── */
body, p, td, li, span {
    color: #d1d5db;
}

h1, h2, h3 {
    color: #ffffff;
}

a {
    color: #60a5fa;
    text-decoration: none;
}

a:hover {
    color: #FFD700;
}

/* ── SCROLLBAR ───────────────────────────────────────────── */
::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-track { background: #0d1117; }
::-webkit-scrollbar-thumb { background: #1C69D4; border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: #FFD700; }