:root {
    --profile-page-bg: #f4f7f9; /* Sayfanın genel arka plan rengi */
    --profile-content-wrapper-bg: transparent; /* Ana içerik sarmalayıcısının arka planı (isteğe bağlı) */
    
    --profile-card-bg: #ffffff; /* Kartların arka plan rengi */
    --profile-card-border: #e7eaec; /* Kartların kenarlık rengi */
    --profile-card-shadow: 0 1px 3px rgba(0, 0, 0, 0.04), 0 1px 2px rgba(0, 0, 0, 0.05); /* Kartlara yumuşak gölge */
    
    --profile-text-primary: #1a202c; /* Ana metin rengi (başlıklar, önemli yazılar) */
    --profile-text-secondary: #4a5568; /* İkincil metin rengi (açıklamalar, etiketler) */
    --profile-text-muted: #718096; /* Daha soluk metinler (zaman damgaları vb.) */
    
    --profile-link-color: #3182ce; /* Link rengi */
    --profile-link-hover-color: #2b6cb0; /* Link üzerine gelince renk */
    
    --profile-button-primary-bg: #3182ce; /* Ana buton arka planı */
    --profile-button-primary-text: #ffffff; /* Ana buton yazı rengi */
    --profile-button-primary-hover-bg: #2b6cb0;
    --profile-button-secondary-bg: #e2e8f0; /* İkincil buton arka planı */
    --profile-button-secondary-text: #2d3748; /* İkincil buton yazı rengi */
    --profile-button-secondary-hover-bg: #cbd5e0;
    --profile-button-success-bg: #38a169; /* Başarı butonu (Arkadaş Ekle) */
    --profile-button-success-text: #ffffff;
    --profile-button-success-hover-bg: #2f855a;
    --profile-button-warning-bg: #dd6b20; /* Uyarı butonu (İsteği İptal Et) */
    --profile-button-warning-text: #ffffff;
    --profile-button-warning-hover-bg: #c05621;
    --profile-button-danger-bg: #e53e3e; /* Tehlike butonu (Arkadaş Çıkar, Reddet) */
    --profile-button-danger-text: #ffffff;
    --profile-button-danger-hover-bg: #c53030;

    --profile-stat-icon-bg: rgba(49, 130, 206, 0.1); /* İstatistik ikon arka planı (link renginin açığı) */
    --profile-stat-icon-color: var(--profile-link-color); /* İstatistik ikon rengi */
    
    --profile-section-title-border: #e2e8f0; /* Bölüm başlığı alt çizgisi */
    
    --profile-role-admin-color: #c53030; /* Admin rol rengi (kırmızımsı) */
    --profile-role-moderator-color: #dd6b20; /* Moderatör rol rengi (turuncumsu) */
    --profile-role-user-color: #2b6cb0; /* Kullanıcı rol rengi (mavimsi) */
    
    --profile-online-indicator: #48bb78; /* Çevrimiçi göstergesi (yeşil) */
    --profile-offline-indicator: #a0aec0; /* Çevrimdışı göstergesi (gri) */
    
    --profile-subscription-badge-default-bg: #6f42c1; /* Varsayılan abonelik rozeti (mor) */
    --profile-subscription-badge-default-text: #ffffff;
}

/* ==========================================================================
   Gece Modu Değişkenleri
   ========================================================================== */
body:not(.light-theme) {
    --profile-page-bg: #161a1d; 
    --profile-content-wrapper-bg: transparent;
    --profile-card-bg: #1f2327; /* Kartlar için daha koyu bir ton */
    --profile-card-border: #2d3748;
    --profile-card-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
    --profile-text-primary: #e2e8f0;
    --profile-text-secondary: #a0aec0;
    --profile-text-muted: #718096;
    --profile-link-color: #63b3ed;
    --profile-link-hover-color: #90cdf4;
    --profile-button-primary-bg: #63b3ed;
    --profile-button-primary-text: #1a1d21;
    --profile-button-secondary-bg: #363c44; /* Daha belirgin ikincil buton */
    --profile-button-secondary-text: #e2e8f0;
    --profile-button-secondary-hover-bg: #4a5058;
    --profile-button-success-bg: #38a169;
    --profile-button-success-hover-bg: #2f855a;
    --profile-button-warning-bg: #dd6b20;
    --profile-button-warning-hover-bg: #c05621;
    --profile-button-danger-bg: #e53e3e;
    --profile-button-danger-hover-bg: #c53030;
    --profile-stat-icon-bg: rgba(99, 179, 237, 0.15); /* Link renginin açığı */
    --profile-stat-icon-color: var(--profile-link-color);
    --profile-section-title-border: #2d3748;
    --profile-role-admin-color: #fc8181;
    --profile-role-moderator-color: #faf089;
    --profile-role-user-color: #63b3ed;
    --profile-online-indicator: #68d391;
    --profile-offline-indicator: #718096;
    --profile-subscription-badge-default-bg: #a479e0;
    --profile-subscription-badge-default-text: #1a1d21;
}

/* ==========================================================================
   Genel Sayfa Düzeni ve Kart Stilleri
   ========================================================================== */
.profile-page {
    background-color: var(--profile-page-bg);
    padding-bottom: 2rem; /* Footer için boşluk */
}
.profile-page .container.page-layout {
    display: flex;
    flex-wrap: wrap; /* Küçük ekranlarda alt alta gelmesi için */
    gap: 20px;
    margin-top: 1.5rem; /* Header'dan sonraki boşluk */
}
.profile-page .left-sidebar {
    flex: 1 1 280px; /* Esnek genişlik, minimum 280px */
    max-width: 320px; /* Maksimum genişlik */
}
.profile-page .main-column {
    flex: 3 1 600px; /* Esnek genişlik, daha fazla yer kaplar */
    min-width: 0; 
}
.profile-page .card {
    background-color: var(--profile-card-bg);
    border: 1px solid var(--profile-card-border);
    border-radius: 0.6rem; /* Daha yuvarlak köşeler */
    box-shadow: var(--profile-card-shadow);
    margin-bottom: 20px;
    color: var(--profile-text-secondary);
}
.profile-page .section-title {
    font-size: 1.15rem; /* Biraz daha küçük bölüm başlıkları */
    font-weight: 600;
    color: var(--profile-text-primary);
    padding: 1rem 1.25rem;
    margin:0;
    border-bottom: 1px solid var(--profile-section-title-border);
    display: flex;
    align-items: center;
}
.profile-page .section-title i {
    margin-right: 0.65rem;
    color: var(--profile-text-muted);
    font-size: 1.05em; /* İkon boyutu hafifçe ayarlandı */
}
.profile-page .card-content {
    padding: 1.25rem;
}

/* ==========================================================================
   Profil Başlığı (Banner, Avatar, Bilgiler, Butonlar)
   ========================================================================== */
