/* =================================================================
   STARK LONCASI — Medieval/Stark tema override
   Ana style.css'ten SONRA yüklenmeli (header.php'de en altta).
   ================================================================= */

/* ---------- Renk paleti & temel değişkenler ---------- */
:root {
    --stark-bg-deep:    #0a0a0e;   /* en koyu arka plan */
    --stark-bg:         #111118;   /* kart/section bg */
    --stark-bg-elev:    #1a1a24;   /* öne çıkan kart */
    --stark-border:     #2a2a36;
    --stark-border-warm:#3d3326;

    --stark-gold:       #d4af37;   /* ana vurgu */
    --stark-gold-bright:#f0c548;   /* hover */
    --stark-gold-dim:   #8a7028;   /* pasif/border */
    --stark-bronze:     #b08d4f;
    --stark-cream:      #f0e6d2;   /* sıcak beyaz */

    --stark-text:       #e8e5dc;
    --stark-text-dim:   #9a9080;
    --stark-text-muted: #6a6358;

    --stark-shadow-gold: 0 0 24px rgba(212,175,55,.15);
    --stark-shadow-deep: 0 8px 32px rgba(0,0,0,.6);
}

/* ---------- Tipografi ---------- */
html {
    background-color: var(--stark-bg-deep);
}
body {
    background-color: var(--stark-bg-deep) !important;
    /* Sabit altın atmosfer + ince grain */
    background-image:
        radial-gradient(circle at 20% 15%, rgba(212,175,55,.10), transparent 45%),
        radial-gradient(circle at 80% 35%, rgba(176,141,79,.07), transparent 45%),
        radial-gradient(circle at 30% 60%, rgba(212,175,55,.08), transparent 45%),
        radial-gradient(circle at 75% 85%, rgba(212,175,55,.09), transparent 45%),
        url(../img/Noise_BG_Main.jpg) !important;
    background-attachment: fixed, fixed, fixed, fixed, fixed !important;
    background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, repeat !important;
    background-blend-mode: normal, normal, normal, normal, soft-light !important;
    color: var(--stark-text);
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-feature-settings: "ss01", "cv11";
    -webkit-font-smoothing: antialiased;
}

/* Preloader: animasyon biter bitmez tamamen kaldır */
.loader.hidden {
    display: none !important;
    pointer-events: none !important;
}
.loader { pointer-events: none !important; }

/* Cursor follower'lar — clickleri ASLA engellemesin */
.cursor1, .cursor2 {
    pointer-events: none !important;
}

/* Video overlay — kapalıyken clickleri engellemesin */
.video-overlay {
    pointer-events: none !important;
    visibility: hidden;
}
.video-overlay.open {
    pointer-events: auto !important;
    visibility: visible;
}

/* Gotik/medieval başlık fontu */
h1, h2, h3, h4, h5, h6,
.cs-bread h1, .section-title h2, .hero-heading,
.about-title h2 {
    font-family: 'Cinzel', 'Cormorant Garamond', Georgia, serif !important;
    letter-spacing: 0.02em;
    color: var(--stark-cream);
}
h1, h2 { letter-spacing: 0.04em; }

/* Hero büyük başlık — canlı altın + parıltı animasyonu */
.hero-heading span {
    font-family: 'Cinzel', Georgia, serif !important;
    letter-spacing: 0.05em !important;
    /* Yatay altın gradient — ortada parlak nokta soldan sağa kayar */
    background: linear-gradient(
        90deg,
        #b08d4f  0%,
        #d4af37 25%,
        #f8e08e 45%,   /* parlak vurgu */
        #fff7d6 50%,   /* tepe parıltı */
        #f8e08e 55%,
        #d4af37 75%,
        #b08d4f 100%
    );
    background-size: 200% 100%;
    background-position: -100% 0;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
    /* Parıltı sağa sola geçen */
    animation: stark-shimmer 5s linear infinite;
    /* Hafif altın glow */
    filter: drop-shadow(0 0 18px rgba(212,175,55,.25))
            drop-shadow(0 2px 4px rgba(0,0,0,.5));
}

@keyframes stark-shimmer {
    0%   { background-position: 200% 0; }
    100% { background-position: -200% 0; }
}

/* Reduced motion isteyen kullanıcılar için animasyonu kapat */
@media (prefers-reduced-motion: reduce) {
    .hero-heading span {
        animation: none;
        background-position: 50% 0;
    }
}

/* Linkler */
a { color: var(--stark-gold); }
a:hover { color: var(--stark-gold-bright); }

