/* ===== COMPREHENSIVE BUTTON STYLES ===== */

/* Base Button Styles */
.btn-primary,
.btn-secondary,
.btn-outline,
.early-registration-btn,
.cta-registration-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0.5rem !important;
    border-radius: 8px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    border: none !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    position: relative !important;
    overflow: hidden !important;
    pointer-events: auto !important;
    user-select: none !important;
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    -ms-user-select: none !important;
    white-space: nowrap !important;
    outline: none !important;
}

/* Primary Button */
.btn-primary {
    background: linear-gradient(135deg, #2563eb, #0ea5e9) !important;
    color: white !important;
    box-shadow: 0 4px 15px rgba(37, 99, 235, 0.3) !important;
}

.btn-primary:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 20px rgba(37, 99, 235, 0.4) !important;
    background: linear-gradient(135deg, #1d4ed8, #0284c7) !important;
}

/* Secondary Button */
.btn-secondary {
    background: #6c757d !important;
    color: white !important;
    box-shadow: 0 4px 15px rgba(108, 117, 125, 0.3) !important;
}

.btn-secondary:hover {
    background: #495057 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 20px rgba(108, 117, 125, 0.4) !important;
}

/* Outline Button */
.btn-outline {
    background: transparent !important;
    color: #2563eb !important;
    border: 2px solid #2563eb !important;
    box-shadow: 0 4px 15px rgba(37, 99, 235, 0.1) !important;
}

.btn-outline:hover {
    background: #2563eb !important;
    color: white !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 20px rgba(37, 99, 235, 0.3) !important;
}

/* Large Button Variant */
.btn-large {
    padding: 1rem 2rem !important;
    font-size: 1.1rem !important;
}

/* Early Registration Button - Orijinal boyutları koruyorum */
.early-registration-btn {
    background: linear-gradient(135deg, #2563eb, #0ea5e9) !important;
    color: white !important;
    padding: 1.2rem 4rem !important;
    border-radius: 15px !important;
    font-size: 1.3rem !important;
    font-weight: 700 !important;
    box-shadow: 0 8px 25px rgba(37, 99, 235, 0.3) !important;
    border: 2px solid rgba(255, 255, 255, 0.2) !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.5rem !important;
    text-decoration: none !important;
    pointer-events: auto !important;
    user-select: none !important;
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    -ms-user-select: none !important;
    min-width: 400px !important;
    max-width: 600px !important;
    width: 100% !important;
}

.early-registration-btn:hover {
    transform: translateY(-3px) !important;
    box-shadow: 0 12px 35px rgba(37, 99, 235, 0.4) !important;
    background: linear-gradient(135deg, #1d4ed8, #0284c7) !important;
}

.early-registration-btn i {
    margin-right: 0.8rem !important;
    font-size: 1.2rem !important;
    position: relative !important;
    z-index: 1 !important;
}

.early-registration-btn span {
    position: relative !important;
    z-index: 1 !important;
    font-weight: 700 !important;
}

/* CTA Registration Button - Orijinal boyutları koruyorum */
.cta-registration-btn {
    background: linear-gradient(135deg, #2563eb, #0ea5e9) !important;
    color: white !important;
    border: none !important;
    padding: 1rem 2rem !important;
    border-radius: 10px !important;
    font-size: 1.1rem !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.5rem !important;
    box-shadow: 0 4px 15px rgba(37, 99, 235, 0.3) !important;
    text-decoration: none !important;
    pointer-events: auto !important;
    user-select: none !important;
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    -ms-user-select: none !important;
}

.cta-registration-btn:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 20px rgba(37, 99, 235, 0.4) !important;
    background: linear-gradient(135deg, #1d4ed8, #0284c7) !important;
}

/* Button Icons */
.btn-primary i,
.btn-secondary i,
.btn-outline i,
.early-registration-btn i,
.cta-registration-btn i {
    font-size: 1rem !important;
    transition: transform 0.3s ease !important;
}

.btn-primary:hover i,
.btn-secondary:hover i,
.btn-outline:hover i,
.early-registration-btn:hover i,
.cta-registration-btn:hover i {
    transform: scale(1.1) !important;
}

/* Button Focus States */
.btn-primary:focus,
.btn-secondary:focus,
.btn-outline:focus,
.early-registration-btn:focus,
.cta-registration-btn:focus {
    outline: 2px solid #2563eb !important;
    outline-offset: 2px !important;
}

/* Button Active States */
.btn-primary:active,
.btn-secondary:active,
.btn-outline:active,
.early-registration-btn:active,
.cta-registration-btn:active {
    transform: translateY(0) !important;
    box-shadow: 0 2px 10px rgba(37, 99, 235, 0.3) !important;
}

/* Disabled Button States */
.btn-primary:disabled,
.btn-secondary:disabled,
.btn-outline:disabled,
.early-registration-btn:disabled,
.cta-registration-btn:disabled {
    opacity: 0.6 !important;
    cursor: not-allowed !important;
    pointer-events: none !important;
}

/* Responsive Button Styles - Orijinal boyutları koruyorum */
@media (max-width: 768px) {
    .early-registration-btn {
        min-width: 300px !important;
        padding: 1rem 2rem !important;
        font-size: 1.1rem !important;
    }
    
    .btn-primary,
    .btn-secondary,
    .btn-outline,
    .cta-registration-btn {
        padding: 0.875rem 1.75rem !important;
        font-size: 1rem !important;
    }
    
    .btn-large {
        padding: 1rem 2.5rem !important;
        font-size: 1.1rem !important;
    }
    
    /* Hero section için özel responsive stiller */
    .hero-actions .btn-primary,
    .hero-actions .btn-secondary {
        width: 100% !important;
        max-width: 300px !important;
        justify-content: center !important;
    }
}

@media (max-width: 576px) {
    .early-registration-btn {
        min-width: 250px !important;
        padding: 0.8rem 1.5rem !important;
        font-size: 1rem !important;
    }
    
    .btn-primary,
    .btn-secondary,
    .btn-outline,
    .cta-registration-btn {
        padding: 0.75rem 1.5rem !important;
        font-size: 0.9rem !important;
    }
    
    .btn-large {
        padding: 0.875rem 2rem !important;
        font-size: 1rem !important;
    }
    
    /* Hero section için özel responsive stiller */
    .hero-actions .btn-primary,
    .hero-actions .btn-secondary {
        width: 100% !important;
        max-width: 280px !important;
        justify-content: center !important;
    }
}

/* Force cursor pointer on all buttons */
button,
.btn-primary,
.btn-secondary,
.btn-outline,
.early-registration-btn,
.cta-registration-btn,
[onclick] {
    cursor: pointer !important;
}

button *,
.btn-primary *,
.btn-secondary *,
.btn-outline *,
.early-registration-btn *,
.cta-registration-btn *,
[onclick] * {
    cursor: inherit !important;
}

/* Additional cursor enforcement */
button:hover,
button:focus,
button:active,
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary:active,
.btn-outline:hover,
.btn-outline:focus,
.btn-outline:active,
.early-registration-btn:hover,
.early-registration-btn:focus,
.early-registration-btn:active,
.cta-registration-btn:hover,
.cta-registration-btn:focus,
.cta-registration-btn:active {
    cursor: pointer !important;
}

/* Override any conflicting cursor definitions from other CSS files */
.early-registration-btn,
.cta-registration-btn,
.btn-primary,
.btn-secondary,
.btn-outline {
    cursor: pointer !important;
    pointer-events: auto !important;
}

/* Ensure all button elements maintain pointer cursor */
button.early-registration-btn,
button.cta-registration-btn,
button.btn-primary,
button.btn-secondary,
button.btn-outline {
    cursor: pointer !important;
    background: #6c757d !important;
    color: white !important;
    box-shadow: 0 4px 15px rgba(108, 117, 125, 0.3) !important;
}

.btn-secondary:hover {
    background: #495057 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 20px rgba(108, 117, 125, 0.4) !important;
}

/* Outline Button */
.btn-outline {
    background: transparent !important;
    color: #2563eb !important;
    border: 2px solid #2563eb !important;
    box-shadow: 0 4px 15px rgba(37, 99, 235, 0.1) !important;
}

.btn-outline:hover {
    background: #2563eb !important;
    color: white !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 20px rgba(37, 99, 235, 0.3) !important;
}

/* Large Button Variant */
.btn-large {
    padding: 1rem 2rem !important;
    font-size: 1.1rem !important;
}

/* Early Registration Button - Orijinal boyutları koruyorum */
.early-registration-btn {
    background: linear-gradient(135deg, #2563eb, #0ea5e9) !important;
    color: white !important;
    padding: 1.2rem 4rem !important;
    border-radius: 15px !important;
    font-size: 1.3rem !important;
    font-weight: 700 !important;
    box-shadow: 0 8px 25px rgba(37, 99, 235, 0.3) !important;
    border: 2px solid rgba(255, 255, 255, 0.2) !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.5rem !important;
    text-decoration: none !important;
    pointer-events: auto !important;
    user-select: none !important;
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    -ms-user-select: none !important;
    min-width: 400px !important;
    max-width: 600px !important;
    width: 100% !important;
}

.early-registration-btn:hover {
    transform: translateY(-3px) !important;
    box-shadow: 0 12px 35px rgba(37, 99, 235, 0.4) !important;
    background: linear-gradient(135deg, #1d4ed8, #0284c7) !important;
}

.early-registration-btn i {
    margin-right: 0.8rem !important;
    font-size: 1.2rem !important;
    position: relative !important;
    z-index: 1 !important;
}

.early-registration-btn span {
    position: relative !important;
    z-index: 1 !important;
    font-weight: 700 !important;
}

/* CTA Registration Button - Orijinal boyutları koruyorum */
.cta-registration-btn {
    background: linear-gradient(135deg, #2563eb, #0ea5e9) !important;
    color: white !important;
    border: none !important;
    padding: 1rem 2rem !important;
    border-radius: 10px !important;
    font-size: 1.1rem !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.5rem !important;
    box-shadow: 0 4px 15px rgba(37, 99, 235, 0.3) !important;
    text-decoration: none !important;
    pointer-events: auto !important;
    user-select: none !important;
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    -ms-user-select: none !important;
}

.cta-registration-btn:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 20px rgba(37, 99, 235, 0.4) !important;
    background: linear-gradient(135deg, #1d4ed8, #0284c7) !important;
}

/* Button Icons */
.btn-primary i,
.btn-secondary i,
.btn-outline i,
.early-registration-btn i,
.cta-registration-btn i {
    font-size: 1rem !important;
    transition: transform 0.3s ease !important;
}

.btn-primary:hover i,
.btn-secondary:hover i,
.btn-outline:hover i,
.early-registration-btn:hover i,
.cta-registration-btn:hover i {
    transform: scale(1.1) !important;
}

/* Button Focus States */
.btn-primary:focus,
.btn-secondary:focus,
.btn-outline:focus,
.early-registration-btn:focus,
.cta-registration-btn:focus {
    outline: 2px solid #2563eb !important;
    outline-offset: 2px !important;
}

/* Button Active States */
.btn-primary:active,
.btn-secondary:active,
.btn-outline:active,
.early-registration-btn:active,
.cta-registration-btn:active {
    transform: translateY(0) !important;
    box-shadow: 0 2px 10px rgba(37, 99, 235, 0.3) !important;
}

/* Disabled Button States */
.btn-primary:disabled,
.btn-secondary:disabled,
.btn-outline:disabled,
.early-registration-btn:disabled,
.cta-registration-btn:disabled {
    opacity: 0.6 !important;
    cursor: not-allowed !important;
    pointer-events: none !important;
}

/* Responsive Button Styles - Orijinal boyutları koruyorum */
@media (max-width: 768px) {
    .early-registration-btn {
        min-width: 300px !important;
        padding: 1rem 2rem !important;
        font-size: 1.1rem !important;
    }
    
    .btn-primary,
    .btn-secondary,
    .btn-outline,
    .cta-registration-btn {
        padding: 0.875rem 1.75rem !important;
        font-size: 1rem !important;
    }
    
    .btn-large {
        padding: 1rem 2.5rem !important;
        font-size: 1.1rem !important;
    }
    
    /* Hero section için özel responsive stiller */
    .hero-actions .btn-primary,
    .hero-actions .btn-secondary {
        width: 100% !important;
        max-width: 300px !important;
        justify-content: center !important;
    }
}

@media (max-width: 576px) {
    .early-registration-btn {
        min-width: 250px !important;
        padding: 0.8rem 1.5rem !important;
        font-size: 1rem !important;
    }
    
    .btn-primary,
    .btn-secondary,
    .btn-outline,
    .cta-registration-btn {
        padding: 0.75rem 1.5rem !important;
        font-size: 0.9rem !important;
    }
    
    .btn-large {
        padding: 0.875rem 2rem !important;
        font-size: 1rem !important;
    }
    
    /* Hero section için özel responsive stiller */
    .hero-actions .btn-primary,
    .hero-actions .btn-secondary {
        width: 100% !important;
        max-width: 280px !important;
        justify-content: center !important;
    }
}

/* Force cursor pointer on all buttons */
button,
.btn-primary,
.btn-secondary,
.btn-outline,
.early-registration-btn,
.cta-registration-btn,
[onclick] {
    cursor: pointer !important;
}

button *,
.btn-primary *,
.btn-secondary *,
.btn-outline *,
.early-registration-btn *,
.cta-registration-btn *,
[onclick] * {
    cursor: inherit !important;
}

/* Additional cursor enforcement */
button:hover,
button:focus,
button:active,
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary:active,
.btn-outline:hover,
.btn-outline:focus,
.btn-outline:active,
.early-registration-btn:hover,
.early-registration-btn:focus,
.early-registration-btn:active,
.cta-registration-btn:hover,
.cta-registration-btn:focus,
.cta-registration-btn:active {
    cursor: pointer !important;
}

/* Override any conflicting cursor definitions from other CSS files */
.early-registration-btn,
.cta-registration-btn,
.btn-primary,
.btn-secondary,
.btn-outline {
    cursor: pointer !important;
    pointer-events: auto !important;
}

/* Ensure all button elements maintain pointer cursor */
button.early-registration-btn,
button.cta-registration-btn,
button.btn-primary,
button.btn-secondary,
button.btn-outline {
    cursor: pointer !important;
    background: #6c757d !important;
    color: white !important;
    box-shadow: 0 4px 15px rgba(108, 117, 125, 0.3) !important;
}