.profile-header {
    position: relative;
    overflow: visible; /* Avatarın taşması için */
    margin-bottom: 30px; /* Diğer kartlarla arasında boşluk */
}
.profile-banner {
    height: 250px; /* Banner yüksekliği biraz azaltıldı */
    background-size: cover;
    background-position: center;
    border-top-left-radius: calc(0.6rem - 1px);
    border-top-right-radius: calc(0.6rem - 1px);
}
.profile-info-bar {
    padding: 0 1.5rem 1.5rem 1.5rem; /* Üst padding kaldırıldı, avatar yönetecek */
    display: flex;
    align-items: flex-end; 
    position: relative;
    margin-top: -75px; /* Avatarın banner üzerine taşması için (150px/2) */
}
.profile-avatar-wrapper {
    margin-right: 1.25rem;
    flex-shrink: 0;
    position: relative; /* Online göstergesi için */
}
.profile-avatar {
    width: 150px; 
    height: 150px;
    border-radius: 50%;
    border: 4px solid var(--profile-card-bg); /* Avatar etrafında belirgin boşluk */
    box-shadow: 0 5px 15px rgba(0,0,0,0.15);
    object-fit: cover;
    background-color: var(--profile-card-bg); 
}
.online-status-indicator {
    position: absolute;
    bottom: 10px;
    right: 10px;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    border: 2px solid var(--profile-card-bg);
}
.online-status-indicator.online { background-color: var(--profile-online-indicator); }
.online-status-indicator.offline { background-color: var(--profile-offline-indicator); }

.profile-details {
    flex-grow: 1;
    padding-bottom: 5px; 
    align-self: flex-end; /* Butonlarla aynı hizada olması için */
    min-width: 0; /* Uzun kullanıcı adlarının taşmasını engelle */
}
.profile-details h1 {
    font-size: clamp(1.5rem, 4vw, 1.8rem); /* Responsive kullanıcı adı */
    font-weight: 700;
    color: var(--profile-text-primary);
    margin-bottom: 0.15rem;
    line-height: 1.2;
    word-break: break-word;
}
.profile-meta-info {
    display: flex;
    flex-wrap: wrap; /* Küçük ekranlarda alt alta gelmesi için */
    align-items: center;
    gap: 0.5rem 0.75rem; /* Rozetler arası boşluk */
    margin-top: 0.3rem;
}
.profile-role {
    font-size: 0.8rem;
    font-weight: 600;
    padding: 0.25em 0.6em;
    border-radius: 0.25rem;
    display: inline-flex; 
    align-items: center;
    background-color: var(--profile-card-read-bg); /* Varsayılan rol için hafif arka plan */
    color: var(--profile-text-secondary); /* Varsayılan rol için renk */
    border: 1px solid var(--profile-border-color);
}
.profile-role i { margin-right: 0.4em; font-size: 0.9em; }
/* Rol renkleri (CSS değişkenlerinden) */
.profile-role[data-role-color] { /* Renk varsa uygula */
    background-color: transparent; /* Arka planı kaldır, sadece yazı rengi */
    border: none;
    padding-left: 0; /* İkonla hizalamak için */
}
.profile-role[data-role-color] i,
.profile-role[data-role-color] {
    color: var(--role-dynamic-color, var(--profile-text-muted)); /* JS ile set edilecek */
}

.user-title-badge.profile-title-badge {
    font-size: 0.8rem;
    padding: 0.25em 0.6em;
    border-radius: 0.25rem;
    font-weight: 500;
    background-color: var(--profile-button-secondary-bg); 
    color: var(--profile-button-secondary-text);
}
.membership-badge.profile-subscription-badge { /* Header'daki ile aynı stil */
    font-size: 0.8rem;
    padding: 0.25em 0.6em;
    border-radius: 1rem;
    font-weight: 600;
}
.profile-status-inactive {
    font-size: 0.75rem;
    color: var(--profile-text-muted);
    font-style: italic;
    display: block;
    margin-top: 0.3rem;
}

.profile-actions {
    display: flex;
    flex-wrap: wrap; /* Küçük ekranlarda butonlar alt alta gelebilir */
    gap: 0.6rem; 
    align-items: center; /* Butonları dikeyde ortala */
    padding-bottom: 5px; /* Detaylarla hizalamak için */
    margin-left: auto; 
}
.profile-actions .button {
    padding: 0.5rem 1rem; /* Buton boyutları küçültüldü */
    font-size: 0.85rem;
    font-weight: 500;
}
.profile-actions .friend-action-form { display: inline-block; }
.friend-request-actions-inline { display: flex; gap: 0.5rem; margin-top: 0.5rem; }

/* ==========================================================================
   Hakkımda, İstatistikler, İletişim Bölümleri
   ========================================================================== */
.profile-about .about-me-text {
    line-height: 1.75;
    font-size: 0.9rem;
    color: var(--profile-text-secondary);
}
.profile-stats .stats-container-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); 
    gap: 1rem; 
    padding-top: 0.5rem;
}
.profile-stats .stat-item-grid {
    background-color: var(--profile-page-bg); 
    padding: 1rem;
    border-radius: 0.375rem;
    text-align: center;
    border: 1px solid var(--profile-border-color);
}
.profile-stats .stat-icon {
    font-size: 1.5rem; /* İkon boyutu küçültüldü */
    color: var(--profile-stat-icon-color);
    margin-bottom: 0.5rem;
    display: inline-flex; /* inline-block yerine */
    align-items: center;
    justify-content: center;
    background-color: var(--profile-stat-icon-bg);
    width: 44px; /* Boyut ayarlandı */
    height: 44px;
    border-radius: 50%;
}
.profile-stats .stat-value {
    display: block;
    font-size: 1.3rem; /* Değer boyutu küçültüldü */
    font-weight: 600; /* Daha az kalın */
    color: var(--profile-text-primary);
    margin-bottom: 0.15rem;
    line-height: 1.2;
}
.profile-stats .stat-label {
    font-size: 0.78rem; /* Etiket boyutu küçültüldü */
    color: var(--profile-text-muted);
    text-transform: uppercase; 
    letter-spacing: 0.03em;
}

.profile-contact .list-layout-container.two-column-contact {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.25rem 1.5rem; /* Satır boşluğu azaltıldı */
}
@media (min-width: 600px) { /* Daha erken iki sütuna geçiş */
    .profile-contact .list-layout-container.two-column-contact {
        grid-template-columns: repeat(2, 1fr);
    }
}
.profile-contact .contact-list-item {
    display: flex;
    align-items: flex-start; /* İkon ve metin üstten hizalı */
    padding: 0.6rem 0; 
    border-bottom: 1px solid var(--profile-section-title-border);
    font-size: 0.875rem;
}
.profile-contact .contact-column:last-child .contact-list-item:last-child,
.profile-contact .list-layout-container.two-column-contact > .contact-column > .contact-list-item:last-child {
    border-bottom: none; 
}
.profile-contact .item-label {
    color: var(--profile-text-muted);
    flex-basis: 110px; 
    flex-shrink: 0;
    font-weight: 500;
    padding-top: 2px; /* Değer ile hizalamak için */
}
.profile-contact .item-label i {
    margin-right: 0.6rem;
    width: 18px;
    text-align: center;
    color: var(--profile-icon-default-color);
    font-size: 0.95em;
}
.profile-contact .item-value {
    color: var(--profile-text-primary);
    word-break: break-word; /* break-all yerine daha iyi */
    line-height: 1.4;
}
.profile-contact .contact-link {
    color: var(--profile-link-color);
    text-decoration: none;
    font-weight: 500;
}
.profile-contact .contact-link:hover {
    text-decoration: underline;
    color: var(--profile-link-hover-color);
}
.profile-contact .item-value-discord-handle {
    display: flex;
    align-items: center;
}
.profile-contact .copy-discord-handle-no-ajax {
    background: var(--profile-page-bg);
    border: 1px solid var(--profile-border-color);
    color: var(--profile-text-muted);
    padding: 1px 5px; /* Daha küçük */
    font-size: 0.7em;
    margin-left: 6px;
    border-radius: 0.2rem;
    cursor: pointer;
}
.profile-contact .copy-discord-handle-no-ajax:hover {
    background: var(--profile-border-color);
}
.profile-contact .no-contact-info {
    padding: 1rem 0;
    color: var(--profile-text-muted);
    font-style: italic;
    grid-column: 1 / -1; /* Eğer iki sütunluysa tüm genişliği kaplasın */
    text-align: center;
}

