/* OU Global Styles Mobile App - Version 2.10 */
@media (max-width: 768px) {
    .ou-home-stats-container {
        margin: 1rem 0.5rem;
        border-radius: 5px;
        background: #ffffff;
        border: 1px solid #FF9800;
        overflow: hidden;
    }
    
    .ou-home-stats-header {
        padding: 1.25rem 1.5rem;
        background-color: #0B1C4B;
        color: white;
        position: relative;
    }
    
    .ou-home-stats-header::after {
        content: '';
        position: absolute;
        bottom: -8px;
        left: 0;
        right: 0;
        height: 8px;
    }
    
    .ou-home-stats-title {
        font-size: 1.375rem;
        font-weight: 700;
        margin-bottom: 0.02rem;
        display: flex;
        align-items: center;
        gap: 0.75rem;
    }
    
    /* Remove the statistics icon */
    .ou-home-stats-title::before {
        display: none;
    }
    
    /* Remove the update subtitle */
    .ou-home-stats-subtitle {
        display: none;
    }
    
    .ou-home-stats-league-info {
        display: flex;
        align-items: center;
        gap: 0.75rem;
    }
    
    .ou-home-stats-flag {
        font-size: 2rem;
        filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.2));
        flex-shrink: 0;
    }
    
    .ou-league-details {
        display: flex;
        flex-direction: column;
        gap: 0.25rem;
    }
    
    /* Hide league name and show country name as title */
    .ou-league-name {
        display: none;
    }
    
    .ou-country-name {
        font-size: 1.125rem;
        font-weight: 700;
        color: white;
    }
    
    .ou-home-stats-table-wrapper {
        border-radius: 0;
        background: #fafbfc;
        overflow: hidden;
    }
    
    .ou-home-stats-table {
        min-width: 100%;
        background: transparent;
    }
    
    /* Hide table header */
    .ou-home-stats-table thead {
        display: none;
    }
    
    /* Card-style table rows */
    .ou-home-stats-table tbody tr {
        background: white;
        margin: 0.5rem 1rem;
        display: block;
        margin-bottom: 0.75rem;
        transition: all 0.2s ease;
    }
    
    .ou-home-stats-table tbody tr:active {
        transform: scale(0.98);
        background: #f8fafc;
    }
    
    .ou-home-stats-table td {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 0.50rem 1.25rem;
        position: relative;
        font-size: 0.875rem;
    }
    
    /* Add border to all cells except those containing profit badges */
    .ou-home-stats-table td:not(:has(.ou-home-profit-positive)):not(:has(.ou-home-profit-negative)) {
        border-bottom: 1px solid #999;
    }
    
    .ou-home-stats-table td:last-child {
        border-bottom: none;
    }
    
    .ou-home-stats-table td::before {
        content: attr(data-label);
        font-weight: 600;
        color: #64748b;
        font-size: 0.875rem;
        text-transform: none;
        letter-spacing: 0;
        position: static;
        width: auto;
        padding-right: 0;
    }
    
    .ou-home-stats-table td::after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 1.25rem;
        right: 1.25rem;
        height: 1px;
        background: #f1f5f9;
    }
    
    /* Remove the pseudo-element border from profit cells */
    .ou-home-stats-table td:has(.ou-home-profit-positive)::after,
    .ou-home-stats-table td:has(.ou-home-profit-negative)::after {
        display: none;
    }
    
    .ou-home-stats-table td:last-child::after {
        display: none;
    }
    
    /* Profit badges - Remove border radius */
    .ou-home-profit-positive {
        background: #dcfce7;
        color: #166534;
        padding: 0.375rem 0.75rem;
        border-radius: 12px;
        font-weight: 600;
        font-size: 0.875rem;
        display: inline-flex;
        align-items: center;
        gap: 0.25rem;
    }
    
    .ou-home-profit-positive::before {
        content: '↗';
        font-size: 0.875rem;
    }
    
    .ou-home-profit-negative {
        background: #fef2f2;
        color: #dc2626;
        padding: 0.375rem 0.75rem;
        border-radius: 12px;
        font-weight: 600;
        font-size: 0.875rem;
        display: inline-flex;
        align-items: center;
        gap: 0.25rem;
    }
    
    .ou-home-profit-negative::before {
        content: '↘';
        font-size: 0.875rem;
    }
    
    /* Goal line section - Updated layout */
    .ou-home-stats-goal-line {
        background: linear-gradient(135deg, #fff3cd 0%, #ffeaa7 100%);
        border: 1px solid #ffeaa7;
        margin: 1rem;
        border-radius: 12px;
        padding: 1.25rem;
    }
    
    .ou-home-stats-goal-line td {
        display: block;
        text-align: center;
        padding: 0;
        border: none;
    }
    
    .ou-home-stats-goal-line td::before,
    .ou-home-stats-goal-line td::after {
        display: none;
    }
    
    .ou-home-goal-line-info {
        display: flex;
        justify-content: flex-end;
        align-items: center;
        gap: 0.20rem;
        width: auto;
        margin-left: auto;
    }
    
    .ou-goal-line-text {
        display: none;
    }
    
    .ou-home-upcoming-matches-badge {
        background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
        color: white;
        width: 48px;
        height: 48px;
        border-radius: 12px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-weight: 700;
        font-size: 0.875rem;
        box-shadow: 0 4px 12px rgba(102, 126, 234, 0.3);
        flex-shrink: 0;
        margin-left: auto;
    }
    
    .ou-home-stats-footer {
        padding: 1.5rem;
        background: #f8fafc;
        border-top: 1px solid #f1f5f9;
        display: flex;
        justify-content: center;
    }
    
    .ou-home-stats-button {
        background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
        color: white;
        border: none;
        padding: 0.875rem 2rem;
        border-radius: 12px;
        font-weight: 600;
        font-size: 0.9375rem;
        display: flex;
        align-items: center;
        gap: 0.5rem;
        box-shadow: 0 4px 12px rgba(102, 126, 234, 0.3);
        transition: all 0.2s ease;
    }
    
    .ou-home-stats-button:active {
        transform: translateY(2px);
        box-shadow: 0 2px 6px rgba(102, 126, 234, 0.3);
    }
    
    .ou-home-button-arrow {
        transition: transform 0.2s ease;
    }
    
    .ou-home-stats-button:active .ou-home-button-arrow {
        transform: translateX(3px);
    }
}

