/*
Theme Name: AquaFix X Temas
Theme URI: https://example.com/aquafix-x-temasi
Author: Gemini & Google
Version: 5.74 - Final X-Style Comment Design
*/

:root {
    --x-siyah: #FFFFFF;
    --x-koyu-gri: #F7F9F9;
    --x-orta-gri: #EFF3F4;
    --x-acik-gri: #536471;
    --x-beyaz: #0F1419;
    --x-mavi: #1D9BF0;
    --x-mavi-hover: #1A8CD8;
    --x-kirmizi-begeni: #F91880;
}

html {
    background-color: var(--x-koyu-gri);
    overflow-x: hidden;
}

body {
    background-color: var(--x-siyah);
    color: var(--x-beyaz);
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    margin: 0;
    padding: 0;
    overflow-x: hidden;
}

a {
    color: var(--x-mavi);
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

.fas, .far {
    margin-right: 15px;
    font-size: 20px;
    color: var(--x-acik-gri);
}

.site-kapsayici {
    display: flex !important;
    flex-wrap: nowrap !important;
    max-width: 1220px;
    width: 100%;
    margin: 0 auto;
    padding-top: 10px;
    box-sizing: border-box;
    align-items: flex-start; /* SAĞ SÜTUN KAYMA SORUNUNU ÇÖZER */
}

/* ==========================================================================
   Sütun Yapısı
   ========================================================================== */
.sol-sutun {
    width: 260px !important;
    min-width: 260px !important;
    max-width: 260px !important;
    padding: 0 10px;
    position: sticky;
    top: 0;
    height: 100vh;
    box-sizing: border-box;
}

.orta-sutun {
    width: 600px !important;
    min-width: 600px !important;
    max-width: 600px !important;
    border-left: 1px solid var(--x-orta-gri);
    border-right: 1px solid var(--x-orta-gri);
    box-sizing: border-box;
}

.sag-sutun {
    width: 360px !important;
    min-width: 360px !important;
    max-width: 360px !important;
    padding: 0 10px;
    position: sticky;
    top: 0;
    height: 100vh;
    box-sizing: border-box;
    overflow-y: hidden !important;
}

.sag-sutun-icerik {
    max-width: 340px !important;
    overflow: hidden !important;
    word-break: break-word;
}

/* ==========================================================================
   Sol Menü ve Butonlar
   ========================================================================== */
.ana-menu ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.ana-menu li {
    margin-bottom: 20px;
}

.ana-menu a {
    display: flex;
    align-items: center;
    font-size: 20px;
    font-weight: bold;
    padding: 10px;
    border-radius: 9999px;
    transition: background-color 0.2s;
    color: var(--x-beyaz);
}

.ana-menu a:hover {
    background-color: rgba(29, 155, 240, 0.1);
}

.gonder-butonu {
    display: block;
    text-align: center;
    padding: 15px;
    font-size: 18px;
    font-weight: bold;
    background-color: var(--x-mavi);
    color: #fff;
    border-radius: 9999px;
    transition: background-color 0.2s;
    border: none;
    cursor: pointer;
}

.gonder-butonu:hover {
    background-color: var(--x-mavi-hover);
    color: #fff;
    text-decoration: none;
}

.gonder-butonu:disabled {
    opacity: 0.7;
    cursor: not-allowed;
}

/* ==========================================================================
   Sağ Kenar Çubuğu (Sidebar)
   ========================================================================== */
.sag-sutun .arama-cubugu,
.sag-sutun .gundemler-kutusu,
.sag-sutun .takip-onerileri-kutusu {
    background-color: var(--x-koyu-gri);
    border: 1px solid var(--x-orta-gri);
    border-radius: 16px;
    padding: 12px;
    margin-bottom: 16px;
}

.sag-sutun-icerik > div:last-child {
    margin-bottom: 0;
}

.arama-cubugu {
    position: relative;
}

.arama-cubugu i {
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    color: var(--x-acik-gri);
    padding-left: 12px;
}

.arama-cubugu input {
    width: 100%;
    padding: 10px 10px 10px 40px;
    border: 1px solid var(--x-orta-gri);
    border-radius: 9999px;
    background-color: var(--x-orta-gri);
    color: var(--x-beyaz);
    box-sizing: border-box;
}

.arama-cubugu input:focus {
    outline: none;
    border-color: var(--x-mavi);
}

.takip-onerileri-kutusu h4,
.gundemler-kutusu h4 {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px;
}

.takip-onerisi-kullanici {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.kullanici-bilgisi {
    display: flex;
    align-items: center;
    flex: 1;
}

.ad-bilgisi {
    margin-left: 10px;
}

.takip-butonu-kucuk {
    padding: 6px 12px;
    font-size: 14px;
    background-color: var(--x-mavi);
    color: #fff;
    border-radius: 9999px;
    border: none;
    cursor: pointer;
    transition: background-color 0.2s;
}

.takip-butonu-kucuk:hover {
    background-color: var(--x-mavi-hover);
}

.gundemler-kutusu ul {
    list-style: none;
    padding: 0;
}

.gundemler-kutusu li {
    margin-bottom: 10px;
}

.gundemler-kutusu a {
    display: block;
    color: var(--x-beyaz);
}

.gundemler-kutusu strong {
    font-weight: bold;
}

.gundemler-kutusu small {
    display: block;
    color: var(--x-acik-gri);
    font-size: 14px;
}

/* ==========================================================================
   Genel İçerik Stilleri
   ========================================================================== */
.hashtag-link {
    color: var(--x-mavi);
    font-weight: 500;
    text-decoration: none;
}

.hashtag-link:hover {
    text-decoration: underline;
    color: var(--x-mavi-hover);
}

.gonderi-icerigi,
.yorum-icerigi {
    word-break: break-word;
    overflow-wrap: break-word;
    line-height: 1.4;
    margin: 0 !important;
    padding: 0 !important;
    text-indent: 0 !important;
    max-width: 100% !important;
}

.gonderi-icerigi p,
.yorum-icerigi p {
    margin: 0 0 1em 0 !important;
    padding: 0 !important;
    text-indent: 0 !important;
    line-height: 1.4;
}
.gonderi-icerigi p:last-child,
.yorum-icerigi p:last-child {
    margin-bottom: 0 !important;
}

.gonderi-icerigi p:empty,
.yorum-icerigi p:empty,
.gonderi-icerigi div:empty,
.yorum-icerigi div:empty,
.gonderi-icerigi span:empty,
.yorum-icerigi span:empty {
    display: none !important;
}

.gonderi-karti-sol img,
.yorum-karti-sol img,
.kullanici-bilgisi img,
.mobil-menu-btn img,
.mobil-menu-btn i {
    border-radius: 50% !important;
    display: block !important;
    width: 40px !important;
    height: 40px !important;
}

/* ==========================================================================
   Gönderi Kartı
   ========================================================================== */
.gonderi-karti {
    display: flex;
    padding: 15px;
    border-bottom: 1px solid var(--x-orta-gri);
    max-width: 600px !important;
}

.gonderi-karti:not(.single-post) {
    cursor: pointer;
}
.gonderi-karti:not(.single-post):hover {
    background-color: var(--x-koyu-gri);
}
.gonderi-karti.single-post {
    cursor: default;
}

.gonderi-karti-sol {
    margin-right: 10px;
}

.gonderi-karti-sag,
.yorum-karti-sag {
    flex: 1;
    overflow-wrap: break-word;
    word-wrap: break-word;
    word-break: break-word;
    hyphens: auto;
    min-width: 0;
}

.gonderi-ust {
    display: flex;
    align-items: center;
    margin-bottom: 5px;
}

.gonderi-yazar-bilgisi {
    display: flex;
    align-items: center;
    flex: 1;
}

.yazar-linki {
    display: inline-flex;
    align-items: baseline;
    flex-wrap: nowrap;
}

.yazar-adi {
    font-weight: bold;
}

.yazar-kullanici-adi {
    color: var(--x-acik-gri);
    font-size: 14px;
    margin-left: 5px;
}

.zaman-ayraci {
    margin: 0 5px;
    color: var(--x-acik-gri);
}

.gonderi-zaman {
    color: var(--x-acik-gri);
    font-size: 14px;
}

.gonderi-icerigi {
    margin-bottom: 10px;
}

.gonderi-resmi img {
    max-width: 100% !important;
    border-radius: 12px;
    margin-top: 10px;
    object-fit: contain;
    max-height: 600px;
}

.gonderi-etkilesim-ikonlari,
.yorum-etkilesim-ikonlari {
    display: flex;
    align-items: center;
    margin-top: 15px; /* İKON BOŞLUK DÜZELTMESİ */
}

.etkilesim-ikon {
    margin-right: 20px;
    color: var(--x-acik-gri);
    display: flex;
    align-items: center;
}

.etkilesim-ikon i {
    font-size: 18px;
    margin-right: 5px;
}

.etkilesim-ikon a:hover i {
    color: var(--x-mavi);
}

.begen-ikon i.fas { color: var(--x-kirmizi-begeni); }
.yer-isareti-ikon i.fas { color: var(--x-mavi); }
.retweet-ikon i.fas { color: var(--x-mavi); }
.paylas-ikon a:hover i { color: var(--x-mavi); }

/* ==========================================================================
   İçerik Formları (Gönderi, Yorum)
   ========================================================================== */
.gonderi-olustur-kutusu {
    padding: 15px;
    border-bottom: 1px solid var(--x-orta-gri);
}

.baslik-metni {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 10px;
}

.gonderi-formu-alani {
    display: flex;
}

.profil-resmi {
    margin-right: 10px;
    flex-shrink: 0;
}

.gonderi-formu-alani .profil-resmi img,
.yorumlar-alani .profil-resmi img {
    width: 40px !important;
    height: 40px !important;
    border-radius: 50%;
}

.form-alani {
    flex: 1;
    min-width: 0;
}

#image-preview-container,
#comment-image-preview-container {
    margin-top: 10px;
    display: block !important;
}

#image-preview-container img,
#comment-image-preview-container img,
.yorum-resmi {
    max-width: 100% !important;
    max-height: 400px;
    border-radius: 12px;
    border: 1px solid var(--x-orta-gri);
    display: block !important;
    object-fit: contain;
    cursor: pointer;
}

.gonderi-formu-alt {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 10px;
}

.gonderi-arac-cubugu {
    display: flex;
}

.arac-butonu {
    background: none;
    border: none;
    color: var(--x-acik-gri);
    cursor: pointer;
    margin-right: 10px;
}

.arac-butonu:hover {
    color: var(--x-mavi);
}

.character-counter {
    color: var(--x-acik-gri);
    font-size: 14px;
}

.character-counter.warning { color: #f1c40f; }
.character-counter.error { color: var(--x-kirmizi-begeni); }

/* ==========================================================================
   Yorumlar
   ========================================================================== */
.yorumlar-alani {
    padding: 15px;
    max-width: 600px !important;
    box-sizing: border-box;
    overflow: hidden !important;
}

.yorumlar-baslik {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 15px;
}

.yorum-listesi {
    padding: 0;
    list-style: none !important;
}

.yorum-karti {
    display: flex;
    margin-bottom: 15px;
}

/*************************************************************/
/* X-TARZI İÇ İÇE YORUM DÜZELTMESİ (NİHAİ SRÜM) BAŞLANGIÇ      */
/*************************************************************/
.yorum-listesi .children {
    list-style: none !important;
    padding: 0; /* Girintiyi kaldır */
    margin: 0; /* Girintiyi kaldır */
    border: none; /* Kenarlığı kaldır */
    margin-top: 15px;
}

/* Yorumu olan ebeveynin avatarına göreceli konumlandırma ekle */
.comment.parent > .yorum-karti > .yorum-karti-sol {
    position: relative;
}

/* Ebeveyn yorumun avatarından aşağıya doğru izgi çiz */
.comment.parent > .yorum-karti > .yorum-karti-sol::after {
    content: '';
    position: absolute;
    width: 2px;
    background-color: var(--x-orta-gri);
    top: 50px; /* Avatarın altından başlar */
    bottom: -15px; /* Bir sonraki yoruma kadar uzanır */
    left: 50%;
    transform: translateX(-50%);
}

.comment-reply-link {
    font-size: 14px;
    font-weight: 500;
    color: var(--x-acik-gri);
    text-decoration: none;
}
.comment-reply-link:hover {
    color: var(--x-mavi);
    text-decoration: underline;
}

/*************************************************************/
/* X-TARZI  İÇE YORUM DÜZELTMESİ BİTŞ                      */
/*************************************************************/

.yorum-karti-sol {
    margin-right: 10px;
}

.yorum-yazar-bilgisi {
    display: flex;
    align-items: center;
    margin-bottom: 5px;
}

.yorum-icerigi img {
    max-width: 100% !important;
    border-radius: 12px;
    margin-top: 10px;
}

.begen-ikon-yorum i.fas {
    color: var(--x-kirmizi-begeni);
}

.yorum-yukleme {
    text-align: center;
    color: var(--x-acik-gri);
    padding: 10px;
    font-size: 16px;
    cursor: pointer;
}

/* ==========================================================================
   Profil Sayfası
   ========================================================================== */
.profil-sayfasi {
    padding: 0 0 15px 0;
    position: relative;
}

.profil-baslik {
    position: relative;
    margin-bottom: 0;
}

.profil-kapak {
    height: 200px;
    width: 100%;
    background-color: var(--x-orta-gri);
    background-size: cover;
    background-position: center;
}

.profil-bilgisi-ust {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    padding: 0 15px;
    min-height: 71px;
    margin-bottom: 15px;
}

.profil-sayfasi .profil-resmi {
    margin-top: -85px;
    z-index: 2;
}

.profil-sayfasi .profil-resmi .avatar {
    width: 134px !important;
    height: 134px !important;
    border: 4px solid var(--x-siyah);
    background-color: var(--x-siyah);
    border-radius: 50%;
}

.profil-duzenle-buton, .takip-butonu-profil {
    padding: 8px 16px !important;
    font-size: 15px !important;
    font-weight: bold !important;
    border-radius: 9999px !important;
    background-color: transparent !important;
    color: var(--x-beyaz) !important;
    border: 1px solid #536471 !important;
    cursor: pointer;
    align-self: flex-end;
}

.takip-butonu-profil {
    background-color: var(--x-beyaz) !important;
    color: var(--x-siyah) !important;
    border-color: transparent !important;
}

.profil-duzenle-buton:hover {
    background-color: rgba(239, 243, 244, 0.1) !important;
}

.profil-bilgisi-alt {
    padding: 0 15px 15px 15px;
}

.profil-adi {
    font-size: 24px;
    font-weight: bold;
    margin: 0;
}

.profil-kullanici-adi {
    color: var(--x-acik-gri);
    font-size: 16px;
}

.profil-hakkinda {
    margin: 10px 0;
}
.profil-hakkinda p {
    margin-bottom: 12px !important;
}

.profil-website {
    display: flex;
    align-items: center;
    color: var(--x-acik-gri);
}

.profil-takip-bilgisi {
    display: flex;
    gap: 20px;
    margin-top: 12px;
}

.profil-takip-bilgisi a {
    color: var(--x-acik-gri);
    text-decoration: none;
}
.profil-takip-bilgisi a:hover {
    text-decoration: underline;
}

.profil-takip-bilgisi strong {
    color: var(--x-beyaz);
    font-weight: bold;
}
.profil-takip-bilgisi span {
    color: var(--x-acik-gri);
}

.profil-sekmeleri {
    display: flex !important;
    border-bottom: 1px solid var(--x-orta-gri);
    margin: 0 15px 15px 15px;
}

.profil-sekmeleri a {
    padding: 10px 15px;
    color: var(--x-acik-gri);
    font-weight: bold;
    display: block;
    flex-shrink: 0;
}

.profil-sekmeleri a.aktif {
    color: var(--x-mavi);
    border-bottom: 2px solid var(--x-mavi);
}

/* ==========================================================================
   Modallar ve Pop-up'lar
   ========================================================================== */
.modal-overlay, .retweet-modal, .image-popup {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(91, 112, 131, 0.4);
    z-index: 1001;
    display: none;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.modal-overlay.active {
    display: flex !important;
}

.modal-content, .retweet-modal-content {
    background-color: var(--x-siyah);
    padding: 20px;
    border-radius: 12px;
    max-width: 500px;
    width: 90%;
    box-sizing: border-box;
    position: relative;
    margin: 0 auto;
}

.modal-kapat {
    display: block !important;
    position: absolute;
    top: 10px;
    right: 10px;
    background: var(--x-mavi);
    border: none;
    font-size: 16px;
    color: #fff;
    padding: 8px 16px;
    border-radius: 9999px;
    cursor: pointer;
}

.modal-kapat:hover {
    background: var(--x-mavi-hover);
}

.image-popup img {
    max-width: 90% !important;
    max-height: 90%;
    object-fit: contain;
}

.image-popup-close {
    position: absolute;
    top: 20px;
    right: 20px;
    background: rgba(15, 20, 25, 0.75);
    color: #fff;
    border: none;
    border-radius: 50%;
    cursor: pointer;
    width: 30px;
    height: 30px;
}

/* ==========================================================================
   Formlar (Giri, Kayıt, Profil Düzenleme)
   ========================================================================== */
#profile-edit-form .form-grup,
#login-form .form-grup,
#register-form .form-grup {
    margin-bottom: 15px;
}

#profile-edit-form .form-grup label,
#login-form .form-grup label,
#register-form .form-grup label {
    display: block;
    margin-bottom: 5px;
    font-weight: bold;
    text-align: left;
}

#profile-edit-form .form-grup input,
#profile-edit-form .form-grup textarea,
#login-form .form-grup input,
#register-form .form-grup input {
    width: 100%;
    padding: 10px;
    border: 1px solid var(--x-orta-gri);
    border-radius: 8px;
    background-color: var(--x-koyu-gri);
    color: var(--x-beyaz);
    box-sizing: border-box;
}