/* Üyelik Kartı Stilleri */
.profile-membership-card .section-title i {
    color: var(--profile-icon-warning-color); /* Yıldız için sarımsı */
}
.profile-membership-card .card-content {
    padding-bottom: 1.5rem;
}
.membership-badge {
    display: inline-flex;
    align-items: center;
    padding: 0.6em 1.2em; /* Daha dolgun rozet */
    font-size: 0.95rem;
    font-weight: 600;
    border-radius: 2rem; /* Tamamen yuvarlak kenarlar */
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
    text-transform: uppercase;
    letter-spacing: 0.05em;
}
.membership-badge i {
    margin-right: 0.6em;
    font-size: 1.1em;
}
.membership-description {
    font-size: 0.85rem;
    color: var(--profile-text-muted);
    margin-top: 0.75rem !important;
    max-width: 90%;
    margin-left: auto;
    margin-right: auto;
}

/* Mobil uyumluluk için eklemeler */
@media (max-width: 991px) { 
    .profile-info-bar {
        flex-direction: column;
        align-items: center;
        text-align: center;
        margin-top: -65px; /* Avatar için biraz daha fazla yer */
        padding-top: 75px; 
    }
    .profile-avatar-wrapper { margin-right: 0; margin-bottom: 0.75rem; }
    .profile-avatar { width: 130px; height: 130px; }
    .profile-details h1 { font-size: 1.6rem; }
    .profile-actions { margin-top: 1rem; justify-content: center; }
}

@media (max-width: 576px) { 
    .profile-page .left-sidebar { display: none; }
    .profile-banner { height: 180px; }
    .profile-avatar { width: 100px; height: 100px; border-width: 3px; }
    .online-status-indicator { width: 14px; height: 14px; bottom: 8px; right: 8px; border-width: 2px;}
    .profile-info-bar { margin-top: -50px; padding-top: 60px; padding-left: 1rem; padding-right: 1rem; }
    .profile-details h1 { font-size: 1.4rem; }
    .profile-actions .button { padding: 0.4rem 0.8rem; font-size: 0.8rem; }
    .profile-stats .stats-container-grid { grid-template-columns: 1fr; gap: 0.75rem; }
    .profile-stats .stat-item-grid { padding: 0.75rem; }
    .profile-stats .stat-value { font-size: 1.2rem; }
    .profile-contact .list-layout-container.two-column-contact { grid-template-columns: 1fr; }
    .profile-contact .contact-list-item { padding: 0.5rem 0; font-size: 0.85rem; }
    .profile-page .section-title { font-size: 1.1rem; padding: 0.8rem 1rem; }
    .profile-page .card-content { padding: 1rem; }
}
:root {
    --profile-font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    --profile-heading-font-family: 'Poppins', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;

    /* Varsayılan (Gece Modu) Renkler - index.php ile uyumlu */
    --profile-page-bg: #111827; 
    --profile-card-bg: #1f293b; 
    --profile-card-border: #374151; 
    --profile-card-shadow: 0 5px 15px rgba(0, 0, 0, 0.25); 
    --profile-card-header-bg: #2b3444; 
    
    --profile-text-primary: #f3f4f6;    
    --profile-text-secondary: #9ca3af; 
    --profile-text-muted: #6b7280;   
    
    --profile-link-color: #60a5fa;       
    --profile-link-hover-color: #93c5fd; 
    
    --profile-button-primary-bg: var(--profile-link-color);
    --profile-button-primary-text: #111827;
    --profile-button-primary-hover-bg: var(--profile-link-hover-color);
    --profile-button-secondary-bg: #374151; 
    --profile-button-secondary-text: #f3f4f6;
    --profile-button-secondary-hover-bg: #4b5569; 
    --profile-button-success-bg: #059669;
    --profile-button-success-text: #ffffff;
    --profile-button-success-hover-bg: #047857; 
    --profile-button-warning-bg: #d97706;
    --profile-button-warning-text: #ffffff;
    --profile-button-warning-hover-bg: #b45309; 
    --profile-button-danger-bg: #dc2626;
    --profile-button-danger-text: #ffffff;
    --profile-button-danger-hover-bg: #b91c1c; 

    --profile-stat-icon-bg: rgba(96, 165, 250, 0.1); 
    --profile-stat-icon-color: var(--profile-link-color);
    --profile-stat-value-color: var(--profile-text-primary);
    --profile-stat-label-color: var(--profile-text-muted);
    
    --profile-section-title-border: #374151;
    
    /* Rol Rozetleri İçin Renkler (Gece Tema Varsayılan) */
    --profile-role-admin-bg: #7f1d1d; /* Koyu Kırmızı (Tailwind Red 800 gibi) */
    --profile-role-admin-text: #fecaca; /* Açık Kırmızı (Tailwind Red 200 gibi) */
    --profile-role-admin-border: #991b1b; /* Biraz daha koyu kırmızı kenarlık (Tailwind Red 700) */

    --profile-role-moderator-bg: #78350f; 
    --profile-role-moderator-text: #fde68a; 
    --profile-role-moderator-border: #92400e; /* Koyu Turuncu kenarlık */

    --profile-role-user-bg: #312e81; 
    --profile-role-user-text: #c7d2fe; 
    --profile-role-user-border: #3730a3; /* Koyu İndigo kenarlık */
    
    --profile-online-indicator: #34d399; 
    --profile-offline-indicator: #64748b;
    
    --profile-subscription-badge-default-bg: #7c3aed; 
    --profile-subscription-badge-default-text: #f5f3ff; 
}

body.light-theme {
    --profile-page-bg: #f0f2f5; 
    --profile-card-bg: #ffffff;
    --profile-card-border: #dfe6ee;
    --profile-card-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
    --profile-card-header-bg: #f9fafb;
    
    --profile-text-primary: #1f2937;     
    --profile-text-secondary: #4b5563;  
    --profile-text-muted: #6b7280;      
    
    --profile-link-color: #2563eb;      
    --profile-link-hover-color: #1d4ed8;
    
    --profile-button-primary-bg: var(--profile-link-color);
    --profile-button-primary-text: #ffffff;
    --profile-button-primary-hover-bg: var(--profile-link-hover-color);
    --profile-button-secondary-bg: #e5e7eb; 
    --profile-button-secondary-text: #374151; 
    --profile-button-secondary-hover-bg: #d1d5db; 
    --profile-button-success-bg: #10b981; 
    --profile-button-success-text: #ffffff;
    --profile-button-success-hover-bg: #059669; 
    --profile-button-warning-bg: #f59e0b; 
    --profile-button-warning-text: #ffffff;
    --profile-button-warning-hover-bg: #d97706; 
    --profile-button-danger-bg: #ef4444;  
    --profile-button-danger-text: #ffffff;
    --profile-button-danger-hover-bg: #dc2626; 

    --profile-stat-icon-bg: rgba(37, 99, 235, 0.08);
    --profile-stat-icon-color: var(--profile-link-color);
    --profile-stat-value-color: var(--profile-text-primary);
    --profile-stat-label-color: var(--profile-text-muted);
    
    --profile-section-title-border: #e5e7eb;
    
    /* Rol Rozetleri İçin Renkler (Açık Tema) */
    --profile-role-admin-bg: #fee2e2; 
    --profile-role-admin-text: #b91c1c; 
    --profile-role-admin-border: #fca5a5; /* Açık Kırmızı kenarlık (Tailwind Red 300) */

    --profile-role-moderator-bg: #fef3c7; 
    --profile-role-moderator-text: #b45309; 
    --profile-role-moderator-border: #fcd34d; /* Açık Turuncu kenarlık */

    --profile-role-user-bg: #e0e7ff; 
    --profile-role-user-text: #3730a3; 
    --profile-role-user-border: #c7d2fe; /* Açık İndigo kenarlık */
    
    --profile-online-indicator: #22c55e; 
    --profile-offline-indicator: #9ca3af; 
    
    --profile-subscription-badge-default-bg: #8b5cf6; 
    --profile-subscription-badge-default-text: #ffffff;
}