/* ---------- Genel arka plan — tüm bölümler şeffaf, body texture'ı her yerde görünür ---------- */
section,
.cs-team, .cs-about-style-2, .cs-contact-page-content,
.cs-services-style-2, .fun-fact,
section.p-tb-10, section.p-b-10, section.p-t-10 {
    background: transparent !important;
    background-image: none !important;
}

/* Video thumbnail bölümü — orijinal Background_Fixed.jpg geri getir */
.cs-feature-style-2 {
    background-color: transparent !important;
    background-image: url(../img/Background_Fixed.jpg) !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    min-height: 480px;
    border-radius: 12px;
    margin: 40px auto;
    max-width: 1200px;
    position: relative;
    overflow: hidden;
}
.cs-feature-style-2::before {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(10,10,14,.4) 0%, rgba(10,10,14,.7) 100%);
    pointer-events: none;
    z-index: 0;
}
.cs-feature-style-2 .container { position: relative; z-index: 2; }
/* Play butonu */
.cs-feature-style-2 .video-play-button {
    width: 80px; height: 80px;
    border-radius: 50%;
    background: rgba(212,175,55,.9);
    display: flex; align-items: center; justify-content: center;
    box-shadow: 0 0 0 0 rgba(212,175,55,.4);
    animation: pulse-gold 2s infinite;
    transition: transform .2s;
}
.cs-feature-style-2 .video-play-button:hover { transform: scale(1.1); }
.cs-feature-style-2 .video-play-button span {
    display: block;
    width: 0; height: 0;
    border-left: 22px solid var(--stark-bg-deep);
    border-top: 14px solid transparent;
    border-bottom: 14px solid transparent;
    margin-left: 6px;
}
@keyframes pulse-gold {
    0%   { box-shadow: 0 0 0  0   rgba(212,175,55,.5); }
    70%  { box-shadow: 0 0 0 24px rgba(212,175,55,0); }
    100% { box-shadow: 0 0 0  0   rgba(212,175,55,0); }
}

/* Award bölümü için ince warm-gold üst-alt çizgi (sectionlar arası geçiş ipucu) */
.cs-award {
    background: linear-gradient(180deg,
        transparent,
        rgba(212,175,55,.025) 50%,
        transparent) !important;
    border-top: 1px solid var(--stark-border-warm);
    border-bottom: 1px solid var(--stark-border-warm);
}

/* Footer kendi tonu olsun, ana sayfa içeriğinden hafif ayrılsın */
footer.cs-footer-container {
    background-color: rgba(0,0,0,.25) !important;
    background-image: none !important;
}

/* Section ayraç (altın çizgi) */
section.cs-team::before,
section.cs-about-style-2::after {
    content: "";
    display: block;
    width: 80px; height: 1px;
    margin: 0 auto;
    background: linear-gradient(90deg, transparent, var(--stark-gold), transparent);
    opacity: .6;
}

/* ---------- Header / Navbar — altın tema ---------- */
.cs-site-navbar {
    /* Hafif sıcak gradient arka plan */
    background:
        linear-gradient(180deg,
            rgba(20, 16, 8, 0.92) 0%,
            rgba(15, 12, 6, 0.88) 100%) !important;
    backdrop-filter: blur(14px) saturate(1.1);
    -webkit-backdrop-filter: blur(14px) saturate(1.1);
    border-bottom: 1px solid transparent !important;
    position: relative;
    /* Altın gölge — navbar'ın aşağıya yumuşak bir altın glow düşürmesi */
    box-shadow: 0 1px 0 rgba(212,175,55,.18),
                0 8px 24px rgba(0,0,0,.5);
}
/* Üstten ince altın çizgi — navbar'a "ornament" hissi katar */
.cs-site-navbar::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0;
    height: 1px;
    background: linear-gradient(90deg,
        transparent,
        rgba(212,175,55,.4) 30%,
        rgba(212,175,55,.6) 50%,
        rgba(212,175,55,.4) 70%,
        transparent);
}
/* Alttan altın divider — çizgiden çok degrade */
.cs-site-navbar::after {
    content: '';
    position: absolute;
    bottom: 0; left: 0; right: 0;
    height: 1px;
    background: linear-gradient(90deg,
        transparent,
        var(--stark-gold-dim),
        var(--stark-gold),
        var(--stark-gold-dim),
        transparent);
    opacity: 0.5;
}

.cs_main_header { padding: 14px 0; }

