/* Footer üst iletişim — 10 tema (panel «Şerit tasarımı» ile aynı numaralar) */
.site-footer-top--theme-1 {
    background-color: var(--site-bg-card, #fff);
    background-image: repeating-linear-gradient(
        62deg,
        transparent 0,
        transparent 8px,
        rgba(20, 184, 166, 0.06) 8px,
        rgba(20, 184, 166, 0.06) 9px
    ),
    linear-gradient(180deg, #ffffff 0%, #f8f8fa 35%, #f0f1f4 70%, #eaecef 100%);
}

.site-footer-top--theme-2 {
    background-color: var(--site-bg-card, #fff);
    background-image: repeating-linear-gradient(
        58deg,
        transparent 0,
        transparent 7px,
        color-mix(in srgb, var(--site-primary, #14b8a6) 22%, transparent) 7px,
        color-mix(in srgb, var(--site-primary, #14b8a6) 22%, transparent) 8px
    ),
    linear-gradient(180deg, #fafdfd 0%, #f0f9f8 45%, #e8f5f3 100%);
}

.site-footer-top--theme-3 {
    padding: 1.35rem 1.25rem;
    background-color: var(--site-bg-secondary, #f8fafc);
    background-image: repeating-linear-gradient(
        64deg,
        transparent 0,
        transparent 5px,
        rgba(100, 116, 139, 0.055) 5px,
        rgba(100, 116, 139, 0.055) 6px
    );
}

.site-footer-top--theme-3 .site-footer-top-grid {
    gap: 1rem 0.75rem;
}

.site-footer-top--theme-4 {
    background-color: #0f0f12;
    background-image: repeating-linear-gradient(
            62deg,
            transparent 0,
            transparent 6px,
            rgba(255, 255, 255, 0.04) 6px,
            rgba(255, 255, 255, 0.04) 7px
        ),
        linear-gradient(180deg, #0c0c0e 0%, #1a1a1f 50%, #0f0f12 100%);
    color: #f5f5f7;
    border-top-color: #2d2d2f;
}

.site-footer-top--theme-4 .site-footer-top-label {
    color: #a1a1a6 !important;
}

.site-footer-top--theme-4 .site-footer-top-text a,
.site-footer-top--theme-4 .site-footer-top-text span {
    color: #f5f5f7 !important;
}

.site-footer-top--theme-4 .site-footer-top-text a:hover {
    color: var(--site-accent, #f24405) !important;
}

.site-footer-top--theme-4 .site-footer-top-icon {
    background: rgba(255, 255, 255, 0.08) !important;
    border-color: #2d2d2f !important;
    color: #f5f5f7 !important;
}

.site-footer-top--theme-4 .site-footer-top-item:hover .site-footer-top-icon {
    border-color: var(--site-accent, #f24405) !important;
    color: var(--site-accent, #f24405) !important;
}

.site-footer-top--theme-4 .site-footer-top-social {
    background: rgba(255, 255, 255, 0.06) !important;
    border-color: #2d2d2f !important;
    color: #f5f5f7 !important;
}

.site-footer-top--theme-4 .site-footer-top-cta-label {
    color: #a1a1a6 !important;
}

.site-footer-top--theme-5 {
    background: transparent !important;
    border-top: 1px solid var(--site-border-light, #e8e8ed);
    box-shadow: none;
}

.site-footer-top--theme-5 .site-footer-top-inner {
    background: transparent;
}

.site-footer-top--theme-6 .site-footer-top-inner {
    max-width: 1100px;
    padding: 1.15rem 1.35rem;
    border-radius: 18px;
    background-color: color-mix(in srgb, var(--site-bg-card, #fff) 72%, transparent);
    border: 1px solid color-mix(in srgb, var(--site-border-light, #e8e8ed) 65%, transparent);
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.07);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    background-image: repeating-linear-gradient(
        62deg,
        transparent 0,
        transparent 8px,
        rgba(20, 184, 166, 0.045) 8px,
        rgba(20, 184, 166, 0.045) 9px
    );
}

.site-footer-top--theme-7 {
    background-color: var(--site-bg-secondary, #f1f5f9);
    background-image: repeating-linear-gradient(
        62deg,
        transparent 0,
        transparent 9px,
        color-mix(in srgb, var(--site-primary, #0f766e) 16%, transparent) 9px,
        color-mix(in srgb, var(--site-primary, #0f766e) 16%, transparent) 10px
    );
}

.site-footer-top--theme-7 .site-footer-top-item {
    padding: 0.65rem 1rem;
    background: var(--site-bg-card, #fff);
    border-radius: 14px;
    border: 1px solid var(--site-border-light, #e8e8ed);
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.05);
}

.site-footer-top--theme-7 .site-footer-top-grid {
    gap: 1.25rem;
}

.site-footer-top--theme-8 {
    background-color: var(--site-bg-card, #fff);
    background-image: repeating-linear-gradient(
            62deg,
            transparent 0,
            transparent 10px,
            color-mix(in srgb, var(--site-primary, #0f766e) 14%, transparent) 10px,
            color-mix(in srgb, var(--site-primary, #0f766e) 14%, transparent) 11px
        ),
        linear-gradient(
            100deg,
            color-mix(in srgb, var(--site-primary, #0f766e) 12%, var(--site-bg-secondary, #f1f5f9)) 0%,
            var(--site-bg-card, #fff) 48%,
            color-mix(in srgb, var(--site-primary, #0f766e) 8%, #fff) 100%
        );
}

.site-footer-top--theme-9 {
    background-color: var(--site-bg-card, #fff);
    background-image: repeating-linear-gradient(
        62deg,
        transparent 0,
        transparent 8px,
        rgba(45, 212, 191, 0.065) 8px,
        rgba(45, 212, 191, 0.065) 9px
    );
}

.site-footer-top--theme-10 {
    background-color: var(--site-bg-secondary, #f8fafc);
    background-image: repeating-linear-gradient(
        62deg,
        transparent 0,
        transparent 8px,
        rgba(20, 184, 166, 0.055) 8px,
        rgba(20, 184, 166, 0.055) 9px
    );
    border-top: 1px solid var(--site-border-light, #e8e8ed);
    border-bottom: 1px solid var(--site-border-light, #e8e8ed);
}

/* ----- Koyu site teması (data-theme="dark") ----- */
[data-theme="dark"] .site-footer-top--theme-1 {
    background-color: #141414;
    background-image: repeating-linear-gradient(
            62deg,
            transparent 0,
            transparent 7px,
            rgba(255, 255, 255, 0.035) 7px,
            rgba(255, 255, 255, 0.035) 8px
        ),
        linear-gradient(180deg, #0d0d0d 0%, #141414 50%, #1a1a1a 100%);
    color: #f5f5f7;
    border-top-color: #2d2d2f;
}

[data-theme="dark"] .site-footer-top--theme-2 {
    background-color: #141414;
    background-image: repeating-linear-gradient(
        62deg,
        transparent 0,
        transparent 7px,
        rgba(45, 212, 191, 0.12) 7px,
        rgba(45, 212, 191, 0.12) 8px
    );
    color: #f5f5f7;
    border-top-color: #2d2d2f;
}

[data-theme="dark"] .site-footer-top--theme-3 {
    background-color: #101010;
    background-image: repeating-linear-gradient(
        64deg,
        transparent 0,
        transparent 5px,
        rgba(255, 255, 255, 0.028) 5px,
        rgba(255, 255, 255, 0.028) 6px
    );
    color: #f5f5f7;
}

[data-theme="dark"] .site-footer-top--theme-4 {
    background-image: repeating-linear-gradient(
            62deg,
            transparent 0,
            transparent 6px,
            rgba(255, 255, 255, 0.045) 6px,
            rgba(255, 255, 255, 0.045) 7px
        ),
        linear-gradient(180deg, #050506 0%, #121214 100%);
}

[data-theme="dark"] .site-footer-top--theme-5 {
    background: transparent !important;
    border-top-color: #2d2d2f;
}

[data-theme="dark"] .site-footer-top--theme-6 .site-footer-top-inner {
    background-color: color-mix(in srgb, #1c1c1e 80%, transparent);
    background-image: repeating-linear-gradient(
        62deg,
        transparent 0,
        transparent 8px,
        rgba(255, 255, 255, 0.03) 8px,
        rgba(255, 255, 255, 0.03) 9px
    );
    border-color: #2d2d2f;
    box-shadow: 0 10px 36px rgba(0, 0, 0, 0.35);
}

[data-theme="dark"] .site-footer-top--theme-7 {
    background-color: #0d0d0d;
    background-image: repeating-linear-gradient(
        62deg,
        transparent 0,
        transparent 8px,
        rgba(255, 255, 255, 0.032) 8px,
        rgba(255, 255, 255, 0.032) 9px
    );
}

[data-theme="dark"] .site-footer-top--theme-7 .site-footer-top-item {
    background: #141414;
    border-color: #2d2d2f;
}

[data-theme="dark"] .site-footer-top--theme-8 {
    background-color: #141414;
    background-image: repeating-linear-gradient(
            62deg,
            transparent 0,
            transparent 9px,
            rgba(255, 255, 255, 0.038) 9px,
            rgba(255, 255, 255, 0.038) 10px
        ),
        linear-gradient(
            100deg,
            color-mix(in srgb, var(--site-primary, #0f766e) 22%, #141414) 0%,
            #141414 50%,
            color-mix(in srgb, var(--site-primary, #0f766e) 15%, #141414) 100%
        );
}

[data-theme="dark"] .site-footer-top--theme-9,
[data-theme="dark"] .site-footer-top--theme-10 {
    background-color: #141414;
    background-image: repeating-linear-gradient(
        62deg,
        transparent 0,
        transparent 8px,
        rgba(255, 255, 255, 0.03) 8px,
        rgba(255, 255, 255, 0.03) 9px
    );
    border-color: #2d2d2f;
}

[data-theme="dark"] .site-footer-top--theme-1 .site-footer-top-label,
[data-theme="dark"] .site-footer-top--theme-2 .site-footer-top-label,
[data-theme="dark"] .site-footer-top--theme-3 .site-footer-top-label,
[data-theme="dark"] .site-footer-top--theme-5 .site-footer-top-label,
[data-theme="dark"] .site-footer-top--theme-6 .site-footer-top-label,
[data-theme="dark"] .site-footer-top--theme-7 .site-footer-top-label,
[data-theme="dark"] .site-footer-top--theme-8 .site-footer-top-label,
[data-theme="dark"] .site-footer-top--theme-9 .site-footer-top-label,
[data-theme="dark"] .site-footer-top--theme-10 .site-footer-top-label {
    color: #a1a1a6 !important;
}

[data-theme="dark"] .site-footer-top--theme-1 .site-footer-top-text a,
[data-theme="dark"] .site-footer-top--theme-1 .site-footer-top-text span,
[data-theme="dark"] .site-footer-top--theme-2 .site-footer-top-text a,
[data-theme="dark"] .site-footer-top--theme-2 .site-footer-top-text span,
[data-theme="dark"] .site-footer-top--theme-3 .site-footer-top-text a,
[data-theme="dark"] .site-footer-top--theme-3 .site-footer-top-text span,
[data-theme="dark"] .site-footer-top--theme-5 .site-footer-top-text a,
[data-theme="dark"] .site-footer-top--theme-5 .site-footer-top-text span,
[data-theme="dark"] .site-footer-top--theme-6 .site-footer-top-text a,
[data-theme="dark"] .site-footer-top--theme-6 .site-footer-top-text span,
[data-theme="dark"] .site-footer-top--theme-7 .site-footer-top-text a,
[data-theme="dark"] .site-footer-top--theme-7 .site-footer-top-text span,
[data-theme="dark"] .site-footer-top--theme-8 .site-footer-top-text a,
[data-theme="dark"] .site-footer-top--theme-8 .site-footer-top-text span,
[data-theme="dark"] .site-footer-top--theme-9 .site-footer-top-text a,
[data-theme="dark"] .site-footer-top--theme-9 .site-footer-top-text span,
[data-theme="dark"] .site-footer-top--theme-10 .site-footer-top-text a,
[data-theme="dark"] .site-footer-top--theme-10 .site-footer-top-text span {
    color: #f5f5f7 !important;
}

[data-theme="dark"] .site-footer-top--theme-1 .site-footer-top-icon,
[data-theme="dark"] .site-footer-top--theme-2 .site-footer-top-icon,
[data-theme="dark"] .site-footer-top--theme-3 .site-footer-top-icon,
[data-theme="dark"] .site-footer-top--theme-6 .site-footer-top-icon,
[data-theme="dark"] .site-footer-top--theme-7 .site-footer-top-icon,
[data-theme="dark"] .site-footer-top--theme-8 .site-footer-top-icon,
[data-theme="dark"] .site-footer-top--theme-9 .site-footer-top-icon,
[data-theme="dark"] .site-footer-top--theme-10 .site-footer-top-icon {
    background: rgba(255, 255, 255, 0.08) !important;
    border-color: #2d2d2f !important;
    color: #f5f5f7 !important;
}

[data-theme="dark"] .site-footer-top--theme-5 .site-footer-top-icon {
    background: rgba(255, 255, 255, 0.08) !important;
    border-color: #2d2d2f !important;
    color: #f5f5f7 !important;
}

/* Koyu tema: sosyal ikonlar + başlık (tüm footer üst şerit temaları; 4 zaten yukarıda) */
[data-theme="dark"] .site-footer-top .site-footer-top-cta-label {
    color: #a1a1a6 !important;
}
[data-theme="dark"] .site-footer-top .site-footer-top-social {
    background: rgba(255, 255, 255, 0.08) !important;
    border-color: #2d2d2f !important;
    color: #f5f5f7 !important;
}
[data-theme="dark"] .site-footer-top .site-footer-top-social:hover {
    background: rgba(255, 255, 255, 0.12) !important;
    border-color: var(--site-accent, #f24405) !important;
    color: var(--site-accent, #f24405) !important;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.35) !important;
}