.profile-page { background-color: var(--profile-page-bg); font-family: var(--profile-font-family); color: var(--profile-text-secondary); }
.profile-page .container.page-layout { display: flex; flex-wrap: wrap; gap: 24px; margin-top: 24px; padding-bottom: 24px; }
.profile-page .left-sidebar { flex: 1 1 280px; max-width: 320px; }
.profile-page .main-column { flex: 3 1 600px; min-width: 0; }
.profile-page .card { background-color: var(--profile-card-bg); border: 1px solid var(--profile-card-border); border-radius: 0.75rem; box-shadow: var(--profile-card-shadow); margin-bottom: 24px; color: var(--profile-text-secondary); }
.profile-page .section-title { font-family: var(--profile-heading-font-family); font-size: 1.2rem; font-weight: 600; color: var(--profile-text-primary); padding: 1.25rem 1.75rem; margin:0; border-bottom: 1px solid var(--profile-section-title-border); display: flex; align-items: center; background-color: var(--profile-card-header-bg); border-top-left-radius: 0.75rem; border-top-right-radius: 0.75rem;}
.profile-page .section-title i { margin-right: 0.8rem; color: var(--profile-text-muted); font-size: 1.15em; }
.profile-page .card-content { padding: 1.75rem; }

.profile-header { position: relative; overflow: hidden; margin-bottom: 24px; }
.profile-banner { height: 280px; background-size: cover; background-position: center; border-radius: 0.75rem 0.75rem 0 0; }
.profile-info-bar { padding: 0 2rem 1.5rem 2rem; display: flex; align-items: flex-end; position: relative; margin-top: -90px; }
.profile-avatar-wrapper { margin-right: 1.75rem; flex-shrink: 0; position: relative; }
.profile-avatar { width: 170px; height: 170px; border-radius: 50%; border: 6px solid var(--profile-card-bg); box-shadow: 0 8px 25px rgba(0,0,0,0.15); object-fit: cover; background-color: var(--profile-card-bg); }
.online-status-indicator-avatar { position: absolute; bottom: 15px; right: 15px; width: 22px; height: 22px; border-radius: 50%; border: 3px solid var(--profile-card-bg); }
.online-status-indicator-avatar.online { background-color: var(--profile-online-indicator); }
.online-status-indicator-avatar.offline { background-color: var(--profile-offline-indicator); }

.profile-details { flex-grow: 1; padding-bottom: 10px; align-self: flex-end; min-width: 0; }
.profile-details h1 { font-family: var(--profile-heading-font-family); font-size: clamp(1.7rem, 4.5vw, 2.4rem); font-weight: 700; color: var(--profile-text-primary); margin-bottom: 0.35rem; line-height: 1.25; word-break: break-word; text-shadow: 0 1px 2px rgba(0,0,0,0.05); }
body:not(.light-theme) .profile-details h1 { text-shadow: 0 1px 1px rgba(0,0,0,0.2); }
.profile-meta-info { display: flex; flex-wrap: wrap; align-items: center; gap: 0.6rem 0.8rem; margin-top: 0.6rem; }

/* GENEL ROZET STİLLERİ (Rol, Unvan, Abonelik için ortak temel) */
.user-role-badge, 
.user-title-badge.profile-title-badge, 
.membership-badge.profile-subscription-badge { 
    font-size: 0.8rem; 
    font-weight: 500; 
    padding: 0.4em 0.9em; 
    border-radius: 0.375rem; 
    display: inline-flex; 
    align-items: center; 
    letter-spacing: 0.02em;
    line-height: 1.4; 
    border: 1px solid transparent; /* Kenarlık için yer aç */
    box-shadow: 0 1px 2px rgba(0,0,0,0.05); 
}
.user-role-badge i,
.membership-badge.profile-subscription-badge i { 
    margin-right: 0.5em; 
    font-size: 0.95em; 
}

/* ROL ROZETLERİ İÇİN ÖZEL STİLLER */
.user-role-badge.role-admin {
    background-color: var(--profile-role-admin-bg);
    color: var(--profile-role-admin-text);
    border-color: var(--profile-role-admin-border); /* Kenarlık rengi eklendi */
}
.user-role-badge.role-moderator {
    background-color: var(--profile-role-moderator-bg);
    color: var(--profile-role-moderator-text);
    border-color: var(--profile-role-moderator-border);
}
.user-role-badge.role-user { 
    background-color: var(--profile-role-user-bg);
    color: var(--profile-role-user-text);
    border-color: var(--profile-role-user-border);
}

/* KULLANICI UNVANI ROZETİ */
.user-title-badge.profile-title-badge { 
    background-color: var(--profile-button-secondary-bg); 
    color: var(--profile-button-secondary-text);
    border-color: var(--profile-button-secondary-bg); 
}

/* ABONELİK ROZETİ */
.membership-badge.profile-subscription-badge { 
    background-color: var(--profile-subscription-badge-default-bg); 
    color: var(--profile-subscription-badge-default-text); 
    border-color: var(--profile-subscription-badge-default-bg);
}
.profile-status-inactive { font-size: 0.8rem; color: var(--profile-text-muted); font-style: italic; display: block; margin-top: 0.4rem; }

.profile-actions { display: flex; flex-wrap: wrap; gap: 0.8rem; align-items: center; padding-bottom: 10px; margin-left: auto; }
.profile-actions .button { padding: 0.6rem 1.2rem; font-size: 0.9rem; font-weight: 500; border-radius: 0.375rem; text-decoration: none; display: inline-flex; align-items: center; gap: 0.5rem; transition: all 0.2s ease-in-out; box-shadow: 0 1px 3px rgba(0,0,0,0.08); }
.profile-actions .button:hover { transform: translateY(-2px); box-shadow: 0 4px 10px rgba(0,0,0,0.12); }
.profile-actions .button-primary { background-color: var(--profile-button-primary-bg); color: var(--profile-button-primary-text); border: 1px solid transparent; }
.profile-actions .button-primary:hover { background-color: var(--profile-button-primary-hover-bg); }
.profile-actions .button-secondary { background-color: var(--profile-button-secondary-bg); color: var(--profile-button-secondary-text); border: 1px solid var(--profile-button-secondary-bg); }
.profile-actions .button-secondary:hover { background-color: var(--profile-button-secondary-hover-bg); }
.profile-actions .friend-action-form .button { margin-left: 0; }
.friend-status-text { display: inline-block; padding: 0.6rem 1.2rem; font-size: 0.9rem; color: var(--profile-text-muted); background-color: var(--profile-card-read-bg); border-radius: 0.375rem; margin-left: 0.75rem; border: 1px solid var(--profile-border-color); }
.friend-request-actions-inline { display: flex; gap: 0.6rem; }

