/* [SECTION_START: GLOBAL] */
/* --- 0. GENEL AYARLAR (DNA KATMANI) --- */
@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800&family=Roboto+Slab:wght@300;400;500&display=swap");

:root {
    --v-card-stone-color: #538aa2;
    --v-card-stone-icon-display: block;
    --v-card-leaf-icon-display: block;
    --v-card-leaf-anim: none;
    --v-card-leaf-speed: 13s;
    --v-card-leaf-hover-speed: var(--v-card-leaf-speed);
    --v-card-leaf-hover-filter: drop-shadow(0 0 8px #0bb15c) brightness(1.3);
    --v-card-stone-speed: 10s;
    --v-card-stone-hover-filter: none;
    --v-card-stone-hover-speed: 1s;
    --v-card-stone-anim: dna-float-gentle;
    --v-card-stone-font: 'Font Awesome 6 Free';
    --v-card-leaf-font: 'Font Awesome 6 Free';
    --v-card-stone-icon: '\f4ba';
    --v-card-leaf-rotate: 314deg;
    --v-card-stone-size: 50px;
    --v-card-stats-animation: dna-pulse;
    --v-card-stats-icon: '\f019';
    --v-card-stats-hover-color: #ededed;
    --v-card-stats-hover-bg: #249478;
    --v-card-stats-color: #121111;
    --v-card-stats-x: 0px;
    --v-card-stats-flex-dir: row;
    --v-btn-download-hover-color: #b21f1f;
    --v-btn-download-hover-bg: #03681c;
    --v-btn-download-width: auto;
    --v-btn-download-align: center;
    --v-btn-download-animation: dna-pulse;
    --v-btn-download-icon: '\f005';
    --v-card-stats-radius: 10px;
    --v-card-cat-radius: 8px;
    --v-btn-download-y: 43px;
    --v-btn-download-x: 0px;
    --v-btn-download-bg: #092a04; /* Buton Arka Plan */
    --v-btn-download-radius: 20px; /* Buton Yuvarlaklığı */
    --v-btn-download-pos-bottom: -5px; /* Alt Boşluk */
    --v-btn-download-size: 16px; /* Buton Metin Boyutu */
    --v-btn-download-pos-x: 2px;
    --v-btn-download-pos-y: 0px;
    --v-btn-download-color: #52d72d; /* Buton Yazı Rengi */
    --v-btn-download-pos-left: 1px; /* Sol Boşluk */

    --v-card-stone-right: -18px;
    --v-card-stone-bottom: -6px;
    --v-card-leaf-left: -24px;
    --v-card-leaf-top: -23px;
    --v-card-stats-top: 0px;
    --v-card-radius: 18px;
    --v-card-stone-rotate: 160deg;
    --v-card-leaf-size: 37px;
    --v-card-leaf-img: none;
    --v-card-stats-left: 0px;
    /* --- 1. GENEL TEMA RENKLERİ --- */
    --jungle-dark: #32a940;
    --jungle-deep: #8ad08a;
    --jungle-mid: #2d5a2d;
    --jungle-light: #4a7c4a;
    --jungle-accent: #22891a;
    --jungle-gold: #ffd700;
    --text-light: #e8f5e8;
    --text-muted: #a8c6a8;
    --hud-green: #b11616;
    /* --- 2. BODY KONTROLLERİ --- */
    --v-body-bg-color: #0c1a0c;
    --v-body-text-color: var(--text-muted);
    --v-body-bg-pattern: https://www.transparenttextures.com/patterns/brick-wall.png;
    --v-body-glow-1: #e0cccc;
    --v-body-glow-2: rgba(10, 25, 41, 0.3);
    --v-body-font: 'Roboto Slab', serif;
    /* --- 3. ÜST HEADER & NAVBAR --- */
    --v-nav-border-bottom: 9px;
    --v-nav-bg: linear-gradient(to bottom, var(--jungle-deep), var(--jungle-dark));
    /* --- 4. PROJE KARTLARI --- */
    --v-card-border-width: 2px;
    --v-card-stone-img: none;
    --v-card-bg: linear-gradient(145deg, #5d432c, #8b7355);
    --v-card-stone-filter: brightness(1) contrast(1);
    /* --- 5. YORUMLAR (TESTIMONIALS) --- */
    --v-review-border-left: 5px;
    --v-avatar-radius: 32%;
    --v-review-bg: linear-gradient(145deg, var(--jungle-deep), #0a1929);
    --v-avatar-filter: brightness(1) contrast(1);
    /* --- 6. FOOTER --- */
    --v-footer-padding: 60px;
    --v-footer-border-top: 5px;
    --v-footer-link-icon: '🌿';
    --v-footer-contact-radius: 0 8px 8px 0;
    --v-footer-social-size: 72px;
    --v-footer-bg: linear-gradient(to top, var(--jungle-dark), #0a1929);
    --v-footer-bg-pattern: https://www.transparenttextures.com/patterns/wood-pattern.png;
    /* --- 7. BUTONLAR --- */
    --v-button-radius: 17px;
    /* 1 & 2. KÖŞE İKONLARI (SOL ÜST & SAĞ ALT) */
    --v-card-leaf-icon: '\f717'; /* Sol Üst İkon (FontAwesome Unicode) */
    --v-card-leaf-color: #047c48;
    /* 3. COUNT SAYACI (İndirme Sayısı) */
    --v-card-stats-bg: #c41c1c;
    --v-card-stats-pos: absolute; /* absolute veya relative */
    /* 4 & 5. BUTONLAR VE VİDEO */
    --v-card-video-bg: var(--jungle-accent);
    --v-card-video-size: 40px;
    --v-card-download-btn-radius: var(--v-button-radius);
    /* 6. KATEGORİ BİLGİSİ */
    --v-card-cat-padding: 8px 16px;
    --v-card-cat-bg: #d31717; /* Kategori Arka Plan DNA */
    --v-card-cat-color: #01ef05; /* Kategori İkon Rengi DNA */
    --v-card-cat-top: 10px; /* Kategori Üst Mesafe */
    --v-card-cat-right: 10px; /* Kategori Sağ Mesafe */
    --v-card-cat-radius: 8px; /* Kategori Yuvarlaklık */
    --v-card-cat-size: 33px; /* Kategori Boyutu */
}

body {
    background-color: var(--v-body-bg-color);
    background-image: radial-gradient(circle at 10% 20%, var(--v-body-glow-1) 0%, transparent 20%), radial-gradient(circle at 90% 80%, var(--v-body-glow-2) 0%, transparent 20%), var(--v-body-bg-pattern);
    color: var(--v-body-text-color);
    font-family: var(--v-body-font);
    position: relative;
    overflow-x: hidden;
}
/* [SECTION_END: GLOBAL] */

/* [SECTION_START: TYPOGRAPHY] */
/* --- TİPOGRAFİ VE YORUMLAR (DNA Kontrollü) --- */

/* 1. GENEL BAŞLIKLAR */
h1, h2, h3, h4, h5,
.card-title,
.theme-text-title {
    color: var(--jungle-accent) !important; /* Renk ve yazı tipi değişkenlere bağlandı */
    font-family: 'Montserrat', sans-serif;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
    position: relative;
    display: inline-block;
    padding-bottom: 10px;
}

    /* Başlık altındaki parlayan vurgu çizgisi */
    h1::after, h2::after, h3::after,
    .card-title::after,
    .theme-text-title::after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 3px;
        background: linear-gradient(90deg, var(--jungle-accent), transparent); /* Çizgi rengi ana vurgu rengine (Accent) bağlandı */
    }

/* 2. METİN VE İÇERİK */
.card-text,
.typography-content {
    color: var(--text-muted) !important; /* Renk GLOBAL sekmesindeki muted değişkene bağlı */
    font-weight: 400;
    line-height: 1.8;
    font-size: 1.1rem;
}

/* 3. YORUM (TESTIMONIAL) BİLEŞENLERİ */
.theme-accent-card .theme-card h6 {
    color: var(--jungle-accent) !important;
    font-weight: 900 !important;
    letter-spacing: 1.5px;
    margin-top: 15px;
    font-family: 'Montserrat', sans-serif;
}

/* Profil Resmi - Dinamik Çerçeve */
.testimonial-avatar {
    width: 70px;
    height: 70px;
    border-radius: var(--v-avatar-radius) !important; /* Yuvarlaklık GLOBAL'deki değişkene bağlandı */
    border: 3px solid var(--wood-light);
    padding: 3px;
    transition: all 0.6s ease;
    background: linear-gradient(135deg, var(--wood-dark), var(--wood-light));
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    filter: var(--v-avatar-filter);
}

.theme-accent-card .theme-card:hover .testimonial-avatar {
    border-color: var(--jungle-accent);
    transform: rotate(360deg);
    box-shadow: 0 0 20px rgba(212, 175, 55, 0.6);
}

/* Alıntı İkonu - Yaprak Efekti */
.theme-accent-card .theme-card .fa-quote-left {
    font-size: 2.5rem;
    color: var(--jungle-light);
    opacity: 0.4;
    position: absolute;
    top: 20px;
    right: 20px;
    transition: all 0.4s;
}

.theme-accent-card .theme-card:hover .fa-quote-left {
    color: var(--jungle-accent);
    opacity: 0.8;
    transform: scale(1.3) rotate(-10deg);
}

/* 4. FOOTER BAŞLIKLARI */
footer h6,
footer .theme-text-title,
footer .brand-title {
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 800 !important;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: var(--jungle-accent) !important;
    text-shadow: 0 0 10px rgba(212, 175, 55, 0.3);
    margin-bottom: 25px !important;
    padding-bottom: 15px;
    border-bottom: 2px solid rgba(212, 175, 55, 0.2);
    display: inline-block;
}
/* [SECTION_END: TYPOGRAPHY] */

/* [SECTION_START: HEADER] */
/* --- NAVBAR (Orman Girişi - Tam Kontrollü) --- */
.navbar {
    background: var(--v-nav-bg) !important; /* Arka plan artık değişken üzerinden kontrol ediliyor */
    border-bottom: var(--v-nav-border-bottom) solid var(--jungle-accent);
    box-shadow: 0 4px 20px rgba(10, 25, 41, 0.7);
    backdrop-filter: blur(5px); /* Bulanıklık şiddeti değişkene bağlanabilir */
    position: relative;
    overflow: hidden;
}

    .navbar::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 2px;
        background: linear-gradient(90deg, transparent, var(--hud-green), transparent); /* HUD çizgisi rengi GLOBAL'deki değişkenden geliyor */
        animation: scanline 3s linear infinite;
    }

.navbar-brand,
.nav-link {
    color: var(--text-light) !important;
    text-shadow: 0 0 5px rgba(0, 255, 65, 0.3);
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    position: relative;
    transition: all 0.3s ease;
}

    .nav-link::after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 0;
        height: 2px;
        background-color: var(--jungle-accent);
        transition: width 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    }

    .nav-link:hover::after {
        width: 100%;
    }

    .nav-link:hover {
        color: var(--jungle-accent) !important;
        text-shadow: 0 0 10px rgba(212, 175, 55, 0.5);
        transform: translateY(-2px);
    }
/* [SECTION_END: HEADER] */

/* [SECTION_START: COMPONENTS] */
/* --- 1. KART YAPISI (DNA Kontrollü) --- */
.project-card,
.theme-card,
.theme-content-card {
    background: var(--v-card-bg) !important;
    border: var(--v-card-border-width) solid var(--jungle-accent) !important;
    border-radius: var(--v-card-radius) !important;
    position: relative;
    overflow: visible !important; /* overflow: hidden kaldırıldı, ikonlar görünsün diye visible yapıldı */
    box-shadow: inset 0 0 20px rgba(93, 67, 44, 0.4), 0 10px 30px -10px rgba(10, 25, 41, 0.8) !important;
    margin-top: 20px;
    margin-bottom: 20px;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    font-family: 'Roboto Slab', serif;
}

    .project-card:hover {
        transform: translateY(-10px) rotateX(5deg);
        box-shadow: inset 0 0 30px rgba(212, 175, 55, 0.2), 0 20px 40px -15px rgba(10, 25, 41, 0.9) !important;
        border-color: var(--jungle-gold) !important;
    }

/* --- KATEGORİ ETİKETİ DNA MOTORU (BİRLEŞTİRİLMİŞ) --- */
.theme-category-badge {
    position: absolute !important;
    top: var(--v-card-cat-top) !important;
    right: var(--v-card-cat-right) !important;
    padding: var(--v-card-cat-padding, 8px 16px) !important; /* Eklediğin padding korundu */
    width: var(--v-card-cat-size) !important;
    height: var(--v-card-cat-size) !important;
    background: var(--v-card-cat-bg) !important;
    color: var(--v-card-cat-color) !important;
    border-radius: var(--v-card-cat-radius) !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    z-index: 5;
    transition: all 0.3s ease;
}


/* 2. YORUM KARTLARI (TESTIMONIALS) */
.theme-accent-card .theme-card {
    background: var(--v-review-bg) !important; /* Yorum kartı arka planı ve sol çizgi değişkenlere bağlı */
    border: none !important;
    border-left: var(--v-review-border-left) solid var(--jungle-accent) !important;
    border-radius: 12px !important;
    box-shadow: 0 10px 30px rgba(10, 25, 41, 0.7), inset 0 0 30px rgba(0, 0, 0, 0.4) !important;
    position: relative;
    overflow: hidden;
    transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    animation: cardFloat 6s infinite ease-in-out;
}

    /* Ateş böceği efekti (Renk değişkeni ile) */
    .theme-accent-card .theme-card::after {
        content: '';
        position: absolute;
        top: 10px;
        right: 10px;
        width: 10px;
        height: 10px;
        background-color: var(--hud-green);
        border-radius: 50%;
        box-shadow: 0 0 10px var(--hud-green);
        animation: firefly 4s infinite ease-in-out;
    }

/* 3. MODAL VE ROZETLER */
.modal-content.theme-content-card {
    border-radius: 15px !important;
    border: 3px solid var(--jungle-accent) !important;
    background: linear-gradient(135deg, var(--wood-dark), var(--jungle-deep)) !important;
}


/* --- ANİMASYONLAR (Değişmez Sabitler) --- */
@keyframes leafFloat {
    0%, 100% {
        transform: translateY(0) rotate(-45deg);
    }

    50% {
        transform: translateY(-15px) rotate(-40deg);
    }
}

@keyframes firefly {
    0%, 100% {
        opacity: 0.3;
        transform: translate(0, 0);
    }

    25% {
        opacity: 1;
        transform: translate(-10px, -5px);
    }

    50% {
        opacity: 0.7;
        transform: translate(5px, -10px);
    }

    75% {
        opacity: 0.9;
        transform: translate(-5px, 5px);
    }
}

@keyframes cardFloat {
    0%, 100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-8px);
    }
}

