/* King's Portable Mini Golf — site-wide styles */

/* ---- Shared ---- */
body { font-family: 'Poppins', sans-serif; }

/* ---- Home (index.html) ---- */
/* HERO SECTION: The Big Intro */
.hero-section {
    background: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('../assets/hero_bg.jpg');
    background-size: cover;
    background-position: center;
    height: 80vh; /* 80% of the screen height */
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    text-align: center;
}

/* CARD HOVER: Makes images pop a bit */
.gallery-img {
    height: 250px;
    object-fit: cover; /* Ensures photos don't stretch weirdly */
    width: 100%;
    transition: transform 0.3s;
}
.gallery-img:hover {
    transform: scale(1.05);
}

/* ---- About (about.html) ---- */
.hero-small {
    background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('../assets/hero_bg.jpg'); /* Reusing your hero image */
    background-size: cover;
    background-position: center;
    padding: 100px 0;
    color: white;
    text-align: center;
}

/* ---- Games (games.html) ---- */
.game-img {
    width: 100%;
    height: 300px;
    object-fit: cover;
    border-radius: 10px;
}

/* ---- Contact / Get a Quote (contact.html) ---- */
.contact-page { background-color: #f8f9fa; }
.form-control.is-invalid { border-color: #dc3545; }
#miniGolfOptions .form-label {
    font-size: 0.82rem;
    font-weight: 500;
    color: #6c757d;
}
@media (max-width: 576px) {
    #miniGolfOptions {
        margin-top: 0.35rem;
    }
    #miniGolfOptions .form-check-input {
        width: 0.9rem;
        height: 0.9rem;
        margin-top: 0.3rem;
    }
    #miniGolfOptions .form-check-label {
        font-size: 0.9rem;
    }
}