#profile-edit-form .gonder-butonu {
    margin-top: 15px;
    width: 100%;
}

.form-messages,
#post-submission-messages,
#profile-update-messages,
#comment-submission-messages {
    padding: 10px;
    margin-bottom: 15px;
    border-radius: 8px;
    font-size: 14px;
    text-align: center;
}

.success-message {
    background-color: rgba(29, 155, 240, 0.1);
    color: var(--x-mavi);
}

.error-message {
    background-color: rgba(249, 24, 128, 0.1);
    color: var(--x-kirmizi-begeni);
}

.geri-butonu {
    display: flex;
    align-items: center;
    font-size: 16px;
    font-weight: bold;
    color: var(--x-beyaz);
    padding: 10px;
    margin-bottom: 15px;
}

/* ==========================================================================
   Mobil ve Responsive Tasarım
   ========================================================================== */
@media (max-width: 768px) {
    .site-kapsayici {
        flex-direction: column !important;
        max-width: 100%;
    }
    .sol-sutun,
    .sag-sutun {
        display: none !important;
    }
    .orta-sutun {
        width: 100% !important;
        min-width: 100% !important;
        max-width: 100% !important;
        border: none;
        padding-bottom: 20px;
    }
    .yorumlar-alani, .yorum-listesi, .yorum-karti {
        max-width: 100% !important;
    }
    .yorum-listesi .children {
        max-width: calc(100% - 40px) !important;
        margin-left: 10px;
        padding-left: 10px;
    }
    .gonderi-olustur-kutusu .profil-resmi {
        display: none !important;
    }
    .mobil-ust-bar {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 0 15px;
        height: 50px;
        background-color: var(--x-siyah);
        border-bottom: 1px solid var(--x-orta-gri);
        position: sticky;
        top: 0;
        z-index: 999;
    }
    .mobil-menu-btn {
        background: none;
        border: none;
        padding: 0;
        cursor: pointer;
    }
    
    #mobil-menu-tetikleyici {
        flex: 1 0 0;
        display: flex;
        justify-content: flex-start;
    }
    .mobil-logo {
        flex: 1 0 0;
        text-align: center;
        position: static;
        transform: none;
    }
    .mobil-ust-bar-sag {
        flex: 1 0 0;
        display: flex;
        justify-content: flex-end;
    }

    .mobil-logo img {
        height: 30px;
        width: auto;
        opacity: 0.8;
    }

    body.sol-menu-acik .sol-sutun {
        transform: translateX(0);
        display: block !important;
    }
    body.sol-menu-acik .mobil-menu-overlay {
        visibility: visible;
        opacity: 1;
    }
    .sol-sutun {
        position: fixed;
        left: 0;
        top: 0;
        bottom: 0;
        width: 280px;
        background-color: var(--x-siyah);
        transform: translateX(-100%);
        transition: transform 0.3s ease-in-out;
        padding: 20px;
        box-sizing: border-box;
        overflow-y: auto;
        border-right: 1px solid var(--x-orta-gri);
        z-index: 1001;
    }
    .mobil-menu-overlay {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: rgba(0, 0, 0, 0.4);
        z-index: 1000;
        visibility: hidden;
        opacity: 0;
        transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
        display: block;
    }
    .mobil-arama-overlay {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 1001;
        display: none;
        background: var(--x-siyah);
        align-items: flex-start;
        padding-top: 10px;
    }
    .mobil-arama-formu-kapsayici {
        width: 100%;
        padding: 0 15px;
        display: flex;
        align-items: center;
        gap: 10px;
    }
    #mobil-arama-formu-footer {
        display: flex;
        width: 100%;
        align-items: center;
        background-color: var(--x-koyu-gri);
        border-radius: 9999px;
        border: 1px solid transparent;
        padding: 0 10px;
    }
    #mobil-arama-formu-footer:focus-within {
        border-color: var(--x-mavi);
        background-color: var(--x-siyah);
    }
    .mobil-arama-formu-kapsayici .arama-ikonu {
        font-size: 16px;
        color: var(--x-acik-gri);
        margin: 0 5px 0 0;
    }
    .mobil-arama-formu-kapsayici input[type="text"] {
        flex: 1;
        border: none;
        background: transparent;
        padding: 12px 5px;
        font-size: 16px;
        color: var(--x-beyaz);
    }
    .mobil-arama-formu-kapsayici input[type="text"]:focus {
        outline: none;
    }
    .mobil-arama-formu-kapsayici .arama-kapat-butonu {
        background: none;
        border: none;
        color: var(--x-mavi);
        font-size: 16px;
        cursor: pointer;
        padding: 10px;
    }
    .gonderi-yazar-bilgisi, .yorum-yazar-bilgisi {
        flex-wrap: wrap;
        align-items: baseline;
    }
    .yazar-kullanici-adi {
        max-width: 80px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .profil-sekmeleri {
        overflow-x: auto;
        white-space: nowrap;
        flex-wrap: nowrap !important;
    }
    .yorumlar-alani .mobil-gizli-pp {
        display: none;
    }
    .yorumlar-alani .gonderi-formu-alt {
        justify-content: space-between;
        align-items: center;
    }
    .yorumlar-alani .gonderi-formu-alt .gonder-butonu {
        padding: 8px 16px;
        min-width: auto;
        border-radius: 8px;
        font-size: 14px;
        font-weight: bold;
    }
}