.profile-about .about-me-text { line-height: 1.8; font-size: 0.95rem; color: var(--profile-text-secondary); }
.profile-stats .stats-container-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 1.5rem; padding-top: 0.5rem; }
.profile-stats .stat-item-grid { background-color: var(--profile-page-bg); padding: 1.5rem 1rem; border-radius: 0.5rem; text-align: center; border: 1px solid var(--profile-border-color); transition: transform 0.2s ease, box-shadow 0.2s ease; }
.profile-stats .stat-item-grid:hover { transform: translateY(-4px); box-shadow: 0 8px 16px rgba(0,0,0,0.08); }
body:not(.light-theme) .profile-stats .stat-item-grid:hover { box-shadow: 0 8px 16px rgba(0,0,0,0.2); }
.profile-stats .stat-icon { font-size: 1.75rem; color: var(--profile-stat-icon-color); margin-bottom: 0.75rem; display: inline-flex; align-items: center; justify-content: center; background-color: var(--profile-stat-icon-bg); width: 56px; height: 56px; line-height: 56px; border-radius: 50%; }
.profile-stats .stat-value { display: block; font-size: 1.6rem; font-weight: 600; color: var(--profile-stat-value-color); margin-bottom: 0.25rem; line-height: 1.2; }
.profile-stats .stat-value .online-text-indicator { color: var(--profile-online-indicator); font-weight: 600; }
.profile-stats .stat-label { font-size: 0.8rem; color: var(--profile-stat-label-color); text-transform: uppercase; letter-spacing: 0.04em; }

.profile-contact .list-layout-container.two-column-contact { display: grid; grid-template-columns: 1fr; gap: 0.5rem 1.75rem; }
@media (min-width: 768px) { .profile-contact .list-layout-container.two-column-contact { grid-template-columns: repeat(2, 1fr); } }
.profile-contact .contact-list-item { display: flex; align-items: flex-start; padding: 0.8rem 0; border-bottom: 1px solid var(--profile-section-title-border); font-size: 0.92rem; }
.profile-contact .contact-column:last-child .contact-list-item:last-child,
.profile-contact .list-layout-container.two-column-contact > .contact-column > .contact-list-item:last-child { border-bottom: none; }
.profile-contact .item-label { color: var(--profile-text-muted); flex-basis: 130px; flex-shrink: 0; font-weight: 500; padding-top: 1px; }
.profile-contact .item-label i { margin-right: 0.85rem; width: 18px; text-align: center; color: var(--profile-icon-default-color); font-size: 1.05em; }
.profile-contact .item-value { color: var(--profile-text-primary); word-break: break-word; line-height: 1.5; }
.profile-contact .contact-link { color: var(--profile-link-color); text-decoration: none; font-weight: 500; }
.profile-contact .contact-link:hover { text-decoration: underline; color: var(--profile-link-hover-color); }
.profile-contact .no-contact-info { padding: 1.5rem 0; color: var(--profile-text-muted); font-style: italic; grid-column: 1 / -1; text-align: center; font-size: 0.9rem; }

.profile-membership-card .section-title i { color: var(--profile-icon-warning-color); }
.profile-membership-card .card-content { padding-bottom: 1.75rem; }
.membership-badge { display: inline-flex; align-items: center; padding: 0.6em 1.3em; font-size: 0.95rem; font-weight: 600; border-radius: 2rem; box-shadow: 0 3px 8px rgba(0,0,0,0.15); text-transform: uppercase; letter-spacing: 0.05em; }
.membership-badge i { margin-right: 0.7em; font-size: 1.1em; }
.membership-description { font-size: 0.9rem; color: var(--profile-text-muted); margin-top: 1rem !important; max-width: 95%; margin-left: auto; margin-right: auto; line-height: 1.6; }

@media (max-width: 991px) { 
    .profile-info-bar { flex-direction: column; align-items: center; text-align: center; margin-top: -75px; padding-top: 85px; }
    .profile-avatar-wrapper { margin-right: 0; margin-bottom: 1rem; }
    .profile-avatar { width: 150px; height: 150px; }
    .online-status-indicator-avatar {bottom: 12px; right: 12px; width: 20px; height: 20px;}
    .profile-details h1 { font-size: 1.8rem; }
    .profile-actions { margin-top: 1.25rem; justify-content: center; width: 100%; }
}
@media (max-width: 576px) { 
    .profile-page .left-sidebar { display: none; }
    .profile-banner { height: 220px; }
    .profile-avatar { width: 130px; height: 130px; border-width: 4px; }
    .online-status-indicator-avatar {width: 18px; height: 18px; bottom: 10px; right: 10px;}
    .profile-info-bar { margin-top: -65px; padding-top: 75px; }
    .profile-details h1 { font-size: 1.6rem; }
    .profile-actions .button { padding: 0.5rem 1rem; font-size: 0.85rem; width: 100%; margin-bottom: 0.5rem; }
    .profile-actions .friend-action-form { width: 100%; }
    .profile-actions .friend-action-form .button { width: 100%; }
    .friend-request-actions-inline { flex-direction:column; width:100%;}
    .friend-request-actions-inline .button { width:100%; margin-bottom: 0.5rem;}
    .profile-stats .stats-container-grid { grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)); gap: 1rem; }
    .profile-stats .stat-item-grid { padding: 1rem; }
    .profile-stats .stat-value { font-size: 1.3rem; }
    .profile-contact .list-layout-container.two-column-contact { grid-template-columns: 1fr; }
    .profile-contact .contact-list-item { padding: 0.6rem 0; font-size: 0.9rem; }
    .profile-page .section-title { font-size: 1.15rem; padding: 1rem 1.25rem; }
    .profile-page .card-content { padding: 1.25rem; }
}
:root {
    --profile-font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    --profile-heading-font-family: 'Poppins', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    --profile-page-bg: #111827; 
    --profile-card-bg: #1f293b; 
    --profile-card-border: #374151; 
    --profile-card-shadow: 0 5px 15px rgba(0, 0, 0, 0.25); 
    --profile-card-header-bg: #2b3444; 
    --profile-text-primary: #f3f4f6;    
    --profile-text-secondary: #9ca3af; 
    --profile-text-muted: #6b7280;   
    --profile-link-color: #60a5fa;       
    --profile-link-hover-color: #93c5fd; 
    --profile-button-primary-bg: var(--profile-link-color);
    --profile-button-primary-text: #111827;
    --profile-button-primary-hover-bg: var(--profile-link-hover-color);
    --profile-button-secondary-bg: #374151; 
    --profile-button-secondary-text: #f3f4f6;
    --profile-button-secondary-hover-bg: #4b5569; 
    --profile-button-success-bg: #059669;
    --profile-button-success-text: #ffffff;
    --profile-button-success-hover-bg: #047857; 
    --profile-button-warning-bg: #d97706;
    --profile-button-warning-text: #ffffff;
    --profile-button-warning-hover-bg: #b45309; 
    --profile-button-danger-bg: #dc2626;
    --profile-button-danger-text: #ffffff;
    --profile-button-danger-hover-bg: #b91c1c; 
    --profile-stat-icon-bg: rgba(96, 165, 250, 0.1); 
    --profile-stat-icon-color: var(--profile-link-color);
    --profile-stat-value-color: var(--profile-text-primary);
    --profile-stat-label-color: var(--profile-text-muted);
    --profile-section-title-border: #374151;
    --profile-role-admin-bg: #7f1d1d; 
    --profile-role-admin-text: #fecaca; 
    --profile-role-admin-border: #991b1b; 
    --profile-role-moderator-bg: #78350f; 
    --profile-role-moderator-text: #fde68a; 
    --profile-role-moderator-border: #92400e; 
    --profile-role-user-bg: #312e81; 
    --profile-role-user-text: #c7d2fe; 
    --profile-role-user-border: #3730a3; 
    --profile-online-indicator: #34d399; 
    --profile-offline-indicator: #64748b;
    --profile-subscription-badge-default-bg: #7c3aed; 
    --profile-subscription-badge-default-text: #f5f3ff; 
}

