html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
  position: relative;
  min-height: 80%;
}

body {
    margin-bottom: 10px;
    padding-bottom: 3.5rem;
}

/* File: wwwroot/css/site.css */

/* --- WCS Soft: Games page styles --- */
/* File: wwwroot/css/site.css */
.wcs-hero {
    background: radial-gradient(1200px circle at 20% 100%, rgba(99,102,241,.25), transparent 45%), radial-gradient(900px circle at 80% 85%, rgba(236,72,153,.20), transparent 45%), linear-gradient(180deg, rgba(15,23,42,1), rgba(17,24,39,1));
    border-radius: 1rem;
    overflow: hidden;  
}


    .wcs-hero .subtitle {
        max-width: 60ch;
    }

    .card-body {
        padding: 2rem 1rem;
    }

    /* Card hover lift */
    .game-card .position-relative::after {
        content: "";
        position: absolute;
        inset: auto 0 0 0;
        height: 50%;
        background: linear-gradient(to top, rgba(0,0,0,.55), transparent);
        pointer-events: none;
    }


    .game-card:hover {
        transform: translateY(-6px);
        box-shadow: 0 12px 30px rgba(0, 0, 0, .25);
    }

    .game-card img {
        width: 287px;
        height: 180px;
        object-fit: cover;
        align-self: center;
    }


/* Badge positioning */
/* File: wwwroot/css/site.css */

/* Position badges at bottom of image */
.game-badges {
    position: absolute;
    top: 11.5rem;
    left: .75rem;
    display: flex;
    gap: .5rem;
    flex-wrap: wrap;
    z-index: 2;
}


.badge-soft {
    background: rgba(0, 0, 0, .70);
    backdrop-filter: blur(6px);
}
/* --- Privacy banner --- */
.privacy-banner {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1080;
    box-shadow: 0 -8px 24px rgba(0, 0, 0, .35);
}

    .privacy-banner a {
        white-space: nowrap;
    }