/*
 * Tema: UFUK — teknoloji ve yenilik.
 * Yumuşak renk geçişleri, buzlu cam kartlar, büyük köşe yuvarlaklığı, hap biçimli düğmeler, hafif gölgeler.
 * Renkler panelden gelir (--c-*).
 */

.theme-ufuk {
    --k-glass-bg: rgba(255, 255, 255, .62);
    --k-glass-border: rgba(255, 255, 255, .7);
    --k-soft-shadow: 0 2px 6px rgba(var(--c-dark-rgb), .04), 0 18px 48px -18px rgba(var(--c-primary-rgb), .28);
    --k-gradient: linear-gradient(120deg, var(--c-primary), var(--c-accent));
}

.theme-ufuk h1,
.theme-ufuk h2,
.theme-ufuk h3,
.theme-ufuk .k-title {
    letter-spacing: -.03em;
    font-weight: 800;
}

.theme-ufuk .k-eyebrow {
    padding: 6px 14px;
    border-radius: 999px;
    background: var(--c-primary-soft);
    letter-spacing: .08em;
    font-size: .75rem;
}

.theme-ufuk .k-section--dark .k-eyebrow {
    background: rgba(255, 255, 255, .1);
}

.theme-ufuk .k-title {
    font-size: clamp(2rem, 1.2rem + 2.8vw, 3.4rem);
}

.theme-ufuk .k-section-head--start .k-title,
.theme-ufuk .k-hero-title {
    background: linear-gradient(120deg, var(--c-text) 30%, var(--c-primary));
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.theme-ufuk .k-section--dark .k-title,
.theme-ufuk .k-cta .k-title {
    background: none;
    color: inherit;
}

/* ------------------------------------------------------------------ düğmeler: hap */

.theme-ufuk .btn {
    --bs-btn-border-radius: 999px;
}

.theme-ufuk .btn-primary {
    background-image: var(--k-gradient);
    border: 0;
    box-shadow: 0 10px 24px -10px rgba(var(--c-primary-rgb), .7);
}

.theme-ufuk .btn-primary:hover {
    transform: translateY(-2px);
    box-shadow: 0 16px 30px -12px rgba(var(--c-primary-rgb), .75);
}

.theme-ufuk .btn-light {
    --bs-btn-bg: rgba(255, 255, 255, .7);
    --bs-btn-border-color: rgba(255, 255, 255, .9);
    --bs-btn-color: var(--c-text);
    --bs-btn-hover-bg: #fff;
    backdrop-filter: blur(8px);
}

/* ------------------------------------------------------------------ üst bilgi: yüzen hap */

.theme-ufuk .k-topbar {
    border: 0;
    background: transparent;
}

.theme-ufuk .k-header {
    background: transparent;
}

.theme-ufuk .k-header--float .k-header-bar {
    border: 0;
    padding-block: 12px;
    background: transparent;
}

.k-float-pill {
    display: flex;
    align-items: center;
    gap: 24px;
    min-height: 68px;
    padding: 8px 10px 8px 26px;
    background: var(--k-glass-bg);
    border: 1px solid var(--k-glass-border);
    border-radius: 999px;
    backdrop-filter: blur(16px) saturate(1.4);
    -webkit-backdrop-filter: blur(16px) saturate(1.4);
    box-shadow: var(--k-soft-shadow);
    transition: min-height .25s var(--k-ease);
}

[dir="rtl"] .k-float-pill {
    padding: 8px 26px 8px 10px;
}

.theme-ufuk .k-header.is-stuck .k-float-pill {
    min-height: 58px;
    background: rgba(255, 255, 255, .82);
}

.theme-ufuk .k-header.is-stuck .k-header-bar {
    box-shadow: none;
}

.theme-ufuk .k-nav-link {
    border-radius: 999px;
    padding: 9px 14px;
}

.theme-ufuk .k-nav-link:hover,
.theme-ufuk .k-nav-link.active {
    background: var(--c-primary-soft);
}

.theme-ufuk .k-lang-btn,
.theme-ufuk .k-burger {
    border-radius: 999px;
    background: rgba(255, 255, 255, .6);
}

.theme-ufuk .k-dropdown {
    border-radius: 18px;
    border: 1px solid var(--k-glass-border);
    background: rgba(255, 255, 255, .9);
    backdrop-filter: blur(14px);
}

.theme-ufuk .k-dropdown .dropdown-item {
    border-radius: 12px;
}

@media (max-width: 575.98px) {
    .k-float-pill {
        padding-inline-start: 18px;
        gap: 12px;
    }
}

/* ------------------------------------------------------------------ zemin ve giriş */

.theme-ufuk body,
body.theme-ufuk {
    background:
        radial-gradient(1200px 600px at 100% -10%, rgba(var(--c-primary-rgb), .1), transparent 60%),
        radial-gradient(900px 500px at -10% 10%, rgba(var(--c-accent-rgb), .08), transparent 60%),
        var(--c-bg);
}

.k-hero--mesh {
    margin-top: calc(-1 * var(--k-header-total, 133px));
    padding: calc(var(--k-header-total, 133px) + 48px) 0 72px;
    isolation: isolate;
}

.k-mesh {
    position: absolute;
    inset: 0;
    z-index: -1;
    overflow: hidden;
    background: linear-gradient(180deg, var(--c-surface), var(--c-bg));
}

.k-mesh i {
    position: absolute;
    border-radius: 50%;
    filter: blur(70px);
    opacity: .55;
    animation: k-float 18s ease-in-out infinite alternate;
}

.k-mesh i:nth-child(1) {
    width: 520px;
    height: 520px;
    top: -120px;
    inset-inline-end: -80px;
    background: rgba(var(--c-primary-rgb), .55);
}

.k-mesh i:nth-child(2) {
    width: 420px;
    height: 420px;
    bottom: -140px;
    inset-inline-start: 10%;
    background: rgba(var(--c-accent-rgb), .45);
    animation-delay: -6s;
}

.k-mesh i:nth-child(3) {
    width: 300px;
    height: 300px;
    top: 30%;
    left: 40%;
    background: rgba(var(--c-primary-rgb), .25);
    animation-delay: -12s;
}

@keyframes k-float {
    to {
        transform: translate(40px, 30px) scale(1.12);
    }
}

.k-mesh-row {
    min-height: min(72vh, 680px);
}

.k-hero--mesh .k-hero-title {
    font-size: clamp(2.5rem, 1.2rem + 4.6vw, 5.2rem);
    letter-spacing: -.04em;
}

.k-hero--mesh .k-hero-sub {
    color: var(--c-muted);
    opacity: 1;
}

.k-chip {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 7px 16px 7px 10px;
    margin-bottom: 22px;
    border-radius: 999px;
    background: var(--k-glass-bg);
    border: 1px solid var(--k-glass-border);
    backdrop-filter: blur(10px);
    font-size: .875rem;
    font-weight: 600;
    box-shadow: var(--k-soft-shadow);
}

.k-chip-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--c-accent);
    box-shadow: 0 0 0 4px rgba(var(--c-accent-rgb), .2);
}

