/* ========== FOOTBALL BINGO CARD GENERATOR ========== */

.football-bingo-layout { display: grid; grid-template-columns: 1fr; gap: 30px; align-items: start; }
.football-bingo-panel { width: 100%; background: #fff; border: 1px solid #d7d7d7; border-radius: 6px; box-shadow: 0 2px 8px rgba(0,0,0,.08); overflow: hidden; }
.football-bingo-form { padding: 20px; }
.football-bingo-field-group { margin-bottom: 20px; }
.football-bingo-field-group:last-child { margin-bottom: 0; }
.football-bingo-label { display: block; color: #1f1f1f; }
.football-bingo-option-row { display: grid; grid-template-columns: repeat(auto-fit, minmax(125px, 1fr)); gap: 10px; }
.football-bingo-checkbox-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(125px, 1fr)); gap: 10px; }
.football-bingo-choice-input { opacity: 0; position: absolute; z-index: -1; }
.football-bingo-choice-label { display: inline-flex; align-items: center; justify-content: center; text-align: center; border: 1px solid #000; border-radius: 4px; color: #000; background: #fff; padding: 8px; margin: 0px; width: 100%; min-width: 100px; line-height: 1.2; cursor: pointer; }
.football-bingo-choice-input:checked + .football-bingo-choice-label { background: #5e933f; color: #fff; }
#football-bingo-card-title, #football-bingo-custom-events { width: 100%; border: 1px solid #000; border-radius: 4px; padding: 10px; }
#football-bingo-custom-events { resize: vertical; min-height: 130px; }
.football-bingo-help { font-size: 12px; color: #666; margin: 5px 0 0; }
.football-bingo-message { font-size: 14px; text-align: center; }
.football-bingo-message.is-error { color: #b00020; margin-top: 10px; }
.football-bingo-message.is-success { color: #507f35; margin-top: 10px; }
.football-bingo-actions { display: flex; flex-wrap: wrap; gap: 12px; margin: 30px 0px 0px; align-items: center; justify-content: center; }
#football-bingo-generate-btn { width: 100%; }
.football-bingo-preview-print-icon { display: none; }
.football-bingo-preview-print-icon .printomatic.fa.fa-print { color: #fff; margin: 0px 5px 0px 0px; padding: 0px; background-color: transparent; font-size: 16px; border: none; vertical-align: top; }
.football-bingo-preview-print-icon .printomatic.fa.fa-print:hover, .football-bingo-preview-print-icon .printomatic.fa.fa-print:focus { color: #fff; text-decoration: none; }
.football-bingo-preview { padding: 20px; background: #f4f4f4; display: flex; align-items: flex-start; justify-content: center; }
.football-bingo-print-area { position: absolute; left: 0; top: 0; width: 0; height: 0; overflow: hidden; opacity: 0; pointer-events: none; z-index: -1; }
.football-bingo-card { width: 100%; max-width: 780px; margin: 0 auto 24px; background: #fff; color: #3f3f3f; page-break-after: always; break-after: page; }
.football-bingo-preview .football-bingo-card { margin: 0 auto; page-break-after: auto; break-after: auto; box-shadow: 0 2px 10px rgba(0,0,0,.15); }
.football-bingo-card-header { height: 75px; display: flex; align-items: center; justify-content: center; text-align: center; background: #3f3f3f; color: #fff; border: 2px solid #3f3f3f; font-size: 34px; line-height: 1; padding: 0 12px; }
.football-bingo-card-grid { display: grid; border-left: 2px solid #3f3f3f; border-top: 2px solid #3f3f3f; }
.football-bingo-square { position: relative; aspect-ratio: 1 / 1; border-right: 2px solid #3f3f3f; border-bottom: 2px solid #3f3f3f; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; padding: 7%; background: #fff; color: #6b6b6b; line-height: 1.4; word-break: normal; overflow: hidden; }
.football-bingo-square.is-alt { background: #dadada; }
.football-bingo-square.is-free { background: #dff0d8; color: #507f35; }
.football-bingo-square img { display: block; max-width: 72%; max-height: 36%; width: auto; height: auto; object-fit: contain; margin: 0 0 8%; }
.football-bingo-square span { display: block; }
.football-bingo-square i { color: #507f35; }
.football-bingo-card.is-3x3 .football-bingo-square { font-size: 24px; }
.football-bingo-card.is-5x5 .football-bingo-square { font-size: 16px; }
.football-bingo-card.is-7x7 .football-bingo-square { font-size: 12px; }
.football-bingo-card.is-3x3 .football-bingo-square i { font-size: 78px; margin: 0 0 18px; }
.football-bingo-card.is-5x5 .football-bingo-square i { font-size: 48px; margin: 0 0 10px; }
.football-bingo-card.is-7x7 .football-bingo-square i { font-size: 32px; margin: 0 0 8px; }
.football-bingo-card-footer { height: 60px; display: grid; grid-template-columns: 1.1in 1fr 1.1in; background: #3f3f3f; color: #fff; border-left: 2px solid #3f3f3f; border-right: 2px solid #3f3f3f; border-bottom: 2px solid #3f3f3f; }
.football-bingo-footer-logo { display: flex; align-items: center; justify-content: center; padding: 4px; }
.football-bingo-footer-logo img { max-height: 50px; max-width: 100%; width: auto; height: auto; }
.football-bingo-footer-text { display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; font-size: 12px; }

@media (max-width: 767px) {
.football-bingo-checkbox-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.football-bingo-option-row { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.football-bingo-choice-label { min-width: 0; font-size: 14px; }
.football-bingo-card-header { font-size: 20px; height: 60px; }
.football-bingo-card-footer { height: 48px; grid-template-columns: .75in 1fr .75in; }
.football-bingo-footer-text { font-size: 10px; line-height: 1.4; }
.football-bingo-footer-logo img { max-height: 36px; }
.football-bingo-card.is-3x3 .football-bingo-square { font-size: 12px; }
.football-bingo-card.is-5x5 .football-bingo-square { font-size: 8px; }
.football-bingo-card.is-7x7 .football-bingo-square { font-size: 6px; }
.football-bingo-card.is-3x3 .football-bingo-square i { font-size: 35px; margin: 0 0 8px; }
.football-bingo-card.is-5x5 .football-bingo-square i { font-size: 20px; margin: 0 0 5px; }
.football-bingo-card.is-7x7 .football-bingo-square i { font-size: 14px; margin: 0 0 4px; }
}