@media (min-width: 769px) {
    .mobil-ust-bar,
    .mobil-gonder-btn,
    .mobil-menu-overlay,
    .mobil-arama-overlay,
    .mobil-menu-btn {
        display: none !important;
    }
}

/* ==========================================================================
   Alntı Yap (Retweet) Sistemi Stilleri
   ========================================================================== */

/* Modal İindeki Gömlü Gönderi */
#retweet-preview-container {
    margin-top: 15px;
    margin-bottom: 15px;
}
.gonderi-embed-kapsayici {
    display: block;
    border: 1px solid var(--x-orta-gri);
    border-radius: 12px;
    padding: 12px;
    color: var(--x-beyaz);
    text-decoration: none;
    transition: background-color 0.2s;
}
.gonderi-embed-kapsayici:hover {
    background-color: var(--x-koyu-gri);
}
.gonderi-embed-ust {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 15px;
}
.gonderi-embed-ust .avatar {
    width: 20px !important;
    height: 20px !important;
    border-radius: 50%;
}
.gonderi-embed-ust .yazar-adi {
    font-weight: bold;
}
.gonderi-embed-ust .yazar-kullanici-adi {
    color: var(--x-acik-gri);
    font-size: 14px;
}
.gonderi-embed-icerik {
    margin-top: 8px;
    font-size: 15px;
    line-height: 1.3;
}
.gonderi-embed-resim {
    margin-top: 12px;
}
.gonderi-embed-resim img {
    max-width: 100%;
    height: auto;
    border-radius: 8px;
    border: 1px solid var(--x-orta-gri);
}

