/**
 * FIX BUTTON COLORS - CORRECT CRIMSON BRANDING
 * Ensures all primary action buttons use crimson red (#c8a03c)
 * Gold is accent/secondary only
 */

@media (max-width: 768px) {
    /* Training programme buttons - CRIMSON (red) to match timetable */
    .prog-select-btn,
    .prog-start-btn,
    .begin-session-btn {
        background: #c8a03c !important; /* Crimson red - primary brand */
        color: #ffffff !important; /* White text */
        font-weight: 700 !important;
        border: none !important;
    }

    .prog-select-btn:hover,
    .prog-start-btn:hover,
    .begin-session-btn:hover {
        background: #d4af37 !important; /* Lighter crimson on hover */
    }

    .prog-select-btn:active,
    .prog-start-btn:active,
    .begin-session-btn:active {
        background: #b8972e !important; /* Darker crimson on press */
        transform: scale(0.98) !important;
    }

    /* Timetable book buttons - already crimson, ensure consistency */
    .book-class-btn,
    .btn-book-class {
        background: #c8a03c !important;
        color: #ffffff !important;
    }

    /* Primary buttons throughout app - crimson */
    .btn-primary {
        background: linear-gradient(135deg, #c8a03c 0%, #b8972e 100%) !important;
        color: #ffffff !important;
    }

    .btn-primary:hover {
        background: linear-gradient(135deg, #d4af37 0%, #b8972e 100%) !important;
    }

    /* Gold accent for progress bars and highlights only */
    .prog-progress-fill {
        background: linear-gradient(90deg, #c8a03c, #d4ac4a) !important;
    }

    .prog-card-active {
        border-color: #c8a03c !important; /* Gold border for active state */
        background: rgba(200, 160, 60, 0.08) !important;
    }

    .pathway-tab.active {
        background: rgba(200, 160, 60, 0.15) !important; /* Crimson tint */
        color: #c8a03c !important; /* Crimson text */
        border-color: #c8a03c !important; /* Crimson border */
    }

    /* Active programme card - crimson accent */
    .my-programme-card {
        background: rgba(200, 160, 60, 0.08) !important;
        border: 1px solid rgba(200, 160, 60, 0.3) !important;
    }
}

/* Desktop consistency */
@media (min-width: 769px) {
    .prog-select-btn,
    .prog-start-btn,
    .begin-session-btn {
        background: #c8a03c !important;
        color: #ffffff !important;
    }

    .prog-select-btn:hover,
    .prog-start-btn:hover,
    .begin-session-btn:hover {
        background: #d4af37 !important;
    }
}