/* Tailwind CDN ile çalışan tamamlayıcı stiller */

:root {
    --primary: #d53600;
    --ink: #1A1917;
    --cream-light: #F1EFEA;
    --cream-mid: #E4E1D9;
    --green: #1A1917;
    --radius: 0.5rem;
}

/* Dil seçici – aktif/pasif durumu JS ile .active class üzerinden yönetilir */
.lang-btn {
    background: transparent;
    color: #374151;
    transition: background-color 0.15s, color 0.15s, box-shadow 0.15s;
}
.lang-btn:hover {
    background: rgba(255,255,255,0.6);
}
.lang-btn.active {
    background: white;
    color: #111827;
    box-shadow: 0 1px 3px rgba(0,0,0,0.08);
}

/* DevExtreme widget font uyumu */
.dx-widget,
.dx-overlay-wrapper {
    font-family: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif !important;
}

/* Login button override */
.dx-button-mode-contained.dx-button-success {
    background: var(--green) !important;
    border-color: var(--green) !important;
}

/* Image section - login/forgot/reset sayfaları */
.image-section {
    display: none;
}

@media (min-width: 1024px) {
    .image-section {
        display: flex;
        align-items: center;
        justify-content: center;
        background: var(--cream-light);
    }
}

.image-section img {
    max-width: 80%;
    max-height: 80%;
    object-fit: contain;
}