/**
 * FORCE UNIFIED BUTTONS ON APP/CLUB PAGES
 * 
 * Makes all buttons on app.php and club.php use the unified gold/purple gradient system
 */

/* ========================================
   APP HERO DOWNLOAD BUTTON - GOLD
   ======================================== */

.app-hero-btn,
.club-hero-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    background: linear-gradient(135deg, #fbbf24, #f59e0b) !important;
    color: #0f172a !important;
    padding: 16px 32px !important;
    border: none !important;
    border-radius: 12px !important;
    font-weight: 700 !important;
    font-size: 1rem !important;
    text-decoration: none !important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
    box-shadow: 0 10px 30px rgba(251, 191, 36, 0.4) !important;
    cursor: pointer !important;
}

.app-hero-btn:hover,
.club-hero-btn:hover {
    transform: translateY(-3px) !important;
    box-shadow: 0 15px 40px rgba(251, 191, 36, 0.6) !important;
    background: linear-gradient(135deg, #f59e0b, #d97706) !important;
}

/* ========================================
   CLUB CARD BUTTON IN SIDEBAR - PURPLE
   ======================================== */

.club-card-btn,
.club-card:hover .club-card-btn {
    display: block !important;
    text-align: center !important;
    background: linear-gradient(135deg, #6366f1, #8b5cf6) !important;
    color: white !important;
    padding: 10px !important;
    border-radius: 8px !important;
    font-weight: 600 !important;
    font-size: 0.9rem !important;
    transition: all 0.2s ease !important;
    box-shadow: 0 4px 12px rgba(99, 102, 241, 0.3) !important;
}

.club-card-btn:hover,
.club-card:hover .club-card-btn:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 20px rgba(99, 102, 241, 0.4) !important;
    background: linear-gradient(135deg, #8b5cf6, #a78bfa) !important;
}

/* ========================================
   APP INFO BUTTON IN CLUB PAGE SIDEBAR - PURPLE
   ======================================== */

.app-info-btn {
    display: block !important;
    background: linear-gradient(135deg, #6366f1, #8b5cf6) !important;
    color: white !important;
    padding: 12px !important;
    border-radius: 12px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 4px 12px rgba(99, 102, 241, 0.3) !important;
}

.app-info-btn:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 20px rgba(99, 102, 241, 0.4) !important;
    background: linear-gradient(135deg, #8b5cf6, #a78bfa) !important;
}

/* ========================================
   OVERRIDE ANY CUSTOM BUTTON STYLES
   ======================================== */

/* Force app page download buttons to gold */
.app-hub-page .btn-primary,
.app-hub-page .download-btn,
.app-hero .btn-primary {
    background: linear-gradient(135deg, #fbbf24, #f59e0b) !important;
    color: #0f172a !important;
    box-shadow: 0 10px 30px rgba(251, 191, 36, 0.4) !important;
}

.app-hub-page .btn-primary:hover,
.app-hero .btn-primary:hover {
    background: linear-gradient(135deg, #f59e0b, #d97706) !important;
    box-shadow: 0 15px 40px rgba(251, 191, 36, 0.6) !important;
}

/* Force club page buttons to gold */
.club-review-page .club-hero-btn,
.club-review-page .btn-primary {
    background: linear-gradient(135deg, #fbbf24, #f59e0b) !important;
    color: #0f172a !important;
    box-shadow: 0 10px 30px rgba(251, 191, 36, 0.4) !important;
}

/* ========================================
   CLUBS LISTING PAGE BUTTONS
   ======================================== */

.club-review-card .btn-primary,
.club-card-actions .btn-primary {
    background: linear-gradient(135deg, #fbbf24, #f59e0b) !important;
    color: #0f172a !important;
    padding: 10px 20px !important;
    font-size: 0.9rem !important;
}

.club-review-card .btn-secondary,
.club-card-actions .btn-secondary {
    background: linear-gradient(135deg, #6366f1, #8b5cf6) !important;
    color: white !important;
    padding: 10px 20px !important;
    font-size: 0.9rem !important;
}