/* ===================================
   TÜM BUTONLARIN YAZILARI GÖRÜNÜR
   =================================== */

/* Görüntüle butonları - BEYAZ YAZI - ÇOK BELİRGİN */
.btn-view,
.btn-view-large,
.note-card-overlay .btn-view,
.note-card-overlay-large .btn-view-large {
    color: #ffffff !important;
    font-weight: 900 !important;
    font-size: 1.4rem !important;
    text-shadow: 
        0 4px 15px rgba(0, 0, 0, 1),
        0 2px 8px rgba(0, 0, 0, 0.9),
        0 0 30px rgba(0, 0, 0, 0.8) !important;
    background: var(--secondary-color) !important;
    border: 3px solid rgba(255, 255, 255, 0.5) !important;
    padding: 1rem 2.5rem !important;
    letter-spacing: 1px !important;
    box-shadow: 
        0 6px 25px rgba(255, 107, 53, 0.6),
        inset 0 2px 8px rgba(255, 255, 255, 0.3) !important;
}

.btn-view:hover,
.btn-view-large:hover {
    color: #ffffff !important;
    background: var(--accent-color) !important;
    text-shadow: 
        0 5px 20px rgba(0, 0, 0, 1),
        0 3px 10px rgba(0, 0, 0, 0.9) !important;
    transform: scale(1.1) !important;
}

.btn-view i,
.btn-view-large i {
    color: #ffffff !important;
    font-size: 1.4rem !important;
    text-shadow: 
        0 3px 10px rgba(0, 0, 0, 1) !important;
}

/* Primary butonlar - BEYAZ YAZI */
.btn-primary,
button.btn-primary,
a.btn-primary {
    color: #ffffff !important;
    font-weight: 900 !important;
    font-size: 1.25rem !important;
    text-shadow: 0 3px 12px rgba(0, 0, 0, 0.8) !important;
    background: linear-gradient(135deg, var(--secondary-color), var(--accent-color)) !important;
    border: 3px solid rgba(255, 255, 255, 0.3) !important;
}

.btn-primary:hover {
    color: #ffffff !important;
    text-shadow: 0 4px 15px rgba(0, 0, 0, 1) !important;
}

.btn-primary i {
    color: #ffffff !important;
    font-size: 1.3rem !important;
}

/* Secondary butonlar - BEYAZ YAZI (hover'da) */
.btn-secondary,
button.btn-secondary,
a.btn-secondary {
    color: #ffffff !important;
    font-weight: 900 !important;
    font-size: 1.25rem !important;
    text-shadow: 0 3px 12px rgba(0, 0, 0, 0.8) !important;
    background: var(--secondary-color) !important;
    border: 3px solid rgba(255, 255, 255, 0.3) !important;
}

.btn-secondary:hover {
    color: #ffffff !important;
    background: linear-gradient(135deg, var(--accent-color), var(--secondary-light)) !important;
    text-shadow: 0 4px 15px rgba(0, 0, 0, 1) !important;
}

.btn-secondary i {
    color: #ffffff !important;
    font-size: 1.3rem !important;
}

/* Submit butonlar - BEYAZ YAZI */
.btn-submit,
button[type="submit"],
input[type="submit"] {
    color: #ffffff !important;
    font-weight: 900 !important;
    font-size: 1.2rem !important;
    text-shadow: 0 3px 12px rgba(0, 0, 0, 0.8) !important;
    background: var(--secondary-color) !important;
}

.btn-submit:hover,
button[type="submit"]:hover,
input[type="submit"]:hover {
    color: #ffffff !important;
}

.btn-submit i {
    color: #ffffff !important;
}

/* Filter butonları */
.filter-btn,
.filter-button {
    color: var(--text-dark) !important;
    font-weight: 700 !important;
}

.filter-btn.active,
.filter-button.active {
    color: #ffffff !important;
    background: var(--secondary-color) !important;
}

/* Tag butonları */
.tag-btn,
.tag {
    color: var(--text-dark) !important;
    font-weight: 700 !important;
    font-size: 1rem !important;
}

/* Load more butonları */
.btn-load-more {
    color: var(--secondary-color) !important;
    font-weight: 800 !important;
    border: 3px solid var(--secondary-color) !important;
}

.btn-load-more:hover {
    color: #ffffff !important;
    background: var(--secondary-color) !important;
}

/* Back butonları */
.btn-back {
    color: var(--text-dark) !important;
    font-weight: 700 !important;
}

.btn-back:hover {
    color: var(--secondary-color) !important;
}

.btn-back i {
    color: inherit !important;
}

/* Social share butonları */
.btn-share,
.share-btn {
    font-weight: 700 !important;
}

/* Download butonları */
.btn-download {
    color: #ffffff !important;
    background: var(--secondary-color) !important;
    font-weight: 800 !important;
}

/* Tüm butonlar içindeki iconlar */
button i,
.btn i,
[class*="btn-"] i {
    font-weight: 900 !important;
}

/* Hover durumlarında yazıların görünür kalması */
.btn-view:hover,
.btn-view-large:hover,
.btn-submit:hover,
button[type="submit"]:hover {
    color: #ffffff !important;
    text-shadow: 0 3px 15px rgba(0, 0, 0, 1) !important;
}

.btn-primary:hover {
    color: #000000 !important;
}

.btn-secondary:hover {
    color: #000000 !important;
}

/* Disabled butonlar */
button:disabled,
.btn:disabled,
[class*="btn-"]:disabled {
    opacity: 0.6 !important;
    cursor: not-allowed !important;
}