/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/

.games-content {
    max-width: 800px;
    margin: 0 auto;
    padding: 20px;
}
.games-content h2, .games-content h3, .games-content h4 {
    margin-bottom: 20px;
}
.games-content form p {
    margin-bottom: 15px;
}
.games-content label {
    font-weight: bold;
}
.games-content input[type="text"],
.games-content textarea,
.games-content select {
    width: 100%;
    padding: 8px;
    box-sizing: border-box;
}
.games-content input[type="file"] {
    padding: 8px 0;
}
.games-content input[type="submit"] {
    background: #0073aa;
    color: #fff;
    padding: 10px 20px;
    border: none;
    cursor: pointer;
}
.games-content input[type="submit"]:hover {
    background: #005177;
}
.edit-game-link {
    font-size: 0.9em;
    color: #0073aa;
    text-decoration: none;
}
.edit-game-link:hover {
    text-decoration: underline;
}
.edit-game-form {
    margin-top: 15px;
    padding: 15px;
    border: 1px solid #ddd;
    background: #f9f9f9;
}
.team1-cancel-edit {
    background: #ccc;
    color: #000;
    padding: 10px 20px;
    border: none;
    cursor: pointer;
    margin-left: 10px;
}
.team1-cancel-edit:hover {
    background: #bbb;
}
.game-item {
    margin-bottom: 30px;
}
.game-details {
    margin: 15px 0;
    padding: 15px;
    background: #f5f5f5;
    border: 1px solid #ddd;
}
.game-image {
    max-width: 300px;
    height: auto;
    margin-bottom: 15px;
}
.game-content {
    margin: 15px 0;
}
.how-to-section {
    margin: 20px 0;
    padding: 15px;
    background: #fff;
    border: 1px solid #ddd;
}
.pending-revision {
    border-left: 4px solid #ffa500;
    padding-left: 10px;
}
.youtube-embed {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 aspect ratio */
    height: 0;
    overflow: hidden;
    max-width: 100%;
}
.youtube-embed iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}