/* Menü linkleri */
.cs_nav_list a {
    color: var(--stark-text) !important;
    font-family: 'Cinzel', serif !important;
    font-size: 13px !important;
    letter-spacing: 0.16em !important;
    text-transform: uppercase;
    font-weight: 500 !important;
    transition: color .25s, text-shadow .25s !important;
    position: relative;
    padding: 8px 4px !important;
}
.cs_nav_list a:hover {
    color: var(--stark-gold) !important;
    text-shadow: 0 0 12px rgba(212,175,55,.4);
}
/* Aktif/hover'da alttan altın çizgi büyür */
.cs_nav_list > li > a::after {
    content: '';
    position: absolute;
    bottom: 0; left: 50%;
    width: 0; height: 1px;
    background: linear-gradient(90deg, transparent, var(--stark-gold), transparent);
    transition: width .3s ease-out;
    transform: translateX(-50%);
}
.cs_nav_list > li > a:hover::after { width: 100%; }

/* Menü öğeleri arasında küçük altın "·" süs — sadece link içeren li'ye */
.cs_nav_list > li:has(> a):not(:last-child)::after {
    content: '';
    display: inline-block;
    width: 4px; height: 4px;
    border-radius: 50%;
    background: var(--stark-gold-dim);
    opacity: .5;
    margin: 0 8px;
    vertical-align: middle;
}
/* Boş li'leri tamamen gizle (HTML'de kalan kalıntı varsa) */
.cs_nav_list > li:empty,
.cs_nav_list > li:not(:has(> a)):not(:has(> ul)) {
    display: none !important;
}

/* Dropdown menü (örn. "GALERİ +" alt menüsü) */
.cs_nav_list ul {
    background: rgba(15, 12, 6, 0.96) !important;
    border: 1px solid var(--stark-border-warm) !important;
    border-radius: 6px !important;
    padding: 8px 0 !important;
    backdrop-filter: blur(12px);
    box-shadow: 0 8px 24px rgba(0,0,0,.6),
                0 0 0 1px rgba(212,175,55,.1);
}
.cs_nav_list ul li a {
    padding: 10px 18px !important;
    font-size: 12px !important;
    border-left: 2px solid transparent !important;
    transition: all .2s !important;
}
.cs_nav_list ul li a:hover {
    background: rgba(212,175,55,.06) !important;
    border-left-color: var(--stark-gold) !important;
    padding-left: 22px !important;
}

/* Logo — altına çek, hover'da parla */
.cs_site_branding img {
    max-height: 50px;
    filter: brightness(1.4)
            contrast(1.05)
            drop-shadow(0 1px 2px rgba(0,0,0,.6));
    transition: filter .25s, transform .25s;
}
.cs_site_branding:hover img {
    filter: brightness(1.7)
            contrast(1.1)
            drop-shadow(0 0 10px rgba(212,175,55,.5));
    transform: scale(1.02);
}

/* Sticky/scrolled durumda — biraz daha yoğun altın efekt */
.cs-site-navbar.cs_sticky_active,
.cs-site-navbar.sticky-active,
.cs-site-navbar:hover {
    background:
        linear-gradient(180deg,
            rgba(25, 20, 10, 0.96) 0%,
            rgba(18, 14, 7, 0.94) 100%) !important;
}
.cs-site-navbar.cs_sticky_active::after,
.cs-site-navbar.sticky-active::after,
.cs-site-navbar:hover::after { opacity: 1; }

/* ---------- Hero ---------- */
.cs-header-style-2 {
    position: relative;
    background: transparent !important;
    background-image: none !important;
    overflow: hidden;
    padding: 120px 0 80px;
    min-height: 80vh;
    display: flex;
    align-items: center;
}
/* Hero arka plan dokusu — ince partikül efekti (clickleri engellemesin) */
.cs-header-style-2::before {
    content: '';
    position: absolute;
    inset: 0;
    background-image:
        radial-gradient(2px 2px at 20% 30%, rgba(212,175,55,.18), transparent),
        radial-gradient(1px 1px at 70% 60%, rgba(212,175,55,.12), transparent),
        radial-gradient(1px 1px at 40% 80%, rgba(212,175,55,.15), transparent),
        radial-gradient(2px 2px at 90% 20%, rgba(212,175,55,.1), transparent);
    background-size: 600px 600px;
    pointer-events: none;  /* KRİTİK: tıklamayı engelleme */
    z-index: 0;
    opacity: .8;
}
/* Hero içeriği overlay'in üstünde olsun */
.cs-header-style-2 .hero-container,
.cs-header-style-2 > .container {
    position: relative;
    z-index: 1;
}
/* Sigil-vari süs (altta ortada altın çizgi) */
.cs-header-style-2::after {
    content: '';
    position: absolute;
    bottom: 30px; left: 50%;
    width: 200px; height: 1px;
    background: linear-gradient(90deg, transparent, var(--stark-gold-dim), transparent);
    transform: translateX(-50%);
}