@media (max-width: 480px) {
    .ou-home-stats-container {
        margin: 0.75rem 0.5rem;
        border-radius: 14px;
    }
    
    .ou-home-stats-header {
        padding: 1.25rem 1.25rem;
    }
    
    .ou-home-stats-title {
        font-size: 1.25rem;
        margin-bottom: 0.02rem;
    }
    
    .ou-home-stats-league-info {
        gap: 0.625rem;
    }
    
    .ou-home-stats-flag {
        font-size: 1.75rem;
    }
    
    .ou-country-name {
        font-size: 1rem;
    }
    
    .ou-home-stats-table td {
        padding: 0.875rem 1rem;
        font-size: 0.8rem;
    }
    
    .ou-home-stats-table td::before {
        font-size: 0.8rem;
    }
    
    .ou-home-stats-goal-line {
        margin: 0.75rem;
        padding: 1rem;
    }
    
    .ou-home-upcoming-matches-badge {
        width: 42px;
        height: 42px;
        font-size: 0.8rem;
    }
    
    .ou-home-stats-footer {
        padding: 1.25rem;
    }
    
    .ou-home-stats-button {
        padding: 0.75rem 1.75rem;
        font-size: 0.875rem;
        width: 100%;
        justify-content: center;
    }
    
    .ou-home-profit-positive,
    .ou-home-profit-negative {
        padding: 0.3rem 0.6rem;
        font-size: 0.8rem;
    }
}