/* Critical UI Fixes for Snooker Plus */

/* 1. Fix tournament section stretching completely */
.tournament-section .btn,
.tournament-section .btn:hover,
.tournament-section .btn:focus,
.tournament-section .btn:active,
.tournament-section .btn-link,
.tournament-section .btn-link:hover,
.tournament-section .btn-link:focus,
.tournament-section .btn-link:active {
    transform: none !important;
    scale: none !important;
    transition: color 0.2s ease !important;
    text-decoration: none !important;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    font-size: 1.3rem !important;
    font-weight: 700 !important;
    color: #01AB7A !important;
    padding: 0.375rem 0 !important;
    background: none !important;
    background-color: transparent !important;
}

/* Prevent any parent containers from scaling */
.tournament-section h2,
.tournament-section .card-header,
.tournament-section .card {
    transform: none !important;
    transition: none !important;
}

/* 2. Global override for any button scaling that might cause issues */
button:hover {
    transform: none !important;
    scale: none !important;
}

.btn:hover {
    transform: none !important;
    scale: none !important;
}

/* 3. Ensure banner displays properly */
.leaderboard-banner {
    display: flex !important;
    background: #181A20 !important;
}

.leaderboard-banner img {
    display: block !important;
    visibility: visible !important;
    width: 100% !important;
    height: 300px !important;
    object-fit: cover !important;
    opacity: 0.85 !important;
}

/* 4. Hide any stray text content */
body > text,
body::before {
    display: none !important;
}

/* 5. Override any Bootstrap conflicting styles */
.collapse .btn {
    transform: none !important;
}

.card-header .btn {
    transform: none !important;
}

/* 6. Prevent tournament card stretching */
.tournament-card:hover {
    transform: none !important;
    scale: none !important;
}