.hero-heading {
    font-size: clamp(36px, 6vw, 88px);
    line-height: 1.05;
    font-weight: 700;
}
.hero-heading > div { margin-bottom: 8px; }

.hero-subheading p {
    color: var(--stark-text-dim) !important;
    font-size: 16px;
    line-height: 1.7;
    max-width: 620px;
    margin-top: 24px;
}

/* ---------- Butonlar ---------- */
.cs_hero_btn, .cs_round_btn, button[type="submit"], .cs-btn {
    font-family: 'Cinzel', serif !important;
    letter-spacing: 0.15em !important;
    text-transform: uppercase;
}

/* "Bize Ulaş" / "Galerimizi Görüntüle" gibi yuvarlak butonlar */
.cs_round_btn_wrap, .cs_round_btn_wrap_style_2 {
    margin-top: 30px;
}
.cs_hero_btn {
    background: transparent !important;
    color: var(--stark-gold) !important;
    border: 1.5px solid var(--stark-gold) !important;
    border-radius: 50px;
    padding: 16px 32px !important;
    font-size: 13px !important;
    transition: all .25s !important;
    position: relative;
    overflow: hidden;
}
.cs_hero_btn::before {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(120deg, transparent 30%, rgba(212,175,55,.15) 50%, transparent 70%);
    transform: translateX(-100%);
    transition: transform .6s;
}
.cs_hero_btn:hover {
    background: var(--stark-gold) !important;
    color: var(--stark-bg-deep) !important;
    box-shadow: 0 0 24px rgba(212,175,55,.4);
}
.cs_hero_btn:hover::before { transform: translateX(100%); }

/* Form butonu */
.cs-contact-form button[type="submit"] {
    background: transparent !important;
    color: var(--stark-gold) !important;
    border: 1.5px solid var(--stark-gold) !important;
    padding: 14px 36px !important;
    border-radius: 50px;
    transition: all .25s !important;
    cursor: pointer;
}
.cs-contact-form button[type="submit"]:hover {
    background: var(--stark-gold) !important;
    color: var(--stark-bg-deep) !important;
    box-shadow: 0 0 20px rgba(212,175,55,.4);
}

/* Sosyal/quick link butonları — sade, çerçevesiz, hover'da altın */
.cs-social-item, .cs-quick-link a, .member-details-social a {
    background: transparent !important;
    border: none !important;
    transition: all .2s !important;
    padding: 6px 14px !important;
}
.cs-social-item, .cs-social-item a, .cs-social-item p,
.cs-quick-link a,
.member-details-social a, .member-details-social a p {
    color: var(--stark-text-dim) !important;
    text-decoration: none !important;
}
.cs-social-item:hover,
.cs-social-item:hover a, .cs-social-item:hover p,
.cs-quick-link a:hover,
.member-details-social a:hover, .member-details-social a:hover p {
    color: var(--stark-gold) !important;
}
/* Sosyal alana ince alt-çizgi hover efekti */
.cs-social-item, .member-details-social a {
    position: relative;
}
.cs-social-item::after, .member-details-social a::after {
    content: '';
    position: absolute;
    left: 14px; right: 14px; bottom: 0;
    height: 1px;
    background: var(--stark-gold);
    transform: scaleX(0);
    transition: transform .25s;
    transform-origin: left;
}
.cs-social-item:hover::after, .member-details-social a:hover::after {
    transform: scaleX(1);
}
/* cs-btn-bg eski yeşil arka planı temizle */
.cs-social-item.cs-btn-bg { background: transparent !important; }

/* ---------- Section başlıkları ---------- */
.heading-caption span {
    color: var(--stark-gold) !important;
    font-family: 'Cinzel', serif !important;
    letter-spacing: 0.3em !important;
    text-transform: uppercase;
    font-size: 12px !important;
    position: relative;
    padding-left: 36px;
}
.heading-caption span::before {
    content: '';
    position: absolute;
    left: 0; top: 50%;
    width: 24px; height: 1px;
    background: var(--stark-gold);
}
.section-title h2 {
    color: var(--stark-cream) !important;
    font-size: clamp(28px, 4vw, 48px) !important;
    font-weight: 700 !important;
    margin-top: 8px;
}

