/* TEMA STEAM: ☆~Ruber Spatula~☆ (CS 1.6 + BFDI Vibe) */
/* Inspirado em Low-end PC, high-end aim e object shows */

/* === FUNDO GLOBAL COM TEMA DE CS 1.6 / DUST II === */
body,
.flat_page.profile_page,
.responsive_page_frame {
    background-color: #2b2b2b !important; /* Fallback */
    background-image: url('https://i.imgur.com/gVzPRpS.jpg') !important; /* Textura de parede de concreto / tijolo */
    background-size: 250px !important; /* Repetição para parede */
    background-attachment: fixed !important;
    background-blend-mode: overlay;
}

/* === PERSONALIZAÇÃO DO CABEÇALHO DO PERFIL === */
.profile_header_bg {
    background: rgba(10, 10, 10, 0.85) !important; /* Fundo escuro translúcido */
    border-bottom: 3px solid #ff9900 !important; /* Detalhe laranja (CS) */
    box-shadow: 0 0 20px #ff9900 !important; /* Brilho laranja */
}

/* Avatar com borda estilizada (estilo medalha de torneio) */
.playerAvatar.profile_header_size {
    border: 4px solid #ffd700 !important; /* Dourado */
    box-shadow: 0 0 15px #ffd700, inset 0 0 10px #000000 !important;
    border-radius: 50% !important; /* Deixa redondo */
    transition: transform 0.3s ease !important;
}
.playerAvatar.profile_header_size:hover {
    transform: scale(1.05) rotate(2deg) !important;
}

/* Nome do perfil com efeito de tela de console */
.actual_persona_name {
    font-weight: bold !important;
    text-transform: uppercase !important;
    color: #ff9900 !important;
    text-shadow: 0 0 5px #ff9900, 2px 2px 0 #000000 !important;
    font-family: 'Motiva Sans', 'Courier New', monospace !important;
    letter-spacing: 2px !important;
    font-size: 28px !important;
}

/* === BIOGRAFIA COM ESTILO RETRÔ === */
.profile_summary {
    background: rgba(0, 0, 0, 0.6) !important;
    border-left: 4px solid #ff9900 !important;
    border-radius: 0 10px 10px 0 !important;
    padding: 12px !important;
    color: #cccccc !important;
    font-family: 'Courier New', monospace !important;
    box-shadow: inset 0 0 20px rgba(255, 153, 0, 0.3) !important;
}

/* Destaque para "Low-end PC, high-end aim" */
.profile_summary br + br + br + br + br + br + br + br + br ~ * { /* Não é a melhor prática, mas é um exemplo */
    /* Ajuste manual via regex é melhor, mas vamos colocar uma regra geral */
}
/* Como não podemos editar o HTML, vamos usar um seletor de substring (não suportado), então faremos um estilo geral que combina */
.profile_summary {
    text-shadow: 0 0 2px #00ff00 !important; /* Verde de monitor antigo */
}
.profile_summary:before {
    content: "> " !important;
    color: #0f0 !important;
    font-weight: bold !important;
}

/* === BOTÕES E AÇÕES COM TEMA MILITAR/CS === */
.btn_profile_action,
.profile_header_actions .btn_medium,
.profile_header_actions .btn_profile_action {
    background: #333333 !important;
    border: 2px solid #ff9900 !important;
    color: #ffffff !important;
    text-transform: uppercase !important;
    font-weight: bold !important;
    border-radius: 0 !important; /* Estilo quadrado (CS) */
    box-shadow: 0 0 10px #ff9900 !important;
}
.btn_profile_action:hover,
.profile_header_actions .btn_medium:hover {
    background: #ff9900 !important;
    color: #000000 !important;
    border-color: #ffffff !important;
}

/* === JOGOS EM DESTAQUE (RECENT ACTIVITY) === */
.recent_game {
    border: 2px solid #444 !important;
    background: rgba(30, 30, 30, 0.9) !important;
    margin-bottom: 10px !important;
    box-shadow: 0 0 15px #000000 !important;
    position: relative !important;
    overflow: hidden !important;
}
.recent_game:before {
    content: "⚡" !important; /* Ícone de flash (CS) */
    position: absolute !important;
    top: 5px !important;
    right: 5px !important;
    color: #ff9900 !important;
    font-size: 20px !important;
    opacity: 0.5 !important;
    text-shadow: 0 0 10px #ffaa00 !important;
}

/* Nome do jogo */
.game_name a {
    color: #ff9900 !important;
    font-weight: bold !important;
    text-transform: uppercase !important;
    text-shadow: 1px 1px 0 #000 !important;
}
.game_name a:hover {
    color: #ffffff !important;
    text-decoration: underline wavy #ff9900 !important;
}

