/* ======================================
DIVIDERS
====================================== */

hr {
    margin: 15px 0; /* Üst ve alt boşluk */
    border: none; /* Varsayılan border'ı kaldır */
    border-top: 1px solid #eee; /* Üstte ince gri çizgi oluştur */
}

/* ======================================
GROUP SPACING
====================================== */

.sidebar button {
    display: block; /* Butonları alt alta diz (block element yap) */
}

/* ======================================
SPEED VALUE
====================================== */

#speedValue {
    display: inline-flex;              /* Esnek kutu olarak hizala */
    justify-content: center;           /* Yatayda ortala */
    align-items: center;               /* Dikeyde ortala */

    width: 60px;                       /* Sabit genişlik */
    min-width: 60px;                   /* Minimum genişlik */
    max-width: 60px;                   /* Maksimum genişlik */

    font-family: monospace;            /* Tüm karakterler eşit genişlikte olsun (monospace) */
    font-weight: bold;                 /* Kalın yazı */
}

#targetNodeHint,
#startNodeHint {

    background: #f4f6f8;               /* Açık gri arka plan */
    border: 1px solid #ddd;            /* İnce gri kenarlık */
    padding: 8px 12px;                 /* İç boşluk */
    margin-bottom: 8px;                /* Alt boşluk */
    font-size: 14px;                   /* Yazı boyutu */
    color: #555;                       /* Koyu gri yazı rengi */
    border-radius: 6px;                /* Köşeleri yuvarla */
}

#speedSlider {

    width: 120px; /* Hız kaydırıcısının genişliği */

}

.disabled {
    opacity: 0.4; /* Daha şeffaf görünüm (devre dışı hissi) */
    pointer-events: auto; /* Tıklama olaylarını hâlâ yakala (önemli) */
    cursor: not-allowed; /* Fare imlecini "yasak" simgesi yap */
}