/*
Theme Name: Rackemjoe Theme
Description: Custom WordPress theme for the Hoosier Open 9-Ball Tour.
Author: Admin
Version: 1.0.4
Text Domain: rackemjoe
*/

/* Phase 3: The Live Leaderboard Cut Line */
.indy-standings-table { width: 100%; border-collapse: collapse; margin: 20px 0; }
.indy-standings-table th, .indy-standings-table td { padding: 12px; border: 1px solid rgba(255, 255, 255, 0.1); text-align: left; }
.indy-standings-table th { background-color: #111; color: white; text-transform: uppercase; font-family: 'Outfit', sans-serif; letter-spacing: 1px;}
.indy-standings-table td { color: #ccc; }

/* The "Gold" Highlight for the Top 16 */
.in-the-cut { background-color: rgba(230, 185, 56, 0.1); font-weight: bold; border-left: 5px solid #E6B938; }
.in-the-cut td { color: #fff; }

/* The "Cut Line" border after rank 16 */
.indy-standings-table tr:nth-child(16) { border-bottom: 3px solid #ff4444; }

/* Phase 5: PWA Standalone App Wrapper */
@media all and (display-mode: standalone) {
    header, footer, nav, .site-header, .site-footer {
        display: none !important;
    }
    .player-card-container, #primary {
        padding-top: 20px !important;
    }
}

/* Hoosier Open Pro Player Card */
.player-card {
    background: linear-gradient(135deg, #1a1a1a 0%, #0d0d0d 100%);
    border: 1px solid #D4AF37;
    border-radius: 15px;
    padding: 20px;
    margin: 15px auto;
    max-width: 400px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.5);
    color: #fff;
    font-family: 'Inter', sans-serif;
}

.player-header {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #333;
    padding-bottom: 15px;
    margin-bottom: 15px;
}

.player-avatar {
    width: 60px;
    height: 60px;
    background: #D4AF37;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    font-weight: bold;
    margin-right: 15px;
}

.stats-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
    text-align: center;
}

.stat-item {
    background: rgba(255, 255, 255, 0.05);
    padding: 10px;
    border-radius: 10px;
}

.stat-value {
    display: block;
    font-size: 18px;
    font-weight: bold;
    color: #D4AF37;
}

.stat-label {
    font-size: 10px;
    text-transform: uppercase;
    color: #888;
}

.earnings-highlight {
    margin-top: 15px;
    background: rgba(0, 255, 0, 0.1);
    border: 1px solid #00ff00;
    padding: 10px;
    border-radius: 8px;
    text-align: center;
    font-weight: bold;
    color: #00ff00;
}

/* Register page form visibility fix */
.page-id-593 .fluentform .ff-el-form-control,
.page-id-593 .fluentform input,
.page-id-593 .fluentform textarea,
.page-id-593 .fluentform select {
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    caret-color: #E6B938 !important;
}

.page-id-593 .fluentform .ff-el-form-control::placeholder,
.page-id-593 .fluentform input::placeholder,
.page-id-593 .fluentform textarea::placeholder {
    color: rgba(255, 255, 255, 0.55) !important;
    -webkit-text-fill-color: rgba(255, 255, 255, 0.55) !important;
}

.page-id-593 .fluentform input:-webkit-autofill,
.page-id-593 .fluentform input:-webkit-autofill:hover,
.page-id-593 .fluentform input:-webkit-autofill:focus,
.page-id-593 .fluentform textarea:-webkit-autofill,
.page-id-593 .fluentform select:-webkit-autofill {
    -webkit-text-fill-color: #fff !important;
    box-shadow: 0 0 0 1000px #333 inset !important;
    transition: background-color 9999s ease-in-out 0s;
}

.page-id-593 .fluentform select option {
    color: #fff;
    background-color: #333;
}

.tml input[type="text"],
.tml input[type="email"],
.tml input[type="password"],
.theme-my-login input[type="text"],
.theme-my-login input[type="email"],
.theme-my-login input[type="password"] {
    color: #111 !important;
    -webkit-text-fill-color: #111 !important;
    caret-color: #E6B938 !important;
    background-color: #fff !important;
}

.tml input[type="text"]::placeholder,
.tml input[type="email"]::placeholder,
.tml input[type="password"]::placeholder,
.theme-my-login input[type="text"]::placeholder,
.theme-my-login input[type="email"]::placeholder,
.theme-my-login input[type="password"]::placeholder {
    color: rgba(17, 17, 17, 0.35) !important;
    -webkit-text-fill-color: rgba(17, 17, 17, 0.35) !important;
}

.tml input:-webkit-autofill,
.tml input:-webkit-autofill:hover,
.tml input:-webkit-autofill:focus,
.theme-my-login input:-webkit-autofill,
.theme-my-login input:-webkit-autofill:hover,
.theme-my-login input:-webkit-autofill:focus {
    -webkit-text-fill-color: #111 !important;
    box-shadow: 0 0 0 1000px #fff inset !important;
    transition: background-color 9999s ease-in-out 0s;
}