/* ===== BÜLTEN STİLLERİ (ÖNCEKİ) ===== */
.iddaa-bulten-wrapper { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; }
.iddaa-filters-container { display: flex; flex-wrap: wrap; gap: 15px; margin-bottom: 20px; padding: 15px; background-color: #f7f7f7; border-radius: 8px; }
.iddaa-filters-container input { padding: 10px; border: 1px solid #ccc; border-radius: 4px; font-size: 14px; flex-grow: 1; min-width: 150px; }
.iddaa-table-wrapper { width: 100%; overflow-x: auto; }
.iddaa-table { width: 100%; border-collapse: collapse; font-size: 14px; }
.iddaa-table th, .iddaa-table td { padding: 12px 8px; text-align: center; border-bottom: 1px solid #e0e0e0; white-space: nowrap; }
.iddaa-table thead { background-color: #4a4a4a; color: #ffffff; font-size: 12px; }
.iddaa-table .mac-info { text-align: left; min-width: 220px; font-weight: 600; }
.daha-fazla-btn { background-color: #b82626; color: white; border: none; border-radius: 4px; padding: 5px 10px; font-weight: bold; cursor: pointer; }
.iddaa-modal { display: none; position: fixed; z-index: 1000; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgba(0,0,0,0.5); justify-content: center; align-items: center; }
.iddaa-modal-content { background-color: #fefefe; margin: auto; padding: 20px; border: 1px solid #888; width: 90%; max-width: 800px; border-radius: 8px; position: relative; max-height: 80vh; overflow-y: auto; }
.iddaa-modal-close { color: #aaa; position: absolute; top: 10px; right: 20px; font-size: 28px; font-weight: bold; cursor: pointer; }
.iddaa-modal-header { padding-bottom: 10px; border-bottom: 1px solid #eee; margin-bottom: 15px; font-size: 1.2em; font-weight: 600; }
.modal-oran-grup { padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px dashed #ccc; }
.modal-oran-grup:last-child { border-bottom: none; margin-bottom: 0; padding-bottom: 0; }
.modal-oran-tipi { font-weight: 500; margin-bottom: 10px; font-size: 0.9em; color: #333; }
.modal-oran-secenekleri { display: flex; flex-wrap: wrap; gap: 8px; }
.oran-kolon { flex: 1 1 30%; text-align: center; min-width: 80px; }
.oran-etiket-ust { display: block; font-size: 0.85em; color: #555; margin-bottom: 5px; }
.oran-deger-kutu { background-color: #f0f3f5; border-radius: 5px; padding: 8px 12px; text-align: center; width: 100%; font-weight: 700; }

/* Kupon Yap butonu stilleri */
.kupon-yap-btn {
    display: inline-flex;
    align-items: center;
    background-color: #000000; /* kırmızı */
    color: #fff;
    border: none;
    padding: 8px 14px;
    border-radius: 5px;
    font-weight: bold;
    cursor: pointer;
    margin-left: 10px;
    font-size: 14px;
    transition: background-color 0.2s ease-in-out;
}

.kupon-yap-btn img.kupon-icon {
    height: 1.2em; /* yazı boyutuna göre küçülür */
    width: auto;   /* orantılı küçültme */
    margin-right: 6px;
}

.kupon-yap-btn:hover {
    background-color: #c82333; /* hover için koyu kırmızı */
}

/* ===== SONUÇLAR STİLLERİ (YENİ) ===== */
.iddaa-sonuclar-wrapper {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    color: #333;
}
.sonuc-lig-grubu {
    margin-bottom: 20px;
}
.sonuc-lig-baslik {
    background-color: #363636;
    color: #fff;
    padding: 10px 15px;
    font-weight: bold;
    font-size: 1em;
}
.sonuc-mac-satiri {
    display: flex;
    align-items: center;
    padding: 15px;
    border-bottom: 1px solid #eee;
    background-color: #fff;
}
.sonuc-mac-satiri:last-child {
    border-bottom: none;
}
.mac-sol-bolum {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-width: 50px;
    margin-right: 15px;
    font-size: 0.8em;
    color: #888;
}
.mac-takimlar {
    flex-grow: 1;
    display: flex;
    align-items: center;
    font-size: 0.95em;
}
.takim-ev {
    text-align: right;
    flex: 1;
}
.takim-dep {
    text-align: left;
    flex: 1;
}
.mac-skor {
    background-color: #f0f0f0;
    padding: 5px 15px;
    border-radius: 4px;
    font-weight: bold;
    font-size: 1.1em;
    margin: 0 15px;
}
.mac-detay-skor {
    min-width: 100px;
    font-size: 0.85em;
    color: #555;
    text-align: right;
}

/* Voleybol için özel sonuç stilleri */
.sonuc-mac-satiri-voleybol {
    align-items: stretch;
}
.mac-takimlar-voleybol {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 5px 0;
}
.takim-satiri {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 4px 0;
}
.takim-satiri .takim-adi {
    flex: 1;
    text-align: left;
    font-size: 0.95em;
}
.takim-satiri .set-skorlari {
    text-align: right;
    color: #888;
    font-size: 0.9em;
    min-width: 120px;
    padding-right: 15px;
    letter-spacing: 2px;
}
.takim-satiri .mac-sonucu-set {
    font-weight: bold;
    font-size: 1.1em;
    min-width: 20px;
    text-align: center;
    border-left: 1px solid #ddd;
    padding-left: 15px;
}

/* Canlı durumu için özel stil */
.mac-durum.canli {
    color: #e91e63;
    font-weight: bold;
    animation: blinker 1.5s linear infinite;
}



@keyframes blinker {
    50% {
        opacity: 0.5;
    }
}