body.light-theme {
    --profile-page-bg: #f0f2f5; 
    --profile-card-bg: #ffffff;
    --profile-card-border: #dfe6ee;
    --profile-card-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
    --profile-card-header-bg: #f9fafb;
    --profile-text-primary: #1f2937;     
    --profile-text-secondary: #4b5563;  
    --profile-text-muted: #6b7280;      
    --profile-link-color: #2563eb;      
    --profile-link-hover-color: #1d4ed8;
    --profile-button-primary-bg: var(--profile-link-color);
    --profile-button-primary-text: #ffffff;
    --profile-button-primary-hover-bg: var(--profile-link-hover-color);
    --profile-button-secondary-bg: #e5e7eb; 
    --profile-button-secondary-text: #374151; 
    --profile-button-secondary-hover-bg: #d1d5db; 
    --profile-button-success-bg: #10b981; 
    --profile-button-success-text: #ffffff;
    --profile-button-success-hover-bg: #059669; 
    --profile-button-warning-bg: #f59e0b; 
    --profile-button-warning-text: #ffffff;
    --profile-button-warning-hover-bg: #d97706; 
    --profile-button-danger-bg: #ef4444;  
    --profile-button-danger-text: #ffffff;
    --profile-button-danger-hover-bg: #dc2626; 
    --profile-stat-icon-bg: rgba(37, 99, 235, 0.08);
    --profile-stat-icon-color: var(--profile-link-color);
    --profile-stat-value-color: var(--profile-text-primary);
    --profile-stat-label-color: var(--profile-text-muted);
    --profile-section-title-border: #e5e7eb;
    --profile-role-admin-bg: #fee2e2; 
    --profile-role-admin-text: #b91c1c; 
    --profile-role-admin-border: #fca5a5; 
    --profile-role-moderator-bg: #fef3c7; 
    --profile-role-moderator-text: #b45309; 
    --profile-role-moderator-border: #fcd34d; 
    --profile-role-user-bg: #e0e7ff; 
    --profile-role-user-text: #3730a3; 
    --profile-role-user-border: #c7d2fe; 
    --profile-online-indicator: #22c55e; 
    --profile-offline-indicator: #9ca3af; 
    --profile-subscription-badge-default-bg: #8b5cf6; 
    --profile-subscription-badge-default-text: #ffffff;
}

.profile-page { background-color: var(--profile-page-bg); font-family: var(--profile-font-family); color: var(--profile-text-secondary); }
.profile-page .container.page-layout { display: flex; flex-wrap: wrap; gap: 24px; margin-top: 24px; padding-bottom: 24px; }
.profile-page .left-sidebar { flex: 1 1 280px; max-width: 320px; }
.profile-page .main-column { flex: 3 1 600px; min-width: 0; }
.profile-page .card { background-color: var(--profile-card-bg); border: 1px solid var(--profile-card-border); border-radius: 0.75rem; box-shadow: var(--profile-card-shadow); margin-bottom: 24px; color: var(--profile-text-secondary); }
.profile-page .section-title { font-family: var(--profile-heading-font-family); font-size: 1.2rem; font-weight: 600; color: var(--profile-text-primary); padding: 1.25rem 1.75rem; margin:0; border-bottom: 1px solid var(--profile-section-title-border); display: flex; align-items: center; background-color: var(--profile-card-header-bg); border-top-left-radius: 0.75rem; border-top-right-radius: 0.75rem;}
.profile-page .section-title i { margin-right: 0.8rem; color: var(--profile-text-muted); font-size: 1.15em; }
.profile-page .card-content { padding: 1.75rem; }

.profile-header { position: relative; overflow: hidden; margin-bottom: 24px; }
.profile-banner { height: 280px; background-size: cover; background-position: center; border-radius: 0.75rem 0.75rem 0 0; }
.profile-info-bar { padding: 0 2rem 1.5rem 2rem; display: flex; align-items: flex-end; position: relative; margin-top: -90px; }
.profile-avatar-wrapper { margin-right: 1.75rem; flex-shrink: 0; position: relative; }
.profile-avatar { width: 170px; height: 170px; border-radius: 50%; border: 6px solid var(--profile-card-bg); box-shadow: 0 8px 25px rgba(0,0,0,0.15); object-fit: cover; background-color: var(--profile-card-bg); }
.online-status-indicator-avatar { position: absolute; bottom: 15px; right: 15px; width: 22px; height: 22px; border-radius: 50%; border: 3px solid var(--profile-card-bg); }
.online-status-indicator-avatar.online { background-color: var(--profile-online-indicator); }
.online-status-indicator-avatar.offline { background-color: var(--profile-offline-indicator); }

.profile-details { flex-grow: 1; padding-bottom: 10px; align-self: flex-end; min-width: 0; }
.profile-details h1 { font-family: var(--profile-heading-font-family); font-size: clamp(1.7rem, 4.5vw, 2.4rem); font-weight: 700; color: var(--profile-text-primary); margin-bottom: 0.35rem; line-height: 1.25; word-break: break-word; text-shadow: 0 1px 2px rgba(0,0,0,0.05); }
body:not(.light-theme) .profile-details h1 { text-shadow: 0 1px 1px rgba(0,0,0,0.2); }
.profile-meta-info { display: flex; flex-wrap: wrap; align-items: center; gap: 0.5rem 0.75rem; margin-top: 0.6rem; }

.user-role-badge, 
.user-title-badge.profile-title-badge, 
.membership-badge.profile-subscription-badge { 
    font-size: 0.82rem; 
    font-weight: 500; 
    padding: 0.45em 1em; /* Padding biraz artırıldı ve eşitlendi */
    border-radius: 0.375rem; 
    display: inline-flex; 
    align-items: center; 
    letter-spacing: 0.02em;
    line-height: 1.5; /* Dikey hizalama için eklendi */
    border: 1px solid transparent;
    box-shadow: 0 1px 2px rgba(0,0,0,0.05); 
    text-transform: capitalize; /* İlk harf büyük, diğerleri küçük */
}
.user-role-badge i,
.membership-badge.profile-subscription-badge i { 
    margin-right: 0.5em; 
    font-size: 0.95em; 
}

.user-role-badge.role-admin {
    background-color: var(--profile-role-admin-bg);
    color: var(--profile-role-admin-text);
    border-color: var(--profile-role-admin-border); 
}
.user-role-badge.role-moderator {
    background-color: var(--profile-role-moderator-bg);
    color: var(--profile-role-moderator-text);
    border-color: var(--profile-role-moderator-border);
}
.user-role-badge.role-user { 
    background-color: var(--profile-role-user-bg);
    color: var(--profile-role-user-text);
    border-color: var(--profile-role-user-border);
}