/* Akışta Grünen Alıntı Yaplmş Gönderi */
.gonderi-karti .retweet-card {
    margin-top: 12px;
}

/* ==========================================================================
   Alıntı Yap (Retweet) Sistemi İyileştirmeleri
   ========================================================================== */

/* Alntı penceresindeki uzun linklerin taşmasını engelle */
.gonderi-embed-icerik {
    word-wrap: break-word;
    word-break: break-all;
}

/* "X yeniden yayınladı" etiketi için stil */
.reposted-by-notice {
    display: flex;
    align-items: center;
    color: var(--x-acik-gri);
    font-size: 13px;
    font-weight: bold;
    margin-left: -10px; /* Avatar ile hizalamak için */
    margin-bottom: 8px;
}

.reposted-by-notice i {
    font-size: 14px;
    margin-right: 8px;
}

/* ==========================================================================
   Yükleme lerleme Çubuğu (Progress Bar)
   ========================================================================== */
#image-upload-progress,
#comment-image-upload-progress {
    background-color: transparent; /* Arka planı transparan yap */
    border-radius: 9999px;
    height: 5px;
    margin-top: 10px;
    width: 100%;
    overflow: hidden;
    display: none; /* Başlangıçta gizli */
    border: 1px solid var(--x-orta-gri); /* Dış çerçeve */
}

