/* Games Retro — tema escuro inspirado no Classic Game Zone */

:root {
    --gr-bg: #0d1117;
    --gr-card: #161b22;
    --gr-accent: #ffc107;
    --gr-border: #30363d;
}

body {
    background-color: var(--gr-bg) !important;
    min-height: 100vh;
}

.site-navbar {
    background-color: #010409 !important;
    border-bottom: 1px solid var(--gr-border);
}

.site-navbar .nav-link:hover,
.site-navbar .nav-link.active {
    color: var(--gr-accent) !important;
}

.hero-banner {
    background: linear-gradient(135deg, #1a1f35 0%, #0d1117 60%, #1c2333 100%);
    border: 1px solid var(--gr-border);
}

/* Cards de jogos */
.game-card {
    transition: transform 0.15s ease, border-color 0.15s ease;
    overflow: hidden;
}

.game-card:hover {
    transform: translateY(-3px);
    border-color: var(--gr-accent) !important;
}

.game-card-cover {
    aspect-ratio: 3/4;
    overflow: hidden;
    background: #000;
}

/* Título do card — até 2 linhas + tooltip no atributo title */
.game-card-title {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 1.3;
    min-height: 2.6em;
    cursor: help;
}

.game-card-meta {
    font-size: 0.7rem;
}

/* Barra superior da capa: console + download */
.game-card-topbar {
    z-index: 5;
    pointer-events: none;
}

.game-card-topbar .btn-download-offline {
    pointer-events: auto;
}

.game-card-console-badge {
    max-width: 55%;
}

/* Botão download — visível no card; verde escuro quando já baixado */
.btn-download-offline {
    --bs-btn-padding-y: 0.2rem;
    --bs-btn-padding-x: 0.4rem;
    --bs-btn-font-size: 0.85rem;
    line-height: 1;
    color: #3fb950;
    background: rgba(13, 17, 23, 0.92);
    border: 2px solid #3fb950;
    border-radius: 6px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.45);
    backdrop-filter: blur(4px);
}

.btn-download-offline:hover:not(.is-downloaded) {
    color: #0d1117;
    background: #3fb950;
    border-color: #3fb950;
}

/* Estado baixado: fundo verde escuro sólido (como na referência) */
.btn-download-offline.is-downloaded {
    color: #ffffff;
    background: #1a7f37;
    border-color: #1a7f37;
    cursor: default;
}

.btn-download-offline.is-downloaded:hover {
    color: #ffffff;
    background: #1a7f37;
    border-color: #1a7f37;
}

.game-card-cover img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Sidebar */
.sidebar-panel {
    position: sticky;
    top: 70px;
}

.sidebar-console-list a:hover span:first-child {
    color: var(--gr-accent) !important;
}

/* Breadcrumb */
.breadcrumb-item + .breadcrumb-item::before {
    color: #6c757d;
}

/* Footer */
.site-footer {
    background: #010409;
}

/* Formulários escuros */
.form-control:focus,
.form-select:focus {
    background-color: var(--gr-bg);
    color: #fff;
    border-color: var(--gr-accent);
    box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.15);
}