/* --- İNDİR BUTONU GELİŞMİŞ DNA MOTORU (BİRLEŞTİRİLMİŞ) --- */
.btn-shine-effect {
    max-width: 100% !important; /* Güvenlik: Karttan geniş olamaz */
    width: var(--v-btn-download-width, 100%) !important; /* DNA Genişlik */
    background-color: var(--v-btn-download-bg, #b35151) !important; /* Ana Renk */
    color: var(--v-btn-download-color, #272626) !important; /* Yazı Rengi */
    font-size: var(--v-btn-download-size, 15px) !important; /* Boyut */
    border-radius: var(--v-btn-download-radius, 0px) !important; /* Yuvarlaklık */
    position: relative !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: 8px;
    transform: translate(var(--v-btn-download-x, 0px), var(--v-btn-download-y, 0px)) !important; /* X-Y Konumlandırma */
    animation: var(--v-btn-download-animation, none) 2s infinite ease-in-out !important; /* Hareket */
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

    .btn-shine-effect:hover {
        background-color: var(--v-btn-download-hover-bg, #d4af23) !important; /* Hover Rengi */
        color: var(--v-btn-download-hover-color, #ffffff) !important;
        transform: translate(var(--v-btn-download-x, 0px), calc(var(--v-btn-download-y, 0px) - 5px)) scale(1.03) !important; /* Y-Ofset Korunarak Yükselir */
        filter: brightness(1.1);
        box-shadow: 0 10px 25px rgba(212, 175, 55, 0.4), 0 0 15px var(--v-btn-download-hover-bg) !important;
        animation-play-state: paused !important;
    }

    /* İkon Değiştirme Motoru: Mevcut ikonu ezer */
    .btn-shine-effect i::before {
        content: var(--v-btn-download-icon, "\f019") !important;
        font-family: "Font Awesome 6 Free" !important;
        font-weight: 900 !important;
    }
/* [SECTION_END: COMPONENTS] */

/* [SECTION_START: BUTTONS] */

/* 1. Butonun Ray Sistemi (Kapsayıcı) */
.card-footer .d-grid,
#btn-container {
    display: flex !important; /* Bootstrap Grid'i Flex'e çevirir */
    justify-content: var(--v-btn-download-align, stretch) !important;
    width: 100% !important;
    padding: 0 !important;
    overflow: visible; /* Butonun hafif taşmalarına (gölge vb.) izin verir */
    position: relative;
}

/* 2. Temel Buton Stili (KORUNDU) */
.theme-button-primary {
    background: var(--v-btn-download-bg, linear-gradient(135deg, var(--jungle-accent), var(--jungle-gold))) !important;
    color: var(--v-btn-download-color, #ffffff) !important;
    border-radius: var(--v-btn-download-radius, 17px) !important;
    font-size: var(--v-btn-download-size, 14px) !important;
    border: none !important;
    font-weight: 800;
    font-family: 'Montserrat', sans-serif;
    padding: 10px 20px;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}



/* DOĞAL AHŞAP BUTON */
.theme-button-accent {
    background: var(--v-card-bg) !important; /* Arka plan kart DNA'sı ile senkronize edildi */
    border: 2px solid var(--jungle-accent) !important;
    border-radius: 8px !important;
    color: var(--text-light) !important;
    font-weight: 600;
    font-family: 'Montserrat', sans-serif;
    padding: 12px 30px;
    box-shadow: 0 5px 15px rgba(93, 67, 44, 0.5);
    transition: all 0.4s ease;
}

    .theme-button-accent:hover {
        transform: translateY(-3px) !important;
        border-color: var(--jungle-gold) !important;
        /* Zorunlu Hata Düzeltmesi: Butonun slider üzerinde üzerine gelince (hover) 
           kaybolmasına neden olan ve tanımlı olmayan animasyon ezmesi devre dışı bırakıldı. */
        /* animation: soundVibration 0.3s ease; */
        opacity: 1 !important;
    }

/* HUD DÜĞMESİ (Keşif Aracı Hissi) */
.theme-button-secondary {
    background-color: transparent;
    border: 2px solid var(--hud-green) !important;
    color: var(--hud-green) !important;
    border-radius: 8px !important;
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.4s ease;
    text-shadow: 0 0 8px rgba(0, 255, 65, 0.5);
    box-shadow: 0 0 15px rgba(0, 255, 65, 0.2);
}

    .theme-button-secondary:hover {
        background-color: rgba(0, 255, 65, 0.1) !important;
        box-shadow: 0 0 25px rgba(0, 255, 65, 0.8);
        animation: hudActive 1s infinite alternate;
    }
/* [SECTION_END: BUTTONS] */

/* [SECTION_START: FOOTER] */
/* --- 5. FOOTER (Gece Ormanı - Tam DNA Kontrollü) --- */
footer {
    background: var(--v-footer-bg) !important; /* Arka plan, kenarlık ve iç boşluk GLOBAL DNA'sındaki değişkenlerden geliyor */
    color: var(--text-muted) !important;
    border-top: var(--v-footer-border-top) solid var(--jungle-accent);
    background-image: var(--v-footer-bg-pattern), radial-gradient(circle at 20% 80%, rgba(212, 175, 55, 0.1) 0%, transparent 40%);
    position: relative;
    overflow: hidden;
    padding-top: var(--v-footer-padding) !important;
    padding-bottom: 40px !important;
}

    footer::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 2px;
        background: linear-gradient(90deg, transparent, var(--jungle-accent), transparent);
    }

    /* Menü linkleri - DNA İkon Kontrolü */
    footer ul li {
        margin-bottom: 15px;
        list-style: none;
        position: relative;
    }

.footer-link {
    color: var(--text-muted) !important;
    text-decoration: none;
    font-weight: 500;
    display: inline-block;
    position: relative;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    padding-left: 0;
    font-family: 'Roboto Slab', serif;
}

    .footer-link:hover {
        color: var(--jungle-accent) !important;
        padding-left: 25px;
        text-shadow: 0 0 10px rgba(212, 175, 55, 0.5);
    }

    .footer-link::before {
        content: var(--v-footer-link-icon); /* İkon artık sol paneldeki listeden seçilebilir (Yaprak, Ağaç vb.) */
        position: absolute;
        left: -25px;
        opacity: 0;
        transition: all 0.4s ease;
        font-size: 1.2rem;
        top: -2px;
    }

    .footer-link:hover::before {
        left: 0;
        opacity: 1;
        animation: leafWiggle 0.5s ease;
    }

/* İletişim kutuları - HUD Stili DNA */
.footer-contact,
footer address {
    display: block;
    background: rgba(10, 25, 41, 0.4);
    border-left: var(--v-footer-contact-border) solid var(--jungle-light); /* Kenarlık kalınlığı ve köşe yuvarlaklığı değişkenlere bağlandı */
    padding: 15px;
    margin-bottom: 20px;
    border-radius: var(--v-footer-contact-radius);
    color: var(--text-muted) !important;
    transition: all 0.5s ease;
    text-decoration: none;
    font-family: 'Roboto Slab', serif;
    backdrop-filter: blur(5px);
    position: relative;
    overflow: hidden;
}

    .footer-contact:hover {
        border-left-color: var(--jungle-accent) !important;
        background: rgba(212, 175, 55, 0.1) !important;
        transform: translateX(10px) !important;
        color: var(--text-light) !important;
    }

/* Sosyal Medya - Boyut ve Parlama Kontrolü */
.footer-premium .social-link {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: var(--v-footer-social-size) !important; /* Boyutlar artık merkezi kontrolden (50px varsayılan) geliyor */
    height: var(--v-footer-social-size) !important;
    background-color: rgba(26, 58, 26, 0.6) !important;
    border: 2px solid var(--jungle-light) !important;
    color: var(--jungle-light) !important;
    border-radius: 50% !important;
    transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3) !important;
    position: relative;
    overflow: hidden;
}

    .footer-premium .social-link:hover {
        background-color: rgba(212, 175, 55, 0.2) !important;
        border-color: var(--jungle-accent) !important;
        color: var(--jungle-accent) !important;
        transform: translateY(-8px) scale(1.1) !important;
        box-shadow: 0 0 25px rgba(212, 175, 55, 0.7) !important;
    }
/* [SECTION_END: FOOTER] */

/* --- SAYACI DNA BAĞLANTISI --- */
.download-count {
    position: var(--v-card-stats-pos) !important;
    top: var(--v-card-stats-top) !important;
    left: var(--v-card-stats-left) !important;
    background: var(--v-card-stats-bg) !important;
    border-radius: var(--v-card-stats-radius) !important;
    border: 1px solid rgba(255,255,255,0.1) !important;
    z-index: 5;
}

/* --- VİDEO İKONU DNA BAĞLANTISI --- */
.video-badge {
    width: var(--v-card-video-size) !important;
    height: var(--v-card-video-size) !important;
    background: var(--v-card-video-bg) !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    box-shadow: 0 0 15px var(--v-card-video-bg) !important;
}


/* Animasyon Kütüphanesi  */
@keyframes dna-pulse {
    0%, 100% {
        transform: translate(var(--v-btn-download-x), var(--v-btn-download-y)) scale(1);
    }

    50% {
        transform: translate(var(--v-btn-download-x), var(--v-btn-download-y)) scale(1.1);
    }
}

@keyframes dna-float {
    0%, 100% {
        transform: translate(var(--v-btn-download-x), var(--v-btn-download-y));
    }

    50% {
        transform: translate(var(--v-btn-download-x), calc(var(--v-btn-download-y) - 15px));
    }
}

/* [SECTION_START: STATS_DNA_FINAL] */
/* 1. Sayaç ve Detaylar Yer Değiştirme Motoru  */
.card-stats-wrapper {
    flex-direction: var(--v-card-stats-flex-dir, row) !important; /* DNA panelinden "Sola Al" denildiğinde row-reverse yaparak elemanları takas eder */
}

/* 2. Sayaç (Count) Nesnesi DNA Uygulaması  */
.inline-download-stats {
    background: var(--v-card-stats-bg, rgba(255, 255, 255, 0.1)) !important; /* Görsel Kimlik Değişkenleri */
    color: var(--v-card-stats-color, inherit) !important;
    border-radius: var(--v-card-stats-radius, 8px) !important;
    padding: 4px 12px !important;
    min-width: max-content;
    font-size: var(--v-card-stats-size, 0.8rem) !important;
    display: flex !important; /* Konumlandırma ve Animasyon */
    align-items: center;
    gap: 5px;
    transform: translate(var(--v-card-stats-x, 0px), var(--v-card-stats-y, 0px)) !important;
    animation: var(--v-card-stats-animation, none) 2s infinite ease-in-out !important;
    transition: all 0.3s ease !important;
}

    /* 3. Sayaç İkon Değişim Motoru  */
    .inline-download-stats i::before {
        content: var(--v-card-stats-icon, "\f019") !important; /* fa-download varsayılan */
        font-family: "Font Awesome 6 Free" !important;
        font-weight: 900 !important;
    }

    /* 4. Sayaç Hover DNA (Buton v1.1 Standartlarında) */
    .inline-download-stats:hover {
        background: var(--v-card-stats-hover-bg, var(--v-card-stats-bg)) !important;
        color: var(--v-card-stats-hover-color, var(--v-card-stats-color)) !important;
        transform: translate(var(--v-card-stats-x, 0px), calc(var(--v-card-stats-y, 0px) - 3px)) scale(1.05) !important; /* Mevcut ofseti koruyarak 3px yükselir */
        cursor: help;
    }
/* [SECTION_END: STATS_DNA_FINAL] */

/* [DNA] ANİMASYON MOTORU - EVRENSEL TANIMLAR */
@keyframes dna-spin-slow {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

@keyframes dna-float-gentle {
    0%, 100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-15px);
    }
}

@keyframes dna-pulse-soft {
    0%, 100% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.1);
    }
}