/* Bu kısım progress bar'ın dolan mavi kısmını oluşturur */
#image-upload-progress .progress-bar,
#comment-image-upload-progress .progress-bar {
    content: '';
    display: block;
    height: 100%;
    background-color: var(--x-mavi);
    width: 0%; /* Genişliği JS ile ayarlanacak */
    transition: width 0.2s ease-in-out;
    border-radius: 9999px;
}

/* ==========================================================================
   Mobil Header (X-Tarzı) ve Admin Bar Düzeltmeleri
   ========================================================================== */

/* Admin olarak giriş yapıldığında, mobil bal admin bar'ın altına ittir */
body.admin-bar .mobil-ust-bar {
    top: 46px;
}
@media (min-width: 783px) {
    body.admin-bar .mobil-ust-bar {
        top: 32px;
    }
}

@media (max-width: 768px) {
    /* Eski mobil başlık elemanlarını tamamen gizle */
    .mobil-ust-bar .mobil-logo,
    .mobil-ust-bar .mobil-ust-bar-sag {
        display: none;
    }

    /* Yeni X-Tarzı Mobil Başlık Ana Kapsayıcısı */
    .mobil-ust-bar {
        display: flex;
        align-items: center;
        gap: 15px; /* Elemanlar arası boşluk */
        padding: 8px 15px;
        height: auto; /* Yüksekliği içerie gre otomatik ayarla */
        min-height: 50px;
    }

    /* Sol Kısm (Profil Resmi / Menü İkonu) */
    .mobil-ust-bar-sol {
        flex-shrink: 0; /* Küçlmesini engelle */
    }
    .mobil-profil-link,
    .mobil-ust-bar-sol .mobil-menu-btn {
        display: block;
        width: 32px;
        height: 32px;
    }
    .mobil-profil-link .avatar {
        width: 32px !important;
        height: 32px !important;
        border-radius: 50%;
    }
    .mobil-ust-bar-sol .mobil-menu-btn i {
        font-size: 20px;
    }

    /* Orta Ksım (Arama ubuğu) */
    .mobil-ust-bar-merkez {
        flex-grow: 1; /* Mevcut tüm boşluğu kapla */
    }

    #mobil-header-arama-formu {
        display: flex;
        align-items: center;
        width: 100%;
        background-color: var(--x-orta-gri);
        border-radius: 9999px;
        padding: 0 15px;
        border: 1px solid transparent;
    }
    #mobil-header-arama-formu:focus-within {
        border-color: var(--x-mavi);
        background-color: var(--x-siyah);
    }

    #mobil-header-arama-formu .arama-ikonu {
        font-size: 15px;
        color: var(--x-acik-gri);
        margin-right: 10px;
    }

    #mobil-header-arama-formu input[type="text"] {
        width: 100%;
        border: none;
        background: transparent;
        padding: 10px 0;
        font-size: 15px;
        color: var(--x-beyaz);
    }
    #mobil-header-arama-formu input[type="text"]:focus {
        outline: none;
    }
}

