/* ================================================
   CANLI DÜZENLEME MODU (Inline Editor) stilleri
   Yalnızca giriş yapmış adminin kullandığı özellik.
================================================ */

/* ---- Yüzen Düzenle/Bitti butonu ---- */
.cs-editor-btn {
    position: fixed;
    left: 1.5rem;
    bottom: 5.75rem;
    z-index: 9995;
    border: none;
    border-radius: 999px;
    padding: 0.55rem 1.05rem;
    font: 600 0.82rem/1 'Inter', system-ui, sans-serif;
    letter-spacing: 0.03em;
    color: #fff;
    background: var(--accent, #d87b36);
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.3);
    cursor: pointer;
    transition: background 0.2s, transform 0.2s, box-shadow 0.2s;
    user-select: none;
    -webkit-user-select: none;
}
.cs-editor-btn:hover { transform: translateY(-2px); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35); }
.cs-editor-btn.on { background: #2e9e5b; }

@media (max-width: 768px) {
    .cs-editor-btn { left: 1.25rem; bottom: 5.25rem; padding: 0.5rem 0.9rem; font-size: 0.78rem; }
}

/* ---- Düzenleme modunda düzenlenebilir öğeler ---- */
body.inline-edit-mode [data-cs-path],
body.inline-edit-mode [data-i18n] {
    cursor: text;
    outline: 1px dashed rgba(216, 123, 54, 0.55);
    outline-offset: 3px;
    border-radius: 3px;
    transition: outline-color 0.15s, background 0.15s;
}
body.inline-edit-mode [data-cs-path]:hover,
body.inline-edit-mode [data-i18n]:hover {
    outline: 1px dashed var(--accent, #d87b36);
    background: rgba(216, 123, 54, 0.07);
}
body.inline-edit-mode [data-cs-path].cs-editing,
body.inline-edit-mode [data-i18n].cs-editing {
    outline: 2px solid var(--accent, #d87b36);
    background: rgba(216, 123, 54, 0.1);
}

/* ---- "Kaydedildi ✓" bildirimi ---- */
.cs-editor-toast {
    position: fixed;
    left: 50%;
    bottom: 1.75rem;
    transform: translateX(-50%) translateY(16px);
    z-index: 9999;
    background: rgba(20, 26, 31, 0.95);
    color: #fff;
    font: 600 0.85rem 'Inter', system-ui, sans-serif;
    padding: 0.65rem 1.15rem;
    border-radius: 999px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35);
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.25s, transform 0.25s;
    max-width: 90vw;
    text-align: center;
}
.cs-editor-toast.show { opacity: 1; transform: translateX(-50%) translateY(0); }
.cs-editor-toast.err { background: #a33; }

/* Logo/metinleri içeren üst yapıda düzenlenebilir alanlara özel netlik */
body.inline-edit-mode a[data-cs-path] { text-decoration: none; }