/*
 * Taha Kuzan Widgets - Core
 * Ferlix / Elementor global değişkenlerini kullanır.
 * Renk ve fontları burada sabitlemiyoruz; Site Ayarları değişince widgetler de otomatik takip eder.
 */

.tk-widget {
    --tk-primary: var(--e-global-color-primary, #0B2D56);
    --tk-secondary: var(--e-global-color-secondary, #E8EEF6);
    --tk-text: var(--e-global-color-text, #2B2B2B);
    --tk-accent: var(--e-global-color-accent, #3E6EA8);
    --tk-accent-secondary: var(--e-global-color-accentsecondary, #D4C3A5);
    --tk-white: var(--e-global-color-white, #FFFFFF);
    --tk-black: var(--e-global-color-black, #2B2B2B);
    --tk-divider: var(--e-global-color-divider, #DCE3EB);
    --tk-dark-divider: var(--e-global-color-darkdivider, #3E6EA8);
    --tk-background: var(--e-global-color-background, #F8FAFC);

    font-family: var(--e-global-typography-text-font-family, inherit);
    color: var(--tk-text);
}

.tk-type-primary {
    font-family: var(--e-global-typography-primary-font-family, inherit);
    font-size: var(--e-global-typography-primary-font-size, 48px);
    font-weight: var(--e-global-typography-primary-font-weight, 700);
    line-height: var(--e-global-typography-primary-line-height, 1.1em);
    letter-spacing: var(--e-global-typography-primary-letter-spacing, normal);
    word-spacing: var(--e-global-typography-primary-word-spacing, normal);
    color: var(--e-global-color-primary, #0B2D56);
}

.tk-type-secondary {
    font-family: var(--e-global-typography-secondary-font-family, inherit);
    font-size: var(--e-global-typography-secondary-font-size, 20px);
    font-weight: var(--e-global-typography-secondary-font-weight, 600);
    line-height: var(--e-global-typography-secondary-line-height, 1.1em);
    letter-spacing: var(--e-global-typography-secondary-letter-spacing, normal);
    word-spacing: var(--e-global-typography-secondary-word-spacing, normal);
}

.tk-type-text {
    font-family: var(--e-global-typography-text-font-family, inherit);
    font-size: var(--e-global-typography-text-font-size, 16px);
    font-weight: var(--e-global-typography-text-font-weight, 400);
    line-height: var(--e-global-typography-text-line-height, 1.6em);
    letter-spacing: var(--e-global-typography-text-letter-spacing, normal);
    word-spacing: var(--e-global-typography-text-word-spacing, normal);
}

.tk-type-accent {
    font-family: var(--e-global-typography-accent-font-family, inherit);
    font-size: var(--e-global-typography-accent-font-size, 16px);
    font-weight: var(--e-global-typography-accent-font-weight, 700);
    line-height: var(--e-global-typography-accent-line-height, 1em);
    letter-spacing: var(--e-global-typography-accent-letter-spacing, normal);
    word-spacing: var(--e-global-typography-accent-word-spacing, normal);
}

/* İç elemanlarda kullanacağımız Ferlix hissine yakın yumuşak reveal yardımcı sınıfı. */
.tk-reveal {
    will-change: transform, opacity;
}

@media (prefers-reduced-motion: reduce) {
    .tk-reveal {
        transform: none !important;
        opacity: 1 !important;
        visibility: visible !important;
    }
}