/* Yorumlardaki JS Kaynaklı Link Stili */
.daha-fazla-goster-yorum-js {
    color: var(--x-mavi);
    font-weight: 500;
}
.daha-fazla-goster-yorum-js:hover {
    text-decoration: underline;
}

/* ==========================================================================
   Kullanıcı Form Sayfaları Modernizasyonu (Giriş & Kayıt) - v2
   ========================================================================== */

/* Sayfanın kenarlara yapışmasın engelleyen ana konteyner */
.kullanici-formu-sayfasi {
    padding: 20px 15px; /* Üstten ve yanlardan boşluk */
}

/* Formu ortalayan ve genişliğini snırlayan kapsayıcı */
.form-kapsayici {
    max-width: 450px;
    margin: 0 auto; /* Formu yatayda ortala */
}

.form-baslik {
    margin-bottom: 25px;
    font-size: 28px;
    text-align: center;
}

/* YENİ: Form Butonları İçin Modern Stil */
.kullanici-form .form-gonder-butonu {
    width: 100%; /* Butonu tam genişlik yaparak dikdörtgen ve uzun hale getirir */
    border-radius: 8px; /* Oval görünümü kaldırıp modern, köşeli bir stil verir */
    margin-top: 10px; /* Buton ile üstündeki alan arasına boluk ekler */
}

