/* TDM Ziyaretçi Sayacı Widget Stilleri */

.tdm-sayac-widget-container {
    background-color: #f9f9f9;
    /* Kutu arka plan rengi */
    border: 1px solid #e0e0e0;
    /* Kutu kenarlığı */
    border-radius: 8px;
    /* Köşeleri yuvarlatma */
    padding: 20px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05);
    /* Hafif bir gölge */
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
    /* Modern yazı tipi */
}

.tdm-sayac-widget-container ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.tdm-sayac-widget-container li {
    display: flex;
    justify-content: space-between;
    /* Yazı ve rakamı iki yana yasla */
    align-items: center;
    padding: 12px 0;
    border-bottom: 1px solid #eee;
    /* Her satırın altına ayırıcı çizgi */
    font-size: 15px;
}

.tdm-sayac-widget-container li:last-child {
    border-bottom: none;
    /* Son elemanın altındaki çizgiyi kaldır */
}

.tdm-sayac-widget-container .sayac-label {
    color: #555;
    /* Yazı rengi */
}

.tdm-sayac-widget-container .sayac-rakam {
    font-weight: bold;
    /* Rakamları kalın yap */
    color: #0056b3;
    /* Rakamların rengi */
    background-color: #e7f1ff;
    /* Rakamların arka planı */
    padding: 4px 10px;
    border-radius: 5px;
    /* Rakam kutusunu yuvarlat */
    font-size: 16px;
}