.user-title-badge.profile-title-badge { 
    background-color: var(--profile-button-secondary-bg); 
    color: var(--profile-button-secondary-text);
    border-color: var(--profile-button-secondary-bg); 
}
.membership-badge.profile-subscription-badge { 
    background-color: var(--profile-subscription-badge-default-bg); 
    color: var(--profile-subscription-badge-default-text); 
    border-color: var(--profile-subscription-badge-default-bg);
}
.profile-status-inactive { font-size: 0.8rem; color: var(--profile-text-muted); font-style: italic; display: block; margin-top: 0.4rem; }

.profile-actions { display: flex; flex-wrap: wrap; gap: 0.8rem; align-items: center; padding-bottom: 10px; margin-left: auto; }
.profile-actions .button { padding: 0.6rem 1.2rem; font-size: 0.9rem; font-weight: 500; border-radius: 0.375rem; text-decoration: none; display: inline-flex; align-items: center; gap: 0.5rem; transition: all 0.2s ease-in-out; box-shadow: 0 1px 3px rgba(0,0,0,0.08); }
.profile-actions .button:hover { transform: translateY(-2px); box-shadow: 0 4px 10px rgba(0,0,0,0.12); }
.profile-actions .button-primary { background-color: var(--profile-button-primary-bg); color: var(--profile-button-primary-text); border: 1px solid transparent; }
.profile-actions .button-primary:hover { background-color: var(--profile-button-primary-hover-bg); }
.profile-actions .button-secondary { background-color: var(--profile-button-secondary-bg); color: var(--profile-button-secondary-text); border: 1px solid var(--profile-button-secondary-bg); }
.profile-actions .button-secondary:hover { background-color: var(--profile-button-secondary-hover-bg); }
.profile-actions .friend-action-form .button { margin-left: 0; }
.friend-status-text { display: inline-block; padding: 0.6rem 1.2rem; font-size: 0.9rem; color: var(--profile-text-muted); background-color: var(--profile-card-read-bg); border-radius: 0.375rem; margin-left: 0.75rem; border: 1px solid var(--profile-border-color); }
.friend-request-actions-inline { display: flex; gap: 0.6rem; }

.profile-about .about-me-text { line-height: 1.8; font-size: 0.95rem; color: var(--profile-text-secondary); }
.profile-stats .stats-container-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 1.5rem; padding-top: 0.5rem; }
.profile-stats .stat-item-grid { background-color: var(--profile-page-bg); padding: 1.5rem 1rem; border-radius: 0.5rem; text-align: center; border: 1px solid var(--profile-border-color); transition: transform 0.2s ease, box-shadow 0.2s ease; }
.profile-stats .stat-item-grid:hover { transform: translateY(-4px); box-shadow: 0 8px 16px rgba(0,0,0,0.08); }
body:not(.light-theme) .profile-stats .stat-item-grid:hover { box-shadow: 0 8px 16px rgba(0,0,0,0.2); }
.profile-stats .stat-icon { font-size: 1.75rem; color: var(--profile-stat-icon-color); margin-bottom: 0.75rem; display: inline-flex; align-items: center; justify-content: center; background-color: var(--profile-stat-icon-bg); width: 56px; height: 56px; line-height: 56px; border-radius: 50%; }
.profile-stats .stat-value { display: block; font-size: 1.6rem; font-weight: 600; color: var(--profile-stat-value-color); margin-bottom: 0.25rem; line-height: 1.2; }
.profile-stats .stat-value .online-text-indicator { color: var(--profile-online-indicator); font-weight: 600; }
.profile-stats .stat-label { font-size: 0.8rem; color: var(--profile-stat-label-color); text-transform: uppercase; letter-spacing: 0.04em; }

.profile-contact .list-layout-container.two-column-contact { display: grid; grid-template-columns: 1fr; gap: 0.5rem 1.75rem; }
@media (min-width: 768px) { .profile-contact .list-layout-container.two-column-contact { grid-template-columns: repeat(2, 1fr); } }
.profile-contact .contact-list-item { display: flex; align-items: flex-start; padding: 0.8rem 0; border-bottom: 1px solid var(--profile-section-title-border); font-size: 0.92rem; }
.profile-contact .contact-column:last-child .contact-list-item:last-child,
.profile-contact .list-layout-container.two-column-contact > .contact-column > .contact-list-item:last-child { border-bottom: none; }
.profile-contact .item-label { color: var(--profile-text-muted); flex-basis: 130px; flex-shrink: 0; font-weight: 500; padding-top: 1px; }
.profile-contact .item-label i { margin-right: 0.85rem; width: 18px; text-align: center; color: var(--profile-icon-default-color); font-size: 1.05em; }
.profile-contact .item-value { color: var(--profile-text-primary); word-break: break-word; line-height: 1.5; }
.profile-contact .contact-link { color: var(--profile-link-color); text-decoration: none; font-weight: 500; }
.profile-contact .contact-link:hover { text-decoration: underline; color: var(--profile-link-hover-color); }
.profile-contact .no-contact-info { padding: 1.5rem 0; color: var(--profile-text-muted); font-style: italic; grid-column: 1 / -1; text-align: center; font-size: 0.9rem; }

.profile-membership-card .section-title i { color: var(--profile-icon-warning-color); }
.profile-membership-card .card-content { padding-bottom: 1.75rem; }
.membership-badge { display: inline-flex; align-items: center; padding: 0.6em 1.3em; font-size: 0.95rem; font-weight: 600; border-radius: 2rem; box-shadow: 0 3px 8px rgba(0,0,0,0.15); text-transform: uppercase; letter-spacing: 0.05em; }
.membership-badge i { margin-right: 0.7em; font-size: 1.1em; }
.membership-description { font-size: 0.9rem; color: var(--profile-text-muted); margin-top: 1rem !important; max-width: 95%; margin-left: auto; margin-right: auto; line-height: 1.6; }

@media (max-width: 991px) { 
    .profile-info-bar { flex-direction: column; align-items: center; text-align: center; margin-top: -75px; padding-top: 85px; }
    .profile-avatar-wrapper { margin-right: 0; margin-bottom: 1rem; }
    .profile-avatar { width: 150px; height: 150px; }
    .online-status-indicator-avatar {bottom: 12px; right: 12px; width: 20px; height: 20px;}
    .profile-details h1 { font-size: 1.8rem; }
    .profile-actions { margin-top: 1.25rem; justify-content: center; width: 100%; }
}
@media (max-width: 576px) { 
    .profile-page .left-sidebar { display: none; }
    .profile-banner { height: 220px; }
    .profile-avatar { width: 130px; height: 130px; border-width: 4px; }
    .online-status-indicator-avatar {width: 18px; height: 18px; bottom: 10px; right: 10px;}
    .profile-info-bar { margin-top: -65px; padding-top: 75px; }
    .profile-details h1 { font-size: 1.6rem; }
    .profile-actions .button { padding: 0.5rem 1rem; font-size: 0.85rem; width: 100%; margin-bottom: 0.5rem; }
    .profile-actions .friend-action-form { width: 100%; }
    .profile-actions .friend-action-form .button { width: 100%; }
    .friend-request-actions-inline { flex-direction:column; width:100%;}
    .friend-request-actions-inline .button { width:100%; margin-bottom: 0.5rem;}
    .profile-stats .stats-container-grid { grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)); gap: 1rem; }
    .profile-stats .stat-item-grid { padding: 1rem; }
    .profile-stats .stat-value { font-size: 1.3rem; }
    .profile-contact .list-layout-container.two-column-contact { grid-template-columns: 1fr; }
    .profile-contact .contact-list-item { padding: 0.6rem 0; font-size: 0.9rem; }
    .profile-page .section-title { font-size: 1.15rem; padding: 1rem 1.25rem; }
    .profile-page .card-content { padding: 1.25rem; }
}