/* "Şifreyi Göster" seçeneğini düzgünce hizalayan yapı */
.sifre-goster-secenegi {
    display: flex;
    align-items: center;
    gap: 8px; /* Kutu ile yaz arasına boşluk koy */
    margin-top: 10px;
}

/* "Şifreyi Gster" yazısının gereksiz stillerini sıfırla */
.sifre-goster-secenegi label {
    margin: 0;
    font-weight: normal;
    font-size: 15px;
    cursor: pointer;
    white-space: nowrap; /* YAZININ KIRILMASINI (ALT SATIRA GEÇMESİNİ) ENGELLER */
}

.sifre-goster-secenegi input[type="checkbox"] {
    cursor: pointer;
}

.form-alt-link {
    text-align: center;
    margin-top: 20px;
}

/* ==========================================================================
   Güvenlik Kodu (CAPTCHA) Stilleri
   ========================================================================== */

.guvenlik-kodu-alani {
    display: flex;
    align-items: flex-end; /* Öğeleri dikeyde alta hizala */
    gap: 15px; /* Aralarına boşluk koy */
    flex-wrap: wrap; /* Mobilde alt alta geçmelerini sağla */
}

.guvenlik-kodu-goster {
    padding: 10px 15px;
    background-color: var(--x-orta-gri);
    border: 1px solid var(--x-acik-gri);
    border-radius: 8px;
    user-select: none; /* Kodu kopyalamayı engelle */
}

.guvenlik-kodu-goster span {
    font-size: 24px;
    font-weight: bold;
    color: var(--x-beyaz);
    letter-spacing: 4px; /* Rakamların arasını aç */
}

.guvenlik-kodu-input-wrapper {
    flex-grow: 1; /* Kalan boluğu kapla */
}

.guvenlik-kodu-input-wrapper label {
    display: block;
    margin-bottom: 5px;
    font-weight: bold;
}

.guvenlik-kodu-input-wrapper input {
    width: 100%;
    padding: 10px;
    border: 1px solid var(--x-orta-gri);
    border-radius: 8px;
    background-color: var(--x-koyu-gri);
    color: var(--x-beyaz);
    box-sizing: border-box;
    font-size: 18px;
}

