/* Games Page Specific Styles */
.steam-dev-section {
    padding: 8rem 0 4rem 0;
    min-height: 50vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(rgba(17, 17, 17, 0.8), rgba(17, 17, 17, 0.9));
    background-size: cover;
}

.steam-dev-card {
    background: rgba(30, 30, 30, 0.8);
    padding: 0;
    border-radius: 20px;
    border: 1px solid var(--border-color);
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.5);
    max-width: 600px;
    margin: 0 auto;
    transition: transform 0.3s ease;
    overflow: hidden;
    position: relative;
}

.steam-dev-card:hover {
    transform: translateY(-5px);
    border-color: var(--accent-color);
}

.dev-header-img {
    width: 100%;
    height: 150px;
    object-fit: cover;
    display: block;
    /* Removes potential whitespace */
    border-radius: 20px 20px 0 0;
    /* Forces corner clipping */
}

.dev-logo-wrapper {
    width: 100px;
    height: 100px;
    margin: 2rem auto 1rem auto;
    position: relative;
    background-color: var(--card-bg);
    border: 4px solid var(--card-bg);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
    border-radius: 12px;
    /* Slight rounded corners instead of circle */
}

.dev-logo-img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.dev-content {
    padding: 2rem 2rem 2.5rem 2rem;
}

.steam-icon {
    color: #ffffff;
    /* Steam color or white */
}

.btn-steam {
    background-color: #171a21;
    /* Steam dark blue/black */
    color: #ffffff;
    border: 1px solid #ffffff;
    transition: all 0.3s ease;
}

.btn-steam:hover {
    background-color: #ffffff;
    color: #171a21;
}

/* Ensure consistent card heights */
.game-card {
    border: 1px solid var(--border-color);
    background-color: var(--card-bg);
    transition: transform 0.3s ease;
}

.game-card:hover {
    transform: translateY(-5px);
    border-color: var(--accent-color);
}

.game-card img {
    height: 200px;
    object-fit: cover;
}