/* TAPS Side Rail Text Size V13.2 */

:root {
    --taps-rail-width: 92px;
    --taps-rail-title-size: 16px;
    --taps-rail-title-spacing: .18em;
    --taps-rail-number-size: 15px;
}

/* Sol rail genişliği */
.rail {
    width: var(--taps-rail-width) !important;
    min-width: var(--taps-rail-width) !important;
}

/* İçerik alanını rail genişliğine göre hizala */
.app-shell,
.site-shell,
.taps-shell {
    --rail-w: var(--taps-rail-width) !important;
}

/* Sol menü tab alanı */
.rail-tab {
    width: var(--taps-rail-width) !important;
    min-width: var(--taps-rail-width) !important;
    overflow: hidden !important;
}

/* Dikey metinler: İnşaat / Smart Home */
.rail-tab span,
.rail-tab .rail-label,
.rail-tab .label,
.rail-tab strong {
    font-size: var(--taps-rail-title-size) !important;
    font-weight: 900 !important;
    letter-spacing: var(--taps-rail-title-spacing) !important;
    line-height: 1 !important;
    text-transform: uppercase !important;
    color: currentColor !important;
    text-rendering: geometricPrecision;
    -webkit-font-smoothing: antialiased;
}

/* Eğer text doğrudan button içinde ise */
.rail-tab {
    font-size: var(--taps-rail-title-size) !important;
    font-weight: 900 !important;
    letter-spacing: var(--taps-rail-title-spacing) !important;
    line-height: 1 !important;
}

/* 01 / 02 numaraları */
.rail-tab small,
.rail-tab b,
.rail-tab em,
.rail-tab .rail-no,
.rail-tab .number,
.rail-tab .index {
    font-size: var(--taps-rail-number-size) !important;
    font-weight: 900 !important;
    letter-spacing: .08em !important;
    opacity: .95 !important;
}

/* Aktif bölüm daha net */
.rail-tab.active {
    color: #ffffff !important;
    text-shadow:
        0 0 12px color-mix(in srgb, var(--taps-color-primary, #00d6ff) 42%, transparent),
        0 0 24px color-mix(in srgb, var(--taps-color-primary, #00d6ff) 26%, transparent) !important;
}

.rail-tab.active span,
.rail-tab.active .rail-label,
.rail-tab.active .label,
.rail-tab.active strong {
    color: #ffffff !important;
}

/* Açık modda aktif ve pasif okunurluk */
html[data-theme="light"] .rail-tab {
    color: color-mix(in srgb, var(--taps-light-header-muted, #1f2d3d) 92%, #000 8%) !important;
}

html[data-theme="light"] .rail-tab.active {
    color: var(--taps-light-active-menu, #00bfe8) !important;
    text-shadow:
        0 0 12px color-mix(in srgb, var(--taps-light-active-menu, #00bfe8) 36%, transparent),
        0 0 24px color-mix(in srgb, var(--taps-light-active-menu, #00bfe8) 18%, transparent) !important;
}

/* Çok dar ekranlarda taşmayı önle */
@media (max-width: 760px) {
    :root {
        --taps-rail-width: 78px;
        --taps-rail-title-size: 13px;
        --taps-rail-title-spacing: .16em;
        --taps-rail-number-size: 13px;
    }
}