.k-mesh-visual {
    position: relative;
    padding: 24px;
}

.k-mesh-frame {
    position: relative;
    aspect-ratio: 5 / 4;
    border-radius: 32px;
    overflow: hidden;
    box-shadow: 0 40px 80px -30px rgba(var(--c-dark-rgb), .45);
    transform: rotate(-1.5deg);
}

.k-mesh-frame img,
.k-mesh-frame video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.k-glass {
    background: var(--k-glass-bg);
    border: 1px solid var(--k-glass-border);
    border-radius: 20px;
    backdrop-filter: blur(16px) saturate(1.4);
    -webkit-backdrop-filter: blur(16px) saturate(1.4);
    box-shadow: var(--k-soft-shadow);
}

.k-mesh-float {
    position: absolute;
    padding: 16px 20px;
    min-width: 170px;
    animation: k-bob 6s ease-in-out infinite alternate;
}

.k-mesh-float strong {
    display: block;
    font-size: 1.9rem;
    line-height: 1;
    font-family: var(--f-heading);
    background: var(--k-gradient);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.k-mesh-float span {
    font-size: .85rem;
    color: var(--c-muted);
}

.k-mesh-float--1 {
    bottom: 0;
    inset-inline-start: -10px;
}

.k-mesh-float--2 {
    top: 0;
    inset-inline-end: -6px;
    animation-delay: -3s;
}

@keyframes k-bob {
    to {
        transform: translateY(-10px);
    }
}

.theme-ufuk .k-hero-bottom {
    position: relative;
    bottom: auto;
    margin-top: 24px;
}

.theme-ufuk .k-hero-arrows button {
    border-radius: 50%;
    border-color: var(--c-line);
    background: var(--k-glass-bg);
}

.theme-ufuk .k-hero-dots button.active::before {
    background: var(--c-primary);
}

/* ------------------------------------------------------------------ kartlar: cam ve yuvarlak */

.theme-ufuk .k-section--alt {
    background: linear-gradient(180deg, var(--c-surface), rgba(var(--c-bg-rgb), 0));
}

.theme-ufuk .k-card {
    border-radius: 24px;
    border: 1px solid rgba(var(--c-primary-rgb), .1);
    background: rgba(255, 255, 255, .7);
    backdrop-filter: blur(12px);
    box-shadow: var(--k-soft-shadow);
}

.theme-ufuk .k-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 2px 6px rgba(var(--c-dark-rgb), .04), 0 30px 60px -24px rgba(var(--c-primary-rgb), .4);
}