/* Barra de progresso de conquistas */
.achievement_progress_bar_ctn .progress_bar {
    background: #ff9900 !important;
    box-shadow: 0 0 10px #ffaa00 !important;
    height: 8px !important;
}
.achievement_progress_bar_ctn {
    background: #222 !important;
    border: 1px solid #666 !important;
}

/* === CAIXA DE COMENTÁRIOS COM TEMA DE RADIO/MILITAR === */
.commentthread_comment {
    background: rgba(40, 40, 40, 0.95) !important;
    border: 1px solid #ff9900 !important;
    border-radius: 0 !important; /* Estilo caixa quadrada */
    margin-bottom: 8px !important;
    box-shadow: inset 0 0 10px #000000 !important;
}

/* Autor do comentário */
.commentthread_author_link {
    color: #ffd700 !important;
    font-weight: bold !important;
}
.commentthread_author_link:hover {
    color: #ff9900 !important;
    text-decoration: line-through !important; /* Efeito "tachado" estiloso */
}

/* Texto do comentário */
.commentthread_comment_text {
    color: #b0b0b0 !important;
    font-family: 'Courier New', monospace !important;
    font-size: 13px !important;
}
.commentthread_comment_text:before {
    content: "> " !important;
    color: #00ff00 !important;
}

/* === FRIENDS LIST COM ÍCONES DE BOMBA (BFDI) === */
.friendBlock {
    background: rgba(20, 20, 20, 0.9) !important;
    border: 2px solid #555 !important;
    border-radius: 5px !important;
    transition: all 0.3s ease !important;
}
.friendBlock:hover {
    border-color: #ff9900 !important;
    box-shadow: 0 0 15px #ff9900, inset 0 0 20px #442200 !important;
    transform: translateY(-2px) !important;
}

/* Adiciona ícone de "Object" (bolinha) nos amigos - BFDI reference */
.friendBlock .playerAvatar {
    position: relative !important;
}
.friendBlock .playerAvatar:after {
    content: "●" !important; /* Símbolo de objeto */
    position: absolute !important;
    bottom: -5px !important;
    right: -5px !important;
    color: #ff69b4 !important; /* Rosa choque (BFDI) */
    font-size: 16px !important;
    text-shadow: 0 0 5px #ff1493 !important;
    background: #222 !important;
    border-radius: 50% !important;
    width: 18px !important;
    height: 18px !important;
    line-height: 18px !important;
    text-align: center !important;
    border: 1px solid white !important;
}

/* === BADGES COM EFEITO DE "COLLECTOR" === */
.favorite_badge_icon,
.profile_badges_badge {
    filter: drop-shadow(0 0 5px gold) !important;
    transition: filter 0.3s ease !important;
}
.favorite_badge_icon:hover,
.profile_badges_badge:hover {
    filter: drop-shadow(0 0 15px orange) brightness(1.2) !important;
}

/* === GRUPOS COM CORES DE TIME (CT vs T) === */
.profile_group_links {
    border-left: 5px solid #ff9900 !important; /* Time T (laranja) */
    background: rgba(30, 30, 30, 0.9) !important;
}
.profile_group_links .profile_primary_group {
    background: rgba(0, 100, 200, 0.2) !important; /* Time CT (azul) */
    padding: 5px !important;
    border: 1px solid #00aaff !important;
}

/* === RODAPÉ COM CORES DE FUMO (CS) === */
#footer {
    background: #111 !important;
    border-top: 4px solid #ff9900 !important;
    box-shadow: 0 -5px 20px #000000 !important;
}
#footerText {
    color: #aaa !important;
}
.valve_links a {
    color: #ff9900 !important;
}
.valve_links a:hover {
    color: #ffffff !important;
}

/* === ANIMAÇÕES DE "SPRAY" (CS) === */
@keyframes spray {
    0% { opacity: 0.2; transform: scale(0.8); }
    100% { opacity: 1; transform: scale(1); }
}
.profile_customization {
    animation: spray 0.5s ease-out !important;
}

/* === BARRA DE ROLAGEM PERSONALIZADA === */
::-webkit-scrollbar {
    width: 10px !important;
    background: #1a1a1a !important;
}
::-webkit-scrollbar-thumb {
    background: #ff9900 !important;
    border-radius: 0px !important; /* Quadrada */
    box-shadow: inset 0 0 6px #000000 !important;
}
::-webkit-scrollbar-thumb:hover {
    background: #ffaa33 !important;
}