/* ==========================================================================
   Tema lambası (v10) — üst menünün sağ ucunda sarkan ampul; içinde "</>" filaman
   Koyu mod: ampul sönük. Aydınlık mod: ampul yanar (keskin koni + parlayan filaman).
   Blur yok; ışık = keskin kenarlı koni, ince çizgiler. Yalnızca transform/opacity animasyonu.
   ========================================================================== */

.lamp {
    --lamp-glass: #261710;
    --lamp-glass-line: #7d6757;
    --lamp-metal: #a89483;
    --lamp-fil: #8b7565;
    --lamp-wire: #6d5a4d;
    position: relative;
    z-index: 3;
    flex: none;
    width: 44px;
    height: var(--header-h);
    margin: 0 -0.35rem 0 0.15rem;
    padding: 0;
    overflow: hidden;
    border: 0;
    background: transparent;
    color: var(--text);
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
}

.lamp:focus-visible {
    outline: 2px solid var(--brand);
    outline-offset: -2px;
    border-radius: 12px;
}

.lamp__rail {
    position: absolute;
    top: -51px;
    left: 50%;
    width: 72px;
    height: 124px;
    margin-left: -36px;
    transition: transform 0.55s var(--ease);
}

.lamp__swing {
    display: block;
    width: 100%;
    height: 100%;
    transform-origin: 50% 0;
}

.lamp__svg {
    display: block;
    width: 72px;
    height: 124px;
    overflow: visible;
}

.lamp__cord {
    stroke: var(--lamp-metal);
    stroke-width: 1.5;
    fill: none;
    opacity: 0.8;
}

.lamp__socket {
    fill: var(--lamp-metal);
}

.lamp__thread {
    stroke: var(--lamp-glass);
    stroke-width: 1.2;
    fill: none;
    opacity: 0.55;
}

.lamp__glass {
    fill: var(--lamp-glass);
    stroke: var(--lamp-glass-line);
    stroke-width: 1.6;
    stroke-linejoin: round;
    transition: fill 0.4s, stroke 0.4s;
}

.lamp__wire {
    fill: none;
    stroke: var(--lamp-wire);
    stroke-width: 1;
    stroke-linecap: round;
    stroke-linejoin: round;
    transition: stroke 0.4s;
}

.lamp__fil path {
    fill: none;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.lamp__fil-line {
    stroke: var(--lamp-fil);
    stroke-width: 2.1;
    transition: stroke 0.4s;
}

.lamp__fil-glow {
    stroke: var(--brand);
    stroke-width: 6;
    opacity: 0;
    transition: opacity 0.4s;
}

.lamp__shine {
    fill: none;
    stroke: #fff;
    stroke-width: 1.6;
    stroke-linecap: round;
    opacity: 0.18;
}

.lamp__rays path {
    fill: none;
    stroke: var(--brand);
    stroke-width: 1.8;
    stroke-linecap: round;
}

.lamp__rays {
    opacity: 0;
    transition: opacity 0.35s;
}

.lamp__s0 { stop-color: var(--brand); stop-opacity: 1; }
.lamp__s1 { stop-color: var(--brand); stop-opacity: 0; }

.lamp__cone {
    fill: url(#lampCone);
    opacity: 0;
    transition: opacity 0.5s;
    pointer-events: none;
}

/* ---------- Yanık (aydınlık tema) ---------- */
:root[data-theme="light"] .lamp {
    --lamp-glass: #ffe7ae;
    --lamp-glass-line: var(--brand-600);
    --lamp-metal: #6f5a49;
    --lamp-fil: var(--brand);
    --lamp-wire: #b8864f;
}

:root[data-theme="light"] .lamp__fil-glow {
    opacity: 0.28;
}

:root[data-theme="light"] .lamp__rays {
    opacity: 0.9;
}

:root[data-theme="light"] .lamp__shine {
    opacity: 0.7;
}

:root[data-theme="light"] .lamp__cone {
    opacity: 0.2;
}

/* ---------- Masaüstü: kablo uzun, ampul başlığın altına taşar; kaydırınca kısalır ---------- */
@media (min-width: 900px) {
    .lamp {
        overflow: visible;
        width: 48px;
    }

    .lamp__rail {
        top: -2px;
    }

    .nav.is-scrolled .lamp__rail {
        transform: translateY(-44px);
    }

    /* Koni yalnız sayfanın üstündeyken (başlık altında) görünür; kaydırınca söner */
    .nav.is-scrolled .lamp__cone {
        opacity: 0;
    }

    .lamp:hover .lamp__rail:not(.is-pulling) {
        transform: translateY(3px);
    }

    .nav.is-scrolled .lamp:hover .lamp__rail {
        transform: translateY(-40px);
    }
}

@media (max-width: 899px) {
    .lamp__rays,
    .lamp__cone {
        display: none;
    }
}

/* ---------- Çekme animasyonu: kablo aşağı iner, yaylanır, ampul sallanır ---------- */
.lamp.is-pulling .lamp__rail {
    animation: lamp-pull 0.85s var(--ease) both;
}

.lamp.is-pulling .lamp__swing {
    animation: lamp-swing 1.7s var(--ease-io) both;
}

@keyframes lamp-pull {
    0% { translate: 0 0; }
    22% { translate: 0 16px; }
    48% { translate: 0 -5px; }
    72% { translate: 0 3px; }
    100% { translate: 0 0; }
}

@keyframes lamp-swing {
    0% { transform: rotate(0deg); }
    18% { transform: rotate(7deg); }
    42% { transform: rotate(-5deg); }
    64% { transform: rotate(3deg); }
    82% { transform: rotate(-1.4deg); }
    100% { transform: rotate(0deg); }
}

/* Yanıkken filaman hafifçe nabız atar (yalnız tam hareket) */
html[data-motion="full"][data-theme="light"] .lamp__fil-glow {
    animation: lamp-pulse 3.2s ease-in-out infinite;
}

@keyframes lamp-pulse {
    0%, 100% { opacity: 0.18; }
    50% { opacity: 0.36; }
}

@media (prefers-reduced-motion: reduce) {
    .lamp__rail,
    .lamp__glass,
    .lamp__fil-line,
    .lamp__fil-glow,
    .lamp__rays,
    .lamp__cone {
        transition: none;
    }

    .lamp.is-pulling .lamp__rail,
    .lamp.is-pulling .lamp__swing,
    html[data-theme="light"] .lamp__fil-glow {
        animation: none;
    }
}

html[data-motion="off"] .lamp__rail,
html[data-motion="off"] .lamp__glass,
html[data-motion="off"] .lamp__fil-line,
html[data-motion="off"] .lamp__fil-glow,
html[data-motion="off"] .lamp__rays,
html[data-motion="off"] .lamp__cone {
    transition: none;
}

html[data-motion="off"] .lamp.is-pulling .lamp__rail,
html[data-motion="off"] .lamp.is-pulling .lamp__swing,
html[data-motion="off"][data-theme="light"] .lamp__fil-glow {
    animation: none;
}