/**
 * AGGRESSIVE BUTTON COLOR OVERRIDES
 * This file MUST load LAST to enforce gradient button colors
 * Used to prevent any CSS cascade from overriding btn-gradient-peach and btn-gradient-teal
 */

/* ALL MODALS & BUTTONS - Specific IDs and contexts */
#recordScoreModal .btn-gradient-peach,
.score-modal .btn-gradient-peach,
#recordScoreModal button.btn-gradient-peach,
.score-modal button.btn-gradient-peach,
#recordScoreModal .modal-footer .btn-gradient-peach,
.score-modal .modal-footer .btn-gradient-peach,
#recordScoreModal button[type="submit"].btn-gradient-peach,
.score-modal button[type="submit"].btn-gradient-peach,
#invitePlayerModal .btn-gradient-peach:not(#general-share-btn):not(#search-button),
#invitePlayerModal .invite-player-btn,
#invitePlayerModal button.invite-player-btn,
/* All other modals */
#manageAttendanceModal .btn-gradient-peach,
#replacePlayerModal .btn-gradient-peach,
#removePlayerModal .btn-gradient-peach,
#deleteCompetitionModal .btn-gradient-peach,
#joinCompetitionModal .btn-gradient-peach,
#qrJoinModal .btn-gradient-peach,
#rulesModal .btn-gradient-peach,
#competitionRulesModal .btn-gradient-peach,
#matchAssignmentModal .btn-gradient-peach,
#rescheduleMatchModal .btn-gradient-peach,
#matchDetailsModal .btn-gradient-peach,
#addFolderModal .btn-gradient-peach,
#renameFolderModal .btn-gradient-peach,
#copyCompetitionModal .btn-gradient-peach,
#moveToFolderModal .btn-gradient-peach,
/* Specific button IDs */
#deleteCompetitionButton.btn-gradient-peach,
#saveMatchAssignmentsBtn.btn-gradient-peach,
#dismissAnnouncementBtn.btn-gradient-peach,
#create-folder-btn.btn-gradient-peach,
#confirm-rename-folder-btn.btn-gradient-peach,
.invite-player-btn.btn-gradient-peach,
.invite-player-btn,
/* Generic modal footer buttons */
.modal .modal-footer .btn-gradient-peach,
.modal-dialog .btn-gradient-peach,
/* Form buttons */
form .btn-gradient-peach,
form button.btn-gradient-peach,
button[type="submit"].btn-gradient-peach,
/* All elements with the class */
[class*="btn-gradient-peach"] {
    background: linear-gradient(135deg, #D2A679 0%, #b8915e 100%) !important;
    background-color: #D2A679 !important;
    color: #111 !important;
    border: 1px solid rgba(210, 166, 121, 0.7) !important;
}

/* Dropdown items - white text */
.dropdown-menu .dropdown-item,
.dropdown-item,
.dropdown-menu a.dropdown-item {
    color: #fff !important;
}

/* Already in competition badge - teal */
.badge[style*="496E78"],
.badge[style*="background-color: #496E78"] {
    background-color: #496E78 !important;
}

/* PEACH GRADIENT - Overrides ALL previous rules */
.btn.btn-gradient-peach,
button.btn-gradient-peach,
button[type="submit"].btn-gradient-peach,
form button.btn-gradient-peach,
.modal-footer button.btn-gradient-peach,
.modal-footer button[type="submit"].btn-gradient-peach,
.modal-content .btn-gradient-peach,
.modal-content button.btn-gradient-peach {
    background: linear-gradient(135deg, #D2A679 0%, #b8915e 100%) !important;
    background-color: #D2A679 !important;
    color: #111 !important;
    border: 1px solid rgba(210, 166, 121, 0.7) !important;
    border-color: rgba(210, 166, 121, 0.7) !important;
}

/* PEACH BUTTON DISABLED - ALL CONTEXTS */
.btn.btn-gradient-peach:disabled,
.btn.btn-gradient-peach.disabled,
button.btn-gradient-peach:disabled,
#resetTournamentButton:disabled,
#deleteCompetitionButton:disabled,
[class*="btn-gradient-peach"]:disabled,
[class*="btn-gradient-peach"].disabled {
    background: linear-gradient(135deg, rgba(210, 166, 121, 0.35) 0%, rgba(184, 145, 94, 0.35) 100%) !important;
    background-color: rgba(210, 166, 121, 0.35) !important;
    color: rgba(17, 17, 17, 0.4) !important;
    border: 1px solid rgba(210, 166, 121, 0.2) !important;
    cursor: not-allowed !important;
    opacity: 1 !important;
}

/* PEACH BUTTON HOVER - ALL CONTEXTS */
.btn.btn-gradient-peach:hover,
button.btn-gradient-peach:hover,
button[type="submit"].btn-gradient-peach:hover,
form button.btn-gradient-peach:hover,
.modal-footer button.btn-gradient-peach:hover,
.modal-footer button[type="submit"].btn-gradient-peach:hover,
.modal-content .btn-gradient-peach:hover,
.modal-content button.btn-gradient-peach:hover,
#recordScoreModal .btn-gradient-peach:hover,
.score-modal .btn-gradient-peach:hover,
#manageAttendanceModal .btn-gradient-peach:hover,
#replacePlayerModal .btn-gradient-peach:hover,
#deleteCompetitionModal .btn-gradient-peach:hover,
#resetTournamentModal .btn-gradient-peach:hover,
#joinCompetitionModal .btn-gradient-peach:hover,
#qrJoinModal .btn-gradient-peach:hover,
#matchAssignmentModal .btn-gradient-peach:hover,
#addFolderModal .btn-gradient-peach:hover,
#renameFolderModal .btn-gradient-peach:hover,
#copyCompetitionModal .btn-gradient-peach:hover,
#deleteCompetitionButton:hover,
#resetTournamentButton:hover,
#saveMatchAssignmentsBtn:hover,
#dismissAnnouncementBtn:hover,
#create-folder-btn:hover,
#confirm-rename-folder-btn:hover,
.invite-player-btn:hover,
[class*="btn-gradient-peach"]:hover {
    background: linear-gradient(135deg, #e0b88d 0%, #c4a070 100%) !important;
    background-color: #e0b88d !important;
    color: #111 !important;
    box-shadow: 0 4px 12px rgba(210, 166, 121, 0.3) !important;
}

/* PEACH BUTTON FOCUS - ALL CONTEXTS */
.btn.btn-gradient-peach:focus,
button.btn-gradient-peach:focus,
button[type="submit"].btn-gradient-peach:focus,
form button.btn-gradient-peach:focus,
.modal-footer button.btn-gradient-peach:focus,
.modal-footer button[type="submit"].btn-gradient-peach:focus,
.modal-content .btn-gradient-peach:focus,
.modal-content button.btn-gradient-peach:focus,
#recordScoreModal .btn-gradient-peach:focus,
.score-modal .btn-gradient-peach:focus,
#manageAttendanceModal .btn-gradient-peach:focus,
#replacePlayerModal .btn-gradient-peach:focus,
#deleteCompetitionModal .btn-gradient-peach:focus,
#resetTournamentModal .btn-gradient-peach:focus,
#joinCompetitionModal .btn-gradient-peach:focus,
#qrJoinModal .btn-gradient-peach:focus,
#matchAssignmentModal .btn-gradient-peach:focus,
#addFolderModal .btn-gradient-peach:focus,
#renameFolderModal .btn-gradient-peach:focus,
#copyCompetitionModal .btn-gradient-peach:focus,
#deleteCompetitionButton:focus,
#resetTournamentButton:focus,
#saveMatchAssignmentsBtn:focus,
#dismissAnnouncementBtn:focus,
#create-folder-btn:focus,
#confirm-rename-folder-btn:focus,
.invite-player-btn:focus,
[class*="btn-gradient-peach"]:focus {
    background: linear-gradient(135deg, #D2A679 0%, #b8915e 100%) !important;
    background-color: #D2A679 !important;
    color: #111 !important;
    box-shadow: 0 0 0 0.2rem rgba(210, 166, 121, 0.25) !important;
}

/* PEACH BUTTON ACTIVE - ALL CONTEXTS */
.btn.btn-gradient-peach:active,
button.btn-gradient-peach:active,
button[type="submit"].btn-gradient-peach:active,
form button.btn-gradient-peach:active,
.modal-footer button.btn-gradient-peach:active,
.modal-footer button[type="submit"].btn-gradient-peach:active,
.modal-content .btn-gradient-peach:active,
.modal-content button.btn-gradient-peach:active,
#recordScoreModal .btn-gradient-peach:active,
.score-modal .btn-gradient-peach:active,
#manageAttendanceModal .btn-gradient-peach:active,
#replacePlayerModal .btn-gradient-peach:active,
#deleteCompetitionModal .btn-gradient-peach:active,
#resetTournamentModal .btn-gradient-peach:active,
#joinCompetitionModal .btn-gradient-peach:active,
#qrJoinModal .btn-gradient-peach:active,
#matchAssignmentModal .btn-gradient-peach:active,
#addFolderModal .btn-gradient-peach:active,
#renameFolderModal .btn-gradient-peach:active,
#copyCompetitionModal .btn-gradient-peach:active,
#deleteCompetitionButton:active,
#resetTournamentButton:active,
#saveMatchAssignmentsBtn:active,
#dismissAnnouncementBtn:active,
#create-folder-btn:active,
#confirm-rename-folder-btn:active,
.invite-player-btn:active,
[class*="btn-gradient-peach"]:active {
    background: linear-gradient(135deg, #b8915e 0%, #9f7c4f 100%) !important;
    background-color: #b8915e !important;
    color: #111 !important;
}

/* TEAL GRADIENT - Cancel/Secondary buttons - ALL CONTEXTS */
.btn.btn-gradient-teal,
button.btn-gradient-teal,
button[type="button"].btn-gradient-teal,
form button.btn-gradient-teal,
.modal-footer button.btn-gradient-teal,
.modal-footer button[type="button"].btn-gradient-teal,
.modal-content .btn-gradient-teal,
.modal-content button.btn-gradient-teal,
#recordScoreModal .btn-gradient-teal,
.score-modal .btn-gradient-teal,
#replacePlayerModal .btn-gradient-teal,
#deleteCompetitionModal .btn-gradient-teal,
#joinCompetitionModal .btn-gradient-teal,
#qrJoinModal .btn-gradient-teal,
#competitionRulesModal .btn-gradient-teal,
#matchAssignmentModal .btn-gradient-teal,
#addFolderModal .btn-gradient-teal,
#renameFolderModal .btn-gradient-teal,
#copyCompetitionModal .btn-gradient-teal,
#moveToFolderModal .btn-gradient-teal,
[class*="btn-gradient-teal"] {
    background: linear-gradient(135deg, #496E78 0%, #2d4a54 100%) !important;
    background-color: #496E78 !important;
    color: #fff !important;
    border: 1px solid rgba(73, 110, 120, 0.7) !important;
    border-color: rgba(73, 110, 120, 0.7) !important;
}

/* TEAL BUTTON HOVER - ALL CONTEXTS */
.btn.btn-gradient-teal:hover,
button.btn-gradient-teal:hover,
button[type="button"].btn-gradient-teal:hover,
form button.btn-gradient-teal:hover,
.modal-footer button.btn-gradient-teal:hover,
.modal-footer button[type="button"].btn-gradient-teal:hover,
.modal-content .btn-gradient-teal:hover,
.modal-content button.btn-gradient-teal:hover,
#recordScoreModal .btn-gradient-teal:hover,
.score-modal .btn-gradient-teal:hover,
#replacePlayerModal .btn-gradient-teal:hover,
#deleteCompetitionModal .btn-gradient-teal:hover,
#joinCompetitionModal .btn-gradient-teal:hover,
#qrJoinModal .btn-gradient-teal:hover,
#matchAssignmentModal .btn-gradient-teal:hover,
#addFolderModal .btn-gradient-teal:hover,
#renameFolderModal .btn-gradient-teal:hover,
#copyCompetitionModal .btn-gradient-teal:hover,
[class*="btn-gradient-teal"]:hover {
    background: linear-gradient(135deg, #5a8591 0%, #3d5a64 100%) !important;
    background-color: #5a8591 !important;
    color: #fff !important;
    box-shadow: 0 4px 12px rgba(73, 110, 120, 0.3) !important;
}

/* TEAL BUTTON FOCUS - ALL CONTEXTS */
.btn.btn-gradient-teal:focus,
button.btn-gradient-teal:focus,
button[type="button"].btn-gradient-teal:focus,
form button.btn-gradient-teal:focus,
.modal-footer button.btn-gradient-teal:focus,
.modal-footer button[type="button"].btn-gradient-teal:focus,
.modal-content .btn-gradient-teal:focus,
.modal-content button.btn-gradient-teal:focus,
#recordScoreModal .btn-gradient-teal:focus,
.score-modal .btn-gradient-teal:focus,
#replacePlayerModal .btn-gradient-teal:focus,
#deleteCompetitionModal .btn-gradient-teal:focus,
#joinCompetitionModal .btn-gradient-teal:focus,
#qrJoinModal .btn-gradient-teal:focus,
#matchAssignmentModal .btn-gradient-teal:focus,
#addFolderModal .btn-gradient-teal:focus,
#renameFolderModal .btn-gradient-teal:focus,
#copyCompetitionModal .btn-gradient-teal:focus,
[class*="btn-gradient-teal"]:focus {
    background: linear-gradient(135deg, #496E78 0%, #2d4a54 100%) !important;
    background-color: #496E78 !important;
    color: #fff !important;
    box-shadow: 0 0 0 0.2rem rgba(73, 110, 120, 0.25) !important;
}

/* TEAL BUTTON ACTIVE - ALL CONTEXTS */
.btn.btn-gradient-teal:active,
button.btn-gradient-teal:active,
button[type="button"].btn-gradient-teal:active,
form button.btn-gradient-teal:active,
.modal-footer button.btn-gradient-teal:active,
.modal-footer button[type="button"].btn-gradient-teal:active,
.modal-content .btn-gradient-teal:active,
.modal-content button.btn-gradient-teal:active,
#recordScoreModal .btn-gradient-teal:active,
.score-modal .btn-gradient-teal:active,
#replacePlayerModal .btn-gradient-teal:active,
#deleteCompetitionModal .btn-gradient-teal:active,
#joinCompetitionModal .btn-gradient-teal:active,
#qrJoinModal .btn-gradient-teal:active,
#matchAssignmentModal .btn-gradient-teal:active,
#addFolderModal .btn-gradient-teal:active,
#renameFolderModal .btn-gradient-teal:active,
#copyCompetitionModal .btn-gradient-teal:active,
[class*="btn-gradient-teal"]:active {
    background: linear-gradient(135deg, #3d5a64 0%, #253d45 100%) !important;
    background-color: #3d5a64 !important;
    color: #fff !important;
}