/* ========================================================= */
/* 3. DİĞER ÖZEL KURALLAR (HTML'deki div yapısından gelen) */
/* ========================================================= */

/* Checkbox label'larını daire yapmak için (Sayı Topları) */
label[for^="kutu"] {
    border-radius: 9999px !important; /* Tamamen yuvarlak yapar */
    padding-left: 0.58rem;
    padding-right: 0.58rem;
    padding-top: 0.45rem;
    padding-bottom: 0.45rem;
    width: 32px !important; /* W-10 ile eşleşmesi için 40px yaptım */
    height: 32px !important; /* H-10 ile eşleşmesi için 40px yaptım */
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    /* border-color kuralı aşağıya taşındı */
    font-weight: 700;
    font-size: 1rem !important; /* Okunabilirliği artırır */
}

/* Süper Loto Topları: Mavi */
label[for^="kutu_sl"] {
    border-color: #3b82f6; /* Mavi (blue-500) kenarlık */
}

/* On Numara Topları: Mor - KRİTİK DÜZELTME: border-color eklendi */
label[for^="kutu_on"] {
    border-color: #9333ea; /* Mor (purple-500) kenarlık */
}

label[for^="kutu_sloto"] {
    border-color: #22c55e; /* Tailwind green-500 */
}

/* Eğer seçim daireleri `a` veya `div` etiketi ise ve yapınızda Süper Loto ve On Numara için farklı sınıflar varsa: */
.sayisal-loto-numara.selcted,
.super-loto-numara.selected,
.on-numara-numara.selected {
    color: white;
}


/* Oyun seçici butonlarının stilleri (Super Lotto, Number Ten) */
.game-selector button {
    border-radius: 9999px !important;
    padding-left: 0.3rem !important;
    padding-right: 0.3rem !important;
    padding-top: 0.3rem !important;
    padding-bottom: 0.3rem !important;
    font-size: 1.1rem !important; /* Daha okunabilir font boyutu */
    line-height: 1.25rem !important;
}

/* Eğer menü butonlarınız da kare ise ve yuvarlak yapmak isterseniz: */
#menu-button,
#close-menu-button {
    border-radius: 9999px !important;
}

/* Çekiliş sonucu input'ları için (küçük input kutuları) */
.lottery-input-sl,
.lottery-input-on,
.lottery-input.sloto {
    border-radius: 0.5rem !important;
}

/* Dil butonları (TR/EN) - KRİTİK DÜZELTME: Boyutlar düzeltildi */
#lang-tr,
#lang-en {
    border-radius: 9999px !important;
    padding-left: 0.3rem !important;
    padding-right: 0.3rem !important;
    padding-top: 0.3rem !important;
    padding-bottom: 0.3rem !important;
    font-size: 1.1rem !important; /* Daha okunabilir font boyutu */
    line-height: 1.25rem !important;
}



/* Ana Loto Topu Stili */
.lotto-ball {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 30px;
    height: 30px;
    background-color: #3b82f6; /* Blue-500 */
    color: white;
    border-radius: 50%;
    font-size: 14px;
    font-weight: bold;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
/* Sayı Giriş Kutularının Stili */
.number-input {
    width: 50px;
    text-align: center;
    padding: 8px;
    border: 1px solid #ccc;
    border-radius: 8px;
    margin: 4px;
    transition: border-color 0.2s;
}

    .number-input:focus {
        border-color: #3b82f6;
        outline: none;
    }

#number-inputs {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 5px;
}

@media (min-width: 640px) {
    .number-input {
        width: 60px;
    }

    #number-inputs {
        justify-content: flex-start;
    }
}

/* İstenen Güncelleme: Number Input Arttırma/Azaltma (Spinner) İkonlarını Gizleme */
.number-input::-webkit-outer-spin-button,
.number-input::-webkit-inner-spin-button,
#prize-draw-no-input::-webkit-outer-spin-button,
#prize-draw-no-input::-webkit-inner-spin-button,
#draw-no-input::-webkit-outer-spin-button,
#draw-no-input::-webkit-inner-spin-button,
#total-prize-amount::-webkit-outer-spin-button,
#total-prize-amount::-webkit-inner-spin-button,
.prize-input::-webkit-outer-spin-button,
.prize-input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.number-input, #prize-draw-no-input, #draw-no-input, #total-prize-amount, .prize-input {
    -moz-appearance: textfield; /* Firefox */
}
/* ========================================================= */
/* KRİTİK DÜZELTME: KÜÇÜK HARF SORUNU ÇÖZÜMÜ */
/* ========================================================= */
/* .game-selector button,
.language-switcher button {
    text-transform: uppercase !important; /* Buton metinlerini BÜYÜK HARF yapar */
font-weight: bold !important;
}

/* WebKit (Chrome, Safari, Edge) */
.lottery-input::-webkit-outer-spin-button,
.lottery-input::-webkit-inner-spin-button {
    /* !important eklenerek Tailwind veya varsayılan stilin ezilmesi sağlanır */
    -webkit-appearance: none !important;
    margin: 0 !important;
}

/* Firefox */
.lottery-input {
    /* !important eklenerek kesin uygulanması sağlanır */
    -moz-appearance: textfield !important;
}

/* Sayısal input kutularındaki okları (spin button) gizler */
.lottery-input-sl::-webkit-outer-spin-button,
.lottery-input-sl::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.lottery-input-sl {
    -moz-appearance: textfield; /* Firefox için */
}