/* ==========================================================================
   LuxeLoom Frontend — Kontrast Düzeltmesi v1
   Kök neden: .btn.light sınıfı üç ayrı CSS dosyasında çelişen şekilde
   tanımlanmıştı (luxelicense_v8_theme.css: yarı saydam beyaz zemin + beyaz
   yazı; frontend_v23_theme_notifications.css: sadece !important beyaz yazı).
   Bu kombinasyon koyu bir hero üzerinde "hayalet buton" gibi görünsün diye
   tasarlanmıştı, ama ürün kartları gibi AÇIK zeminlerde beyaz üstüne beyaz
   yazı = görünmez metin/buton oluyordu (ör. "Sepete Ekle", "Hemen Al").
   Bu dosya en son yüklenir ve güvenli, her zaminde okunaklı bir varsayılan
   sağlar.
   ========================================================================== */

.btn.light,.ll-btn.light,.lx-btn.light{
    background:#ffffff!important;
    color:#0f172a!important;
    border:1px solid #e2e8f0!important;
    box-shadow:0 6px 18px rgba(15,23,42,.06)!important;
}
.btn.light:hover,.ll-btn.light:hover,.lx-btn.light:hover{
    border-color:#d4af37!important;
    box-shadow:0 10px 26px rgba(15,23,42,.10)!important;
}
/* Koyu hero/CTA şeritleri üzerinde oturan light butonlar okunaklı "hayalet" görünümünü korur */
.ll-hero .btn.light,.lx-hero .btn.light,.hero .btn.light,
.ll-hero .ll-btn.light,.lx-hero .lx-btn.light{
    background:rgba(255,255,255,.10)!important;
    color:#ffffff!important;
    border-color:rgba(255,255,255,.22)!important;
    box-shadow:none!important;
}

/* Koyu modda da okunaklı kalsın */
html[data-theme="dark"] .btn.light,html[data-theme="dark"] .ll-btn.light,html[data-theme="dark"] .lx-btn.light{
    background:#111c31!important;
    color:#f8fafc!important;
    border-color:rgba(255,255,255,.14)!important;
}

/* Sunucu/hosting kategori filtre sekmeleri (.server-category-tabs vb.) hiç
   stillenmemişti - normal modda görünmez, koyu modda beyaz kutu olarak
   kalıyordu. Tutarlı bir sekme/pill görünümü veriyoruz. */
.server-category-tabs,.hosting-category-tabs,.category-filter-tabs{
    display:flex;flex-wrap:wrap;gap:10px;margin:18px 0;
}
.server-category-tabs a,.hosting-category-tabs a,.category-filter-tabs a{
    display:inline-flex;align-items:center;gap:8px;
    padding:10px 16px;border-radius:999px;
    background:#ffffff;color:#0f172a;
    border:1px solid #e2e8f0;font-weight:800;text-decoration:none;
    transition:.18s ease;
}
.server-category-tabs a:hover,.hosting-category-tabs a:hover,.category-filter-tabs a:hover{
    border-color:#d4af37;transform:translateY(-1px);
}
.server-category-tabs a.active,.hosting-category-tabs a.active,.category-filter-tabs a.active{
    background:linear-gradient(135deg,#f6d365,#d4af37);color:#111827;border-color:transparent;
}
html[data-theme="dark"] .server-category-tabs a,
html[data-theme="dark"] .hosting-category-tabs a,
html[data-theme="dark"] .category-filter-tabs a{
    background:#111c31;color:#f8fafc;border-color:rgba(255,255,255,.14);
}
html[data-theme="dark"] .server-category-tabs a.active,
html[data-theme="dark"] .hosting-category-tabs a.active,
html[data-theme="dark"] .category-filter-tabs a.active{
    background:linear-gradient(135deg,#f6d365,#d4af37);color:#111827;
}