/*
 * Bileşen: ER-Button
 * Kullanım:
 * <button class="er-btn er-btn-primary">Satın Al</button>
 * <button class="er-btn er-btn-outline er-btn-sm">Küçük Buton</button>
 */

.er-btn {
    padding: 6px 16px;
    border-radius: 6px;
    font-weight: 400;
    cursor: pointer;
    transition: var(--transition-fast);
    border: 1px solid transparent;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    font-family: inherit;
    font-size: 0.85rem;
    box-shadow: var(--shadow-none);
    text-decoration: none;
    line-height: 1.5;
}

/* --- Variants --- */
.er-btn-primary {
    background: var(--primary);
    color: white;
}
.er-btn-primary:hover {
    background: var(--primary-dark);
}

.er-btn-secondary {
    background: white;
    color: var(--text-main);
    border-color: var(--border-light);
}
.er-btn-secondary:hover {
    background: var(--bg-card);
    border-color: var(--text-light);
}

.er-btn-accent {
    background: var(--favorite);
    color: white;
}
.er-btn-accent:hover {
    background: #FF5A5A;
}

.er-btn-yellow {
    background: #FFEE00;
    color: #0F172A;
    font-weight: 400;
    border-color: #FFEE00;
}
.er-btn-yellow:hover {
    background: #e6d700;
    border-color: #e6d700;
}

.er-btn-outline {
    background: transparent;
    border: 1px solid var(--primary);
    color: var(--primary);
}
.er-btn-outline:hover {
    background: var(--primary-soft);
}

/* --- Sizes --- */
.er-btn-sm { 
    padding: 4px 12px; 
    font-size: 0.8rem; 
}

.er-btn-lg { 
    padding: 12px 24px; 
    font-size: 1rem; 
}

/* Disabled State */
.er-btn:disabled, .er-btn.disabled {
    opacity: 0.6;
    cursor: not-allowed;
    filter: grayscale(1);
}

/* Passive/Sold Out Logic */
.er-btn-passive {
    position: relative;
    overflow: hidden;
}

.er-btn-passive.disabled-tukendi:hover {
    background: #F97316 !important; /* Turuncu */
    border-color: #F97316 !important;
    color: white !important;
    filter: none !important;
    opacity: 1 !important;
}

.er-btn-passive.disabled-iptal:hover {
    background: #EF4444 !important; /* Kırmızı */
    border-color: #EF4444 !important;
    color: white !important;
    filter: none !important;
    opacity: 1 !important;
}