/* ---------- About bölümü ---------- */
.cs-about-style-2 {
    padding: 80px 0;
    position: relative;
}
/* Navbar overlap fix: breadcrumb'sız sayfalarda ilk section'ın üstüne pay */
.cs-about-style-2:first-of-type,
section.p-tb-10:first-of-type {
    padding-top: 160px !important;
}
/* Breadcrumb varsa zaten boşluk var, sadece breadcrumb'lı sayfalarda override gerek yok */
.cs-bread-container + section,
.cs-bread-container ~ section {
    padding-top: 60px !important;
}
.about-title h2 { margin-bottom: 24px; }
.cs-about-text p {
    color: var(--stark-text-dim) !important;
    line-height: 1.85;
    font-size: 16px;
    max-width: 900px;
}

/* ---------- Ekip kartları ---------- */
.cs-team {
    padding: 80px 0;
}
.member-style-2 {
    background: var(--stark-bg);
    border: 1px solid var(--stark-border);
    border-radius: 8px;
    overflow: hidden;
    transition: all .3s;
    position: relative;
    /* Orijinal şablon 360px sabit yükseklik veriyordu — kaldır */
    height: auto !important;
}
/* Orijinal şablon info'yu negatif margin ile fotoğrafın üstüne bindiriyordu */
.member-style-2 .member-info-style-2 {
    margin-top: 0 !important;
    position: relative !important;
}
/* Orijinal şablon hover'da info'yu gizliyordu — kalsın */
.member-style-2:hover .member-info-style-2 {
    display: block !important;
}
/* Orijinal şablon empty social'a margin veriyordu — temizle */
.member-style-2 .member-social {
    margin: 0 !important;
}
.member-style-2::before {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: 8px;
    padding: 1px;
    background: linear-gradient(135deg, var(--stark-gold-dim), transparent 30%, transparent 70%, var(--stark-gold-dim));
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
            mask-composite: exclude;
    opacity: 0;
    transition: opacity .3s;
    pointer-events: none;
}
.member-style-2:hover {
    transform: translateY(-4px);
    box-shadow: var(--stark-shadow-gold), var(--stark-shadow-deep);
    border-color: var(--stark-gold-dim);
}
.member-style-2:hover::before { opacity: 1; }

.member-img { overflow: hidden; aspect-ratio: 1 / 1; }
.member-img img {
    width: 100%; height: 100%;
    object-fit: cover;
    transition: transform .5s;
    filter: grayscale(20%) contrast(1.05);
}
.member-style-2:hover .member-img img {
    transform: scale(1.06);
    filter: grayscale(0%) contrast(1.1);
}

.member-info-style-2 {
    padding: 20px 18px;
    text-align: center;
}
.member-info-style-2 h4 {
    font-family: 'Cinzel', serif !important;
    color: var(--stark-cream) !important;
    font-size: 16px !important;
    letter-spacing: 0.04em;
    margin: 0 0 4px;
}
.member-info-style-2 p {
    color: var(--stark-gold) !important;
    font-size: 12px !important;
    letter-spacing: 0.2em !important;
    text-transform: uppercase;
    margin: 0;
}
.member-info-style-2 a { text-decoration: none !important; }

/* ---------- Galeri ---------- */
.project-item, .project-vitem {
    background: var(--stark-bg);
    border: 1px solid var(--stark-border);
    border-radius: 8px;
    overflow: hidden;
    transition: all .3s;
    margin-bottom: 24px;
    position: relative;
}
.project-item:hover, .project-vitem:hover {
    border-color: var(--stark-gold-dim);
    box-shadow: var(--stark-shadow-gold);
    transform: translateY(-3px);
}
.project-img { overflow: hidden; cursor: pointer; position: relative; }
.project-img::after {
    content: '⊕';
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--stark-gold);
    font-size: 36px;
    background: rgba(10,10,14,.7);
    opacity: 0;
    transition: opacity .3s;
    pointer-events: none;
}
.project-item:hover .project-img::after { opacity: 1; }
.portfolio-image {
    width: 100%;
    aspect-ratio: 16 / 10;
    object-fit: cover;
    transition: transform .5s;
}
.project-item:hover .portfolio-image { transform: scale(1.05); }

.project-video iframe {
    display: block;
    border: none;
    aspect-ratio: 16 / 9;
    height: auto !important;
}

