/* Servo Destek – WordPress Plugin Styles
   React app'in WordPress temasıyla çakışmaması için izole edilmiş stiller
*/

#servo-destek-root {
    all: initial;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    font-size: 16px;
    line-height: 1.5;
    color: #1f2937;
    display: block;
    width: 100%;
    min-height: 600px;
    box-sizing: border-box;
}

#servo-destek-root *,
#servo-destek-root *::before,
#servo-destek-root *::after {
    box-sizing: border-box;
}

/* WordPress yönetici çubuğu ile sticky chatbot çakışmasını önle */
#servo-destek-root .servo-sticky-chat {
    bottom: 20px;
    right: 20px;
    position: fixed;
    z-index: 9999;
}

/* WordPress görseli tam genişliği geçersiz kılmasını engelle */
#servo-destek-root img {
    max-width: 100%;
    height: auto;
}

/* Spinner animasyonu */
@keyframes servo-spin {
    from { transform: rotate(0deg); }
    to   { transform: rotate(360deg); }
}

#servo-destek-root .servo-spin {
    animation: servo-spin 1s linear infinite;
}

/* Fade-in animasyonu */
@keyframes servo-fadeIn {
    from { opacity: 0; transform: translateY(8px); }
    to   { opacity: 1; transform: translateY(0); }
}

#servo-destek-root .servo-fade-in {
    animation: servo-fadeIn 0.3s ease-out;
}

/* Şahin Rulman marka rengi */
:root {
    --servo-brand: #e67e22;
    --servo-brand-light: #e67e2218;
    --servo-brand-border: #e67e2230;
}