/* ==========================================================================
   Modern Form Stilleri (Gönderi ve Yorum)
   ========================================================================== */

/* Formların genelindeki iç boşlukları ayarla */
.gonderi-olustur-kutusu,
.yorumlar-alani .comment-respond {
    padding: 10px 15px;
}

/* Editörlerin etrafındaki varsayılan çerçeveyi tamamen kaldırır */
.gonderi-olustur-kutusu .mce-panel,
.yorumlar-alani .mce-panel {
    border: none !important;
    background: transparent !important;
}

/* Editör ve butonlar arasına eklenen ayırıc çizginin stili */
.form-ayirici {
    border: none;
    height: 1px;
    background-color: var(--x-orta-gri);
    margin: 12px 0;
}

/* Formların alt kısmını (araçlar ve buton) dikeyde ortala */
.gonderi-formu-alt {
    align-items: center;
}

/* Gönderi ve Yorum Yap butonlarının stili */
.gonderi-olustur-kutusu .gonder-butonu,
.yorumlar-alani .gonder-butonu {
    padding: 8px 16px;
    border-radius: 9999px;
    font-size: 15px;
    font-weight: bold;
    height: auto;
    line-height: normal;
}

/* MOBİL CİHAZLAR İÇİN ÖZEL AYARLAR */
@media (max-width: 768px) {
    /* Mobilde her iki formdaki araç çubuğu ikonlarının genel yerleşimi */
    .gonderi-olustur-kutusu .gonderi-arac-cubugu,
    .yorumlar-alani .gonderi-arac-cubugu {
        display: flex;
        gap: 12px; /* İkonlar arasına boşluk koyar */
    }

    /* Mobilde her iki formdaki araç çubuğu ikonlarının boyutu */
    .gonderi-olustur-kutusu .arac-butonu i,
    .yorumlar-alani .arac-butonu i {
        font-size: 20px;
        margin-right: 0; /* İkonun kendi sağ boşluğunu sıfırlar */
    }

    /* Mobilde her iki formdaki ikon butonlarının gereksiz sağ boşluunu sıfırlar */
    .gonderi-olustur-kutusu .arac-butonu,
    .yorumlar-alani .arac-butonu {
        margin-right: 0;
    }
}

/* ==========================================================================
   Profil Sayfası Ek Bilgi Alanları
   ========================================================================== */

.profil-ek-bilgiler {
    margin: 12px 0; /* Hakkında ve Takip bilgisi arasına boşluk koyar */
    color: var(--x-acik-gri);
    font-size: 15px;
}

.profil-bilgi-satiri {
    display: flex;
    flex-wrap: wrap; /* Mobilde alt alta geçmelerini sağlar */
    align-items: center;
    gap: 12px 20px; /* Dikeyde 12px, yatayda 20px boşluk */
    margin-bottom: 8px;
}
.profil-bilgi-satiri:last-child {
    margin-bottom: 0;
}

.profil-bilgi-oge {
    display: flex;
    align-items: center;
    gap: 8px; /* İkon ile yazı arasına boluk koyar */
}

.profil-bilgi-oge i {
    font-size: 1em; /* Yazı boyutuyla aynı boyutta ikon */
    color: var(--x-acik-gri);
}

.profil-bilgi-oge a,
.profil-bilgi-oge span {
    color: var(--x-acik-gri);
}

.profil-bilgi-oge a:hover {
    text-decoration: underline;
}

/* ==========================================================================
   Doğrulanmış Kullanıcı Rozeti Stilleri (Nihai Boyut ve Hizalama)
   ========================================================================== */

/* İkonları barndıran ana kapsayıcının boyutu ve hizalaması */
.verified-badge-stack {
    display: inline-block;
    width: 1em;
    height: 1em;
    line-height: 1em;
    font-size: 0.5em; /* DEĞİŞİKLİK: Boyut isteğin zerine 0.5em'e düşürüldü */
    vertical-align: middle; /* DEĞİŞİKLİK: İkonu isme göre dikeyde tam ortalar */
    margin-left: 4px;
}

/* İçteki check işaretini, yeni boyuta göre orantılı olarak küçültür */
.verified-badge-stack .fa-check {
    font-size: 0.8em;
}

/* Renk Seçenekleri */
.verified-badge-stack .badge-blue {
    color: var(--x-mavi);
}
.verified-badge-stack .badge-yellow {
    color: #FFD400;
}
.verified-badge-stack .badge-red {
    color: var(--x-kirmizi-begeni);
}
.verified-badge-stack .badge-green {
    color: #00BA7C;
}

/* ==========================================================================
   Sonsuz Kaydırma Stilleri
   ========================================================================== */

#loading-indicator {
    font-size: 16px;
    color: var(--x-acik-gri);
    padding: 20px 0;
    text-align: center;
}