/* ---------- Bredcrumb (sayfa başlık) ---------- */
.cs-bread-container {
    position: relative;
    overflow: hidden;
    /* Navbar fixed — onun yüksekliği kadar üst boşluk */
    padding-top: 100px;
    background: var(--stark-bg-deep);
}
.cs-bread-img img {
    width: 100%;
    height: auto;
    display: block;
}
.cs-bread-img img {
    filter: grayscale(40%) brightness(.45);
    transform: scale(1.05);
}
.cs-bread-content {
    background: linear-gradient(180deg, transparent 0%, rgba(10,10,14,.4) 60%, var(--stark-bg-deep) 100%);
}
.cs-bread h1 {
    color: var(--stark-cream) !important;
    font-size: clamp(32px, 5vw, 64px) !important;
    letter-spacing: 0.08em !important;
    text-shadow: 0 4px 24px rgba(0,0,0,.6);
}
.cs-bread ul li a {
    color: var(--stark-gold) !important;
    letter-spacing: 0.2em !important;
    font-size: 11px !important;
    text-transform: uppercase;
}

/* ---------- Award (başarılarımız) ---------- */
.cs-award {
    background: linear-gradient(180deg, var(--stark-bg-deep), var(--stark-bg));
    padding: 80px 0;
    border-top: 1px solid var(--stark-border-warm);
    border-bottom: 1px solid var(--stark-border-warm);
}
.award-item {
    border-bottom: 1px solid var(--stark-border-warm) !important;
    padding: 18px 0 !important;
    transition: padding .2s;
}
.award-item:hover {
    padding-left: 12px !important;
}
.award-name h6 {
    color: var(--stark-cream) !important;
    font-family: 'Cinzel', serif !important;
    letter-spacing: 0.04em !important;
    font-size: 16px !important;
    font-weight: 600 !important;
}

.cs-service-animated-text .link__text { fill: var(--stark-gold); letter-spacing: 0.4em; font-size: 12px; }
.cs-service-animated-text .link__arrow { stroke: var(--stark-gold); stroke-width: 1.5; }

/* ---------- Form ---------- */
.cs-contact-form input,
.cs-contact-form select,
.cs-contact-form textarea {
    background: var(--stark-bg) !important;
    border: 1px solid var(--stark-border) !important;
    color: var(--stark-text) !important;
    border-radius: 4px !important;
    padding: 14px 16px !important;
    font-family: inherit !important;
    transition: border-color .2s, box-shadow .2s !important;
}
.cs-contact-form input:focus,
.cs-contact-form select:focus,
.cs-contact-form textarea:focus {
    border-color: var(--stark-gold) !important;
    box-shadow: 0 0 0 3px rgba(212,175,55,.12) !important;
    outline: none !important;
}
.cs-contact-form input::placeholder,
.cs-contact-form textarea::placeholder { color: var(--stark-text-muted) !important; }

.cs-contact-page-content h2 {
    font-size: clamp(28px, 4vw, 44px) !important;
    margin-bottom: 16px;
}
.cs-contact-page-content p {
    color: var(--stark-text-dim) !important;
    line-height: 1.8;
}
.contact-details p.color-white {
    color: var(--stark-gold) !important;
    font-family: 'Cinzel', serif !important;
    letter-spacing: 0.06em;
}

/* ---------- Footer ---------- */
.cs-footer-container {
    background: var(--stark-bg) !important;
    background-image: none !important;          /* Footer_BG.jpg'yi kaldır */
    border-top: 1px solid var(--stark-border-warm);
    padding-top: 40px !important;
    margin-top: 40px;
}
/* Büyük embossed STARK görselini (Footer_Image.jpg) kaldır */
.cs-footer-container .cs-footer-img {
    background-image: none !important;
}
.cs-footer-divider,
.cs-footer-container .cs-footer-img .cs-footer-divider {
    border: none !important;
    height: 1px !important;
    background: linear-gradient(90deg, transparent, var(--stark-gold-dim), transparent) !important;
    margin: 24px 0 !important;
    max-width: 100% !important;
}
.cs-footer-copyright h6 {
    color: var(--stark-text-muted) !important;
    font-family: inherit !important;
    letter-spacing: 0.06em !important;
    font-size: 12px !important;
}