.profile-about .about-me-text {
  white-space: pre-wrap;
  word-break: break-word;
  overflow-wrap: anywhere;
}
/* Sol Sidebar Genişlik Ayarı */
.profile-page .left-sidebar { 
    flex: 0 0 250px; /* Ana sayfadaki gibi daha dar */
    max-width: 260px; 
}
.profile-header { 
    position: relative; 
    overflow: hidden; /* Banner için */
    margin-bottom: 24px; 
}
.profile-banner { 
    height: 280px; 
    background-size: cover; 
    background-position: center; 
    border-radius: 0.75rem 0.75rem 0 0; 
}
.profile-info-bar { 
    padding: 0 2rem 1.5rem 2rem; 
    display: flex; 
    align-items: flex-end; 
    position: relative; 
    margin-top: -90px; 
}
.profile-avatar-wrapper { 
    margin-right: 1.75rem; 
    flex-shrink: 0; 
    position: relative; 
}
.profile-avatar { 
    width: 170px; 
    height: 170px; 
    border-radius: 50%; 
    border: 6px solid var(--profile-card-bg); 
    box-shadow: 0 8px 25px rgba(0,0,0,0.15); 
    object-fit: cover; 
    background-color: var(--profile-card-bg); 
}
.online-status-indicator-avatar { /* Avatar altındaki nokta kaldırıldı (display: none) */
    display: none; 
}

.profile-details { 
    flex-grow: 1; 
    padding-bottom: 10px; 
    align-self: flex-end; 
    min-width: 0; 
}
.profile-details h1 { 
    font-family: var(--profile-heading-font-family); 
    font-size: clamp(1.7rem, 4.5vw, 2.4rem); 
    font-weight: 700; 
    color: var(--profile-text-primary); 
    margin-bottom: 0.35rem; 
    line-height: 1.25; 
    word-break: break-word; 
    text-shadow: 0 1px 2px rgba(0,0,0,0.05); 
}
body:not(.light-theme) .profile-details h1 { 
    text-shadow: 0 1px 1px rgba(0,0,0,0.2); 
}
/* Rozetlerin (Admin, Web Geliştirici vb.) bulunduğu alan */
.profile-meta-info { 
    display: flex; 
    flex-wrap: wrap; 
    align-items: center; /* Dikeyde ortalamak için */
    gap: 0.6rem 0.8rem; /* Rozetler arası boşluk */
    margin-top: 0.6rem; 
}

/* Tüm Rozetler için Ortak Temel Stiller */
.user-role-badge, 
.user-title-badge.profile-title-badge, 
.membership-badge.profile-subscription-badge { 
    font-size: 0.8rem; 
    font-weight: 500; 
    padding: 0.45em 1em; /* İç boşluk ayarlandı */
    border-radius: 0.375rem; /* Köşe yuvarlaklığı standart */
    display: inline-flex; 
    align-items: center; 
    letter-spacing: 0.02em;
    line-height: 1.4; 
    border: 1px solid transparent; /* Kenarlık için yer açıldı */
    box-shadow: 0 1px 2px rgba(0,0,0,0.05); 
    text-transform: capitalize; 
}
.user-role-badge i,
.membership-badge.profile-subscription-badge i { 
    margin-right: 0.5em; 
    font-size: 0.95em; 
}

/* Role Özel Rozet Stilleri */
.user-role-badge.role-admin {
    background-color: var(--profile-role-admin-bg);
    color: var(--profile-role-admin-text);
    border-color: var(--profile-role-admin-border); 
    font-weight:600; /* Admin rolü daha belirgin */
}
.user-role-badge.role-moderator {
    background-color: var(--profile-role-moderator-bg);
    color: var(--profile-role-moderator-text);
    border-color: var(--profile-role-moderator-border);
}
.user-role-badge.role-user { 
    background-color: var(--profile-role-user-bg);
    color: var(--profile-role-user-text);
    border-color: var(--profile-role-user-border);
}

/* Kullanıcı Unvanı Rozeti (Web Geliştirici gibi) */
.user-title-badge.profile-title-badge { 
    background-color: var(--profile-button-secondary-bg); 
    color: var(--profile-button-secondary-text);
    border-color: var(--profile-button-secondary-bg); 
}
/* Abonelik Rozeti */
.membership-badge.profile-subscription-badge { 
    background-color: var(--profile-subscription-badge-default-bg); 
    color: var(--profile-subscription-badge-default-text); 
    border-color: var(--profile-subscription-badge-default-bg);
}
.profile-status-inactive { font-size: 0.8rem; color: var(--profile-text-muted); font-style: italic; display: block; margin-top: 0.4rem; }

.profile-actions { display: flex; flex-wrap: wrap; gap: 0.8rem; align-items: center; padding-bottom: 10px; margin-left: auto; }
.profile-actions .button { padding: 0.6rem 1.2rem; font-size: 0.9rem; font-weight: 500; border-radius: 0.375rem; text-decoration: none; display: inline-flex; align-items: center; gap: 0.5rem; transition: all 0.2s ease-in-out; box-shadow: 0 1px 3px rgba(0,0,0,0.08); }
.profile-actions .button:hover { transform: translateY(-2px); box-shadow: 0 4px 10px rgba(0,0,0,0.12); }
.profile-actions .button-primary { background-color: var(--profile-button-primary-bg); color: var(--profile-button-primary-text); border: 1px solid transparent; }
.profile-actions .button-primary:hover { background-color: var(--profile-button-primary-hover-bg); }
.profile-actions .button-secondary { background-color: var(--profile-button-secondary-bg); color: var(--profile-button-secondary-text); border: 1px solid var(--profile-button-secondary-bg); }
.profile-actions .button-secondary:hover { background-color: var(--profile-button-secondary-hover-bg); }
.profile-actions .friend-action-form .button { margin-left: 0; }
.friend-status-text { display: inline-block; padding: 0.6rem 1.2rem; font-size: 0.9rem; color: var(--profile-text-muted); background-color: var(--profile-card-read-bg); border-radius: 0.375rem; margin-left: 0.75rem; border: 1px solid var(--profile-border-color); }
.friend-request-actions-inline { display: flex; gap: 0.6rem; }

.profile-meta-info {
  display: flex;           /* satır içi rozetleri yatayda sıralar */
  align-items: center;     /* rozetleri dikeyde ortalar */
}

.profile-meta-info .user-role-badge,
.profile-meta-info .user-title-badge.profile-title-badge {
  margin-top: 0 !important;       /* varsa eski margin’leri sıfırlar */
  display: flex;                  /* içindeki metni ve ikonu ortalar */
  align-items: center;
  justify-content: center;
}
.profile-meta-info {
  display: inline-flex;    /* Yatayda rozetleri yan yana dizer */
  align-items: center;     /* Dikeyde ortalar */
}

.profile-meta-info .user-role-badge,
.profile-meta-info .user-title-badge.profile-title-badge {
  margin-top: 0 !important;      /* Eskiden varsa üst boşluğu sıfırlar */
  vertical-align: middle;        /* Metin satırıyla ortala */
}