/* [GÜNCELLEME] SOL ÜST YAPRAK DNA MOTORU (BİRLEŞTİRİLMİŞ) */
.leaf-decoration {
    position: absolute;
    top: var(--v-card-leaf-top, 20px);
    left: var(--v-card-leaf-left, 8px);
    width: var(--v-card-leaf-size, 58px);
    height: var(--v-card-leaf-size, 58px);
    z-index: 10;
    transform: rotate(var(--v-card-leaf-rotate, 0deg));
    pointer-events: none;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .leaf-decoration::before {
        content: var(--v-card-leaf-icon, "");
        font-family: var(--v-card-leaf-font, "Font Awesome 6 Free");
        font-weight: 900;
        font-size: var(--v-card-leaf-size, 58px) !important;
        color: var(--v-card-leaf-color, #04b919);
        display: var(--v-card-leaf-icon-display, block);
        animation: var(--v-card-leaf-anim, none) var(--v-card-leaf-speed, 10s) infinite linear;
        transition: all 0.3s ease;
    }

/* Hover: Kartın üzerine gelince Yaprak tepkisi */
.project-card:hover .leaf-decoration::before {
    animation-duration: var(--v-card-leaf-hover-speed, var(--v-card-leaf-speed)) !important;
    filter: var(--v-card-leaf-hover-filter, none) !important;
}

/* [GÜNCELLEME] SAĞ ALT TAŞ DNA MOTORU (BİRLEŞTİRİLMİŞ v1.3) */
.stone-decoration {
    position: absolute;
    bottom: var(--v-card-stone-bottom, -16px);
    right: var(--v-card-stone-right, -18px);
    width: var(--v-card-stone-size, 50px);
    height: var(--v-card-stone-size, 50px);
    z-index: 10;
    transform: rotate(var(--v-card-stone-rotate, 160deg));
    pointer-events: none;
    display: flex;
    align-items: center;
    justify-content: center;
    /* Ana Animasyon: Görsel ve İkonun birlikte dönmesini sağlar */
    animation: var(--v-card-stone-anim, none) var(--v-card-stone-speed, 8.5s) infinite linear;
}

    /* İkon Katmanı: Unicode ile seçilen ikonları basar */
    .stone-decoration::before {
        content: var(--v-card-stone-icon, "");
        font-family: var(--v-card-stone-font, "Font Awesome 6 Free");
        font-weight: 900;
        font-size: var(--v-card-stone-size, 50px) !important;
        color: var(--v-card-stone-color, #ffffff);
        display: var(--v-card-stone-icon-display, block);
        position: absolute;
        z-index: 11;
    }

/* Görsel Katmanı: Kütüphaneden seçilen taş resmini basar */
.stone-inner {
    width: 100%;
    height: 100%;
    background-image: var(--v-card-stone-img, none);
    background-size: cover;
    border-radius: 50%;
    filter: var(--v-card-stone-filter, none);
}

/* Hover Tepkisi: Kartın üzerine gelince Taşın tepkisi */
.project-card:hover .stone-decoration {
    animation-duration: var(--v-card-stone-hover-speed, var(--v-card-stone-speed)) !important;
    filter: var(--v-card-stone-hover-filter, none) !important;
}

/* 1. Mükerrer İkonu Engellemek İçin Pseudo-Elementi Temizliyoruz */
/* [KORUMACI YAKLAŞIM]: Mevcut tanımı ezmek yerine değişken kontrolüne alıyoruz */
.project-card::before {
    display: none !important; /* İkon artık sadece .leaf-decoration üzerinden yürüyecek */
    content: "\f06c";
}

/* --- MEDIA LIBRARY LAYOUT FIX --- */
#assetPaletteModal .modal-body {
    height: 75vh; /* Modal boyutu ekranın %75'ine sabitlenir */
    min-height: 500px; /* Çok küçük ekranlarda bile minimum 500px kalır */
    display: flex;
    overflow: hidden; /* Modalın kendisi değil, içindeki alanlar kayar */
}

    #assetPaletteModal .modal-body > .row {
        width: 100%;
        margin: 0;
        display: flex;
    }

/* Sol Menü Sabitleme */
#sidebar-folder-list {
    height: calc(75vh - 120px);
    overflow-y: auto; /* Sadece klasör listesi kayar */
}

/* Sağ İçerik Alanı Sabitleme */
#asset-list-container {
    height: calc(75vh - 120px);
    overflow-y: auto; /* Sadece resim listesi kayar */
    align-content: flex-start; /* Resimler azsa yukarı yaslar, boşlukları dağıtmaz */
    padding: 15px;
}

    /* Scrollbar Tasarımı (Koyu Tema İçin) */
    #sidebar-folder-list::-webkit-scrollbar,
    #asset-list-container::-webkit-scrollbar {
        width: 6px;
    }

    #sidebar-folder-list::-webkit-scrollbar-thumb,
    #asset-list-container::-webkit-scrollbar-thumb {
        background: #333;
        border-radius: 10px;
    }