.theme-ufuk .k-card-media {
    margin: 10px 10px 0;
    border-radius: 18px;
}

.theme-ufuk .k-card--team .k-card-media {
    border-radius: 18px;
}

.theme-ufuk .k-icon-box {
    border-radius: 16px;
    background: var(--k-gradient);
    color: #fff;
    box-shadow: 0 10px 20px -10px rgba(var(--c-primary-rgb), .7);
}

.theme-ufuk .k-badge {
    border-radius: 999px;
}

.theme-ufuk .k-feature {
    border-radius: 24px;
    background: rgba(255, 255, 255, .6);
    border-color: rgba(var(--c-primary-rgb), .1);
}

.theme-ufuk .k-section--dark {
    background:
        radial-gradient(700px 400px at 90% 0%, rgba(var(--c-primary-rgb), .45), transparent 60%),
        radial-gradient(600px 400px at 0% 100%, rgba(var(--c-accent-rgb), .3), transparent 60%),
        var(--c-dark);
}

.theme-ufuk .k-stats {
    gap: 16px;
}

.theme-ufuk .k-stat {
    border: 1px solid rgba(255, 255, 255, .12);
    background: rgba(255, 255, 255, .06);
    border-radius: 24px;
    backdrop-filter: blur(10px);
}

.theme-ufuk .k-stat-value small {
    color: var(--c-accent);
}

.theme-ufuk .k-process-icon {
    background: var(--k-gradient);
    color: #fff;
    border: 0;
    box-shadow: 0 12px 24px -10px rgba(var(--c-primary-rgb), .7);
}

.theme-ufuk .k-process-step::before {
    background: linear-gradient(90deg, rgba(var(--c-primary-rgb), .5), rgba(var(--c-accent-rgb), .5));
    height: 2px;
}

.theme-ufuk .k-cta {
    border-radius: 32px;
    background:
        radial-gradient(600px 300px at 100% 0%, rgba(var(--c-accent-rgb), .6), transparent 60%),
        var(--k-gradient);
    color: #fff;
}

.theme-ufuk .k-cta::before {
    display: none;
}

.theme-ufuk .k-cta .k-eyebrow {
    background: rgba(255, 255, 255, .18);
    color: #fff;
}

.theme-ufuk .k-cta .btn-primary {
    background: #fff;
    color: var(--c-primary);
}

.theme-ufuk .k-intro-media img {
    border-radius: 32px;
}

.theme-ufuk .k-intro-badge {
    border-radius: 22px;
    background: var(--k-gradient);
}

.theme-ufuk .k-map,
.theme-ufuk .k-sidebar-box,
.theme-ufuk .k-media-card,
.theme-ufuk .k-empty {
    border-radius: 24px;
}

.theme-ufuk .k-gallery-item {
    border-radius: 18px;
}

.theme-ufuk .k-accordion .accordion-item {
    border: 1px solid rgba(var(--c-primary-rgb), .12);
    border-radius: 18px !important;
    margin-bottom: 10px;
    background: rgba(255, 255, 255, .6);
    padding-inline: 22px;
}

.theme-ufuk .k-accordion .accordion-item:first-of-type {
    border-top: 1px solid rgba(var(--c-primary-rgb), .12);
}

.theme-ufuk .k-filter button,
.theme-ufuk .k-filter a,
.theme-ufuk .k-social a,
.theme-ufuk .k-share a,
.theme-ufuk .k-share button,
.theme-ufuk .k-scroller-nav button,
.theme-ufuk .k-to-top {
    border-radius: 999px;
}

.theme-ufuk .k-page-hero {
    margin-top: calc(-1 * var(--k-header-total, 133px));
    padding-top: calc(var(--k-header-total, 133px) + 64px);
    background:
        radial-gradient(700px 360px at 85% 0%, rgba(var(--c-primary-rgb), .22), transparent 65%),
        radial-gradient(600px 300px at 0% 100%, rgba(var(--c-accent-rgb), .18), transparent 65%),
        var(--c-surface);
    border-bottom: 0;
}

.theme-ufuk .k-page-hero.has-image {
    background: var(--c-dark);
}

.theme-ufuk .k-footer {
    border-radius: 36px 36px 0 0;
    background:
        radial-gradient(700px 400px at 100% 0%, rgba(var(--c-primary-rgb), .35), transparent 60%),
        var(--c-dark);
}

.theme-ufuk .form-control,
.theme-ufuk .form-select {
    border-radius: 14px;
}

@media (prefers-reduced-motion: reduce) {
    .k-mesh i,
    .k-mesh-float {
        animation: none;
    }
}