/* Footer'daki Facebook/Discord butonları — orijinaldeki yeşil neon stilini ezzz */
.cs-footer-container .cs-footer-img .cs-social a,
.cs-footer-container .cs-social-item a,
.cs-footer-container .cs-social a {
    background: transparent !important;
    border: none !important;
    color: var(--stark-text-dim) !important;
    box-shadow: none !important;
    padding: 8px 16px !important;
    margin: 6px 12px 6px 0 !important;
    transition: color .2s !important;
}
.cs-footer-container .cs-footer-img .cs-social .cs-social-item:hover a,
.cs-footer-container .cs-social-item:hover a,
.cs-footer-container .cs-social a:hover {
    background: transparent !important;
    color: var(--stark-gold) !important;
    box-shadow: none !important;
}

/* Footer'daki dönen daire (link__svg) — mavi temayı kaldır, altın yap */
.link__svg {
    background: transparent !important;
    box-shadow: none !important;
    fill: var(--stark-gold) !important;
    stroke: var(--stark-gold-dim) !important;
}
.link__arrow { stroke: var(--stark-gold) !important; stroke-width: 1.5 !important; }
.link__text { fill: var(--stark-gold) !important; font-family: 'Cinzel', serif !important; }

/* Footer SVG container — tema renginde yumuşak parıltı çerçevesi */
.footer-circle-text {
    filter: drop-shadow(0 0 16px rgba(212,175,55,.18));
}

/* Discord floating buton */
.discord-floating {
    position: fixed;
    bottom: 24px;
    left: 24px;
    z-index: 1000;
}
.discord-floating a {
    display: inline-block;
    transition: transform .25s, filter .25s;
    filter: drop-shadow(0 6px 18px rgba(0,0,0,.55));
}
.discord-floating img {
    width: 110px;
    height: 110px;
    display: block;
}
.discord-floating a:hover {
    transform: scale(1.08) rotate(-3deg);
    filter: drop-shadow(0 8px 24px rgba(212,175,55,.35));
}

/* Scroll-to-top */
.to-top svg circle { stroke: var(--stark-gold-dim) !important; }
.to-top svg path { stroke: var(--stark-gold) !important; }
.to-top:hover svg circle { stroke: var(--stark-gold) !important; }

/* Cursor takip animasyonu */
.cursor1, .cursor2 { background: var(--stark-gold) !important; }

/* ---------- Mobil iyileştirmeler ---------- */
@media (max-width: 991px) {
    .cs-header-style-2 {
        min-height: 70vh;
        padding: 100px 16px 60px;
    }
    .hero-heading { font-size: clamp(28px, 8vw, 56px) !important; }
    .hero-subheading p { font-size: 15px; line-height: 1.6; }
    .container { padding: 0 18px !important; }
    .cs-team { padding: 50px 0; }
    .cs-about-style-2 { padding: 50px 0; }
}

@media (max-width: 767px) {
    /* Mobilde Discord buton */
    .discord-floating { bottom: 14px; left: 14px; }
    .discord-floating img { width: 70px; height: 70px; }

    /* Hero butonları */
    .cs_hero_btn { padding: 12px 24px !important; font-size: 12px !important; }

    /* Galeri 1 sütun */
    .col-sm-6 { width: 100% !important; }

    /* Footer ortalama */
    .cs-footer-container .col-lg-7 { text-align: center; }
    .cs-quick-link, .cs-social { justify-content: center; }
    .footer-circle-text { display: none; } /* mobilde animasyonlu daire dağıtıcı */

    /* Section başlıkları */
    .heading-caption span { padding-left: 28px; font-size: 11px !important; }
    .heading-caption span::before { width: 18px; }

    /* Award başlıkları küçült */
    .award-name h6 { font-size: 14px !important; }
}

@media (max-width: 480px) {
    .cs-bread-content { padding: 0 16px; }
    .cs-bread h1 { font-size: 28px !important; }
}

/* ---------- Cinzel ile uyumlu küçük dokunuşlar ---------- */
::selection { background: var(--stark-gold); color: var(--stark-bg-deep); }
::-moz-selection { background: var(--stark-gold); color: var(--stark-bg-deep); }

/* Scrollbar */
@media (min-width: 768px) {
    ::-webkit-scrollbar { width: 10px; }
    ::-webkit-scrollbar-track { background: var(--stark-bg); }
    ::-webkit-scrollbar-thumb { background: var(--stark-border-warm); border-radius: 4px; }
    ::-webkit-scrollbar-thumb:hover { background: var(--stark-gold-dim); }
}

/* =================================================================
   Eski yeşil/turkuaz renkleri (#1EEBB4) altın temaya çevir
   ================================================================= */

/* Funfact / sayaç sayıları (17, 50+, 10, 8) */
.fun-item .counter span {
    -webkit-text-stroke-color: var(--stark-gold) !important;
    color: transparent !important;
    font-family: 'Cinzel', serif !important;
    filter: drop-shadow(0 0 18px rgba(212,175,55,.18));
}
.fun-item .fun-divider {
    background: linear-gradient(90deg, transparent, var(--stark-gold-dim), transparent) !important;
    height: 1px !important;
}
.fun-item h6, .fun-item p {
    color: var(--stark-cream) !important;
    font-family: 'Cinzel', serif !important;
    letter-spacing: 0.06em !important;
}
.fun-fact {
    padding: 80px 0 !important;
}

/* Kayan yazı (Moving Text / Marquee) — outline altın ton */
.cs_moving_section,
.cs_moving_section_in,
.cs_moving_section_style_2 {
    color: transparent !important;
    -webkit-text-stroke-color: var(--stark-gold-dim) !important;
    -webkit-text-stroke-width: 1px !important;
    font-family: 'Cinzel', serif !important;
    letter-spacing: 0.04em !important;
}
.cs_moving_section_wrap {
    border-top: 1px solid var(--stark-border-warm);
    border-bottom: 1px solid var(--stark-border-warm);
    padding: 32px 0 !important;
    background: rgba(212,175,55,.02);
}

/* "About title" outline yazılar — beyaz outline'ı altın yap */
.cs-about-style-2 .cs-about-content .about-title h2 {
    -webkit-text-stroke-color: var(--stark-gold) !important;
    color: var(--stark-cream) !important;
    transition: all .4s !important;
}
.cs-about-style-2 .cs-about-content .about-title h2:hover {
    color: var(--stark-gold) !important;
    -webkit-text-stroke-color: transparent !important;
}

/* Hizmetler kartları (Vaat Ettiklerimiz) — şablon HTML'i iç içe .service-style-2 içeriyor */

/* Swiper slide'larını eşit yükseklikte yap — tüm zincir flex */
.cs-services-style-2 .swiper-wrapper {
    align-items: stretch !important;
}
.cs-services-style-2 .swiper-slide {
    height: auto !important;
    display: flex !important;
}

/* Tüm .service-style-2'yi sıfırla — wrapper'lar şeffaf flex olsun */
.service-style-2,
.service-container-2 {
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    box-shadow: none !important;
    height: auto !important;
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    flex: 1 !important;
}

/* Kart stilini sadece IMG'yi DOĞRUDAN içeren içteki .service-style-2'ye uygula */
.service-style-2:has(> img) {
    background: var(--stark-bg) !important;
    border: 1px solid var(--stark-border) !important;
    border-radius: 8px !important;
    padding: 32px 24px !important;
    text-align: center !important;
    transition: all .3s !important;
    /* Flex ile içeriği dağıt — paragraf esnek olsun */
    display: flex !important;
    flex-direction: column !important;
    flex: 1 !important;
}
.service-style-2:has(> img):hover {
    border-color: var(--stark-gold-dim) !important;
    transform: translateY(-4px);
    box-shadow: 0 8px 24px rgba(0,0,0,.4), 0 0 24px rgba(212,175,55,.1);
}
/* İçteki paragrafın yer kaplaması için flex grow */
.service-style-2:has(> img) p {
    flex: 1 !important;
}
.service-style-2 img {
    max-width: 56px;
    height: auto;
    margin-bottom: 18px;
    filter: drop-shadow(0 0 12px rgba(212,175,55,.3));
}
.service-style-2 h4 {
    color: var(--stark-cream) !important;
    font-family: 'Cinzel', serif !important;
    font-size: 18px !important;
    letter-spacing: 0.06em !important;
    margin-bottom: 12px !important;
}
.service-style-2 p {
    color: var(--stark-text-dim) !important;
    font-size: 14px !important;
    line-height: 1.7 !important;
    margin: 0 !important;
}

/* Hizmet bölümü container */
.cs-services-style-2 { padding: 80px 0; }

/* Genel — kalan #1EEBB4 ve mavi tonu olabilecek diğer elementlere panik düğmesi */
[style*="#1EEBB4"], [style*="#081D34"] {
    color: var(--stark-gold) !important;
    background-color: transparent !important;
    border-color: var(--stark-gold-dim) !important;
}

/* Sarı orijinal rengi (#FFD55B) zaten altına yakın, hafif altına çek */
.cs-team .members .member .member-info:hover h6 { color: var(--stark-gold-bright) !important; }