/* ===== СТРАНИЦА: ГЛАВНАЯ (index.html) ===== */

/* ----- 1. БАЗОВЫЕ СТИЛИ (ДЕСКТОП) ----- */
#matches-by-day .day-header {
    display: block;
    background: #d6e6ff;
    color: #0d6efd;
    padding: 12px 16px;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(13,110,253,0.1);
    border: 1px solid rgba(13,110,253,0.1);
    font-weight: 700;
    border-left: none;
    margin-top: 24px;
    margin-bottom: 16px;
}

#matches-by-day .day-header:first-child {
    margin-top: 0;
}

/* Стили для бейджа прогноза */
#matches-by-day .prediction-badge {
    padding: 6px 12px;
    background: var(--color-secondary);
    color: white;
    border-radius: 20px;
    display: inline-block;
}

/* ----- 2. МОБИЛЬНЫЕ СТИЛИ (ВЕБ) ----- */
@media (max-width: 767px) {
    .container h2,
    .container .text-center {
        font-weight: 900;
        font-size: 1.25rem;
    }

    /* Инпуты для прогнозов - фиксированный размер против зума */
    #matches-by-day .prediction-input-home,
    #matches-by-day .prediction-input-away {
        font-size: 17px;
        width: 55px;
        height: 42px;
        font-weight: 600;
    }
    
    #matches-by-day .prediction-form .btn-primary,
    #matches-by-day button[type="submit"] {
        font-size: 15px;
        padding: 7px 14px;
        font-weight: 600;
    }
}

/* ----- 3. CAPACITOR СТИЛИ (ПРИЛОЖЕНИЕ) ----- */
.capacitor-app .container h2,
.capacitor-app .container .text-center {
    font-weight: 900;
    font-size: 1.25rem;
}

.capacitor-app #matches-by-day .prediction-input-home,
.capacitor-app #matches-by-day .prediction-input-away {
    font-size: 17px;
    width: 55px;
    height: 42px;
    font-weight: 600;
}

.capacitor-app #matches-by-day .prediction-form .btn-primary,
.capacitor-app #matches-by-day button[type="submit"] {
    font-size: 15px;
    padding: 7px 14px;
    font-weight: 600;
}