/* ========================================
   LAYPLAY DARK ORANGE TEMA - TAM SÜRÜM
   ======================================== */

/* ========================================
   RENK PALETİ
   ======================================== */
:root {
    --primary-orange: #FF9F00;
    --secondary-orange: #FFA500;
    --dark-bg: #1a1a1a;
    --card-bg: #2a2a2a;
    --text-light: #e0e0e0;
}

/* ========================================
   GENEL BODY VE ARKAPLAN
   ======================================== */
body[data-mode="night"] {
    background: linear-gradient(135deg, #0a0a0a 0%, #1a1a1a 100%) !important;
    color: var(--text-light) !important;
}

/* ========================================
   KARTLAR VE PANELLER
   ======================================== */
.card, .panel, .ma_sidebar, .sidebar {
    background: var(--card-bg) !important;
    border: 1px solid rgba(255, 159, 0, 0.2) !important;
}

/* ========================================
   BUTONLAR
   ======================================== */
.btn-primary, .btn-main {
    background: var(--primary-orange) !important;
    border-color: var(--primary-orange) !important;
    color: #fff !important;
}

.btn-primary:hover, .btn-main:hover {
    background: var(--secondary-orange) !important;
    border-color: var(--secondary-orange) !important;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(255, 159, 0, 0.4);
}

/* ========================================
   LİNKLER
   ======================================== */
a {
    color: var(--primary-orange) !important;
    transition: all 0.3s;
}

a:hover {
    color: var(--secondary-orange) !important;
}

/* ========================================
   GECE/GÜNDÜZ MODU TOGGLE GİZLE
   ======================================== */
.mode-toggle,
.night-mode-toggle,
.theme-toggle,
.toggle-mode,
li.toggle-mode,
.mode-switcher,
.theme-switcher,
[data-toggle="mode"],
label.switch,
input#night_mode_toggle,
.top-header .toggle-mode,
a[href*="mode="],
.dropdown-menu li a[href*="mode="] {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

/* ========================================
   PROFİL COVER RESMİ DÜZENLEMESİ
   ======================================== */
.artist_profile_cover {
    width: 100% !important;
    height: 250px !important;
    position: relative !important;
    overflow: hidden !important;
    background: linear-gradient(135deg, #1a1a1a 0%, #2a2a2a 100%) !important;
}

.artist_profile_cover img,
.artist_profile_cover #cover {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center 60% !important;
    display: block !important;
}

/* Cover resmi üzerindeki gradient overlay */
.artist_profile_cover::after {
    content: '' !important;
    position: absolute !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    height: 150px !important;
    background: linear-gradient(to top, rgba(26, 26, 26, 0.9), transparent) !important;
    pointer-events: none !important;
}

/* ========================================
   PROFİL AVATAR BÜYÜTME VE STİLLENDİRME
   ======================================== */
.user-avatar-container,
.profile-avatar-container {
    position: relative !important;
    z-index: 10 !important;
}

.user-avatar,
.profile-avatar,
.avatar-image {
    width: 180px !important;
    height: 180px !important;
    border-radius: 50% !important;
    border: 5px solid #FF9F00 !important;
    box-shadow: 0 0 20px rgba(255, 159, 0, 0.5) !important;
    object-fit: cover !important;
}

/* Avatar düzenleme ikonu */
.edit-avatar-icon,
.avatar-edit {
    background: #FF9F00 !important;
    color: #fff !important;
    border-radius: 50% !important;
    width: 40px !important;
    height: 40px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    position: absolute !important;
    bottom: 10px !important;
    right: 10px !important;
    cursor: pointer !important;
    transition: all 0.3s !important;
}

.edit-avatar-icon:hover,
.avatar-edit:hover {
    background: #FFA500 !important;
    transform: scale(1.1) !important;
}

/* ========================================
   SIDEBAR LOGO - TAMAMEN ŞEFFAF (ÇÖZÜM)
   ======================================== */

/* Logo container'ı - SİYAH KUTU KALDIR */
.logo_container,
.logo_container a,
div.logo_container,
.ma_sidebar .logo_container,
.sidebar .logo_container {
    background: transparent !important;
    background-color: transparent !important;
    padding: 20px 15px !important;
    margin: 0 !important;
    border: none !important;
    box-shadow: none !important;
    text-align: center !important;
}

/* Logo resmi */
.logo_container img,
.logo_container a img,
.ma_sidebar .logo_container img,
.sidebar .logo_container img {
    max-width: 180px !important;
    height: auto !important;
    filter: drop-shadow(0 3px 10px rgba(255, 159, 0, 0.3)) !important;
    transition: all 0.3s !important;
    background: transparent !important;
}

/* Logo hover efekti */
.logo_container:hover img,
.logo_container a:hover img {
    filter: drop-shadow(0 5px 15px rgba(255, 159, 0, 0.5)) !important;
    transform: translateY(-2px) !important;
}

/* Logo'nun üst container'ları da şeffaf */
.ma_sidebar > div:first-child,
.sidebar > div:first-child {
    background: transparent !important;
}

/* Sidebar inner container - şeffaf */
.sidebar_innr {
    background: transparent !important;
}

/* ========================================
   HEADER ICONS - TURUNCU RENK VE HOVER (EN GÜÇLÜ)
   ======================================== */

/* Global SVG kurallarını header için override et */
header svg,
header * svg,
header .head_user svg,
header .head_user .notis svg,
header .head_user .chaticon svg,
header .head_user .opts_account svg,
header .head_user .opts_account img,
header .head_user > div svg,
header .head_user > span svg {
    color: #FF9F00 !important;
    fill: #FF9F00 !important;
    stroke: #FF9F00 !important;
    width: 22px !important;
    height: 22px !important;
    max-width: 22px !important;
    max-height: 22px !important;
    min-width: 22px !important;
    min-height: 22px !important;
    transition: all 0.3s ease !important;
}

/* Header iconları hover efekti */
header svg:hover,
header * svg:hover,
header .head_user svg:hover,
header .head_user .notis svg:hover,
header .head_user .chaticon svg:hover,
header .head_user .opts_account svg:hover {
    color: #d2d2d2 !important;
    fill: #d2d2d2 !important;
    stroke: #d2d2d2 !important;
    transform: scale(1.1) !important;
}

/* Header menü iconu */
header .head_menu svg {
    color: #FF9F00 !important;
    fill: #FF9F00 !important;
    width: 24px !important;
    height: 24px !important;
    max-width: 24px !important;
    max-height: 24px !important;
    min-width: 24px !important;
    min-height: 24px !important;
    transition: all 0.3s ease !important;
}

header .head_menu svg:hover {
    color: #d2d2d2 !important;
    fill: #d2d2d2 !important;
    transform: scale(1.1) !important;
}

/* Arama iconu */
header .head_search svg {
    color: #FF9F00 !important;
    fill: #FF9F00 !important;
    width: 24px !important;
    height: 24px !important;
    max-width: 24px !important;
    max-height: 24px !important;
    min-width: 24px !important;
    min-height: 24px !important;
    transition: all 0.3s ease !important;
}

header .head_search svg:hover {
    color: #d2d2d2 !important;
    fill: #d2d2d2 !important;
    transform: scale(1.1) !important;
}

/* Header logo iconu */
header .head_logo svg {
    color: #FF9F00 !important;
    fill: #FF9F00 !important;
    width: 24px !important;
    height: 24px !important;
    max-width: 24px !important;
    max-height: 24px !important;
    min-width: 24px !important;
    min-height: 24px !important;
    transition: all 0.3s ease !important;
}

/* Global header icon override - inline style'ları da override et */
header svg[style*="width"],
header svg[style*="height"] {
    width: 16px !important;
    height: 16px !important;
    max-width: 16px !important;
    max-height: 16px !important;
    min-width: 16px !important;
    min-height: 16px !important;
}

/* ========================================
   HEADER ICONS - BASIT VE ETKİLİ YAKLAŞIM
   ======================================== */

/* Header menü iconu */
header .head_menu svg {
    color: #FF9F00 !important;
    fill: #FF9F00 !important;
    width: 16px !important;
    height: 16px !important;
    transition: all 0.3s ease !important;
}

header .head_menu svg:hover {
    color: #d2d2d2 !important;
    fill: #d2d2d2 !important;
    transform: scale(1.1) !important;
}

/* Header logo iconu */
header .head_logo svg {
    color: #FF9F00 !important;
    fill: #FF9F00 !important;
    width: 16px !important;
    height: 16px !important;
    transition: all 0.3s ease !important;
}

header .head_logo svg:hover {
    color: #d2d2d2 !important;
    fill: #d2d2d2 !important;
    transform: scale(1.1) !important;
}

/* Header arama iconu */
header .head_search svg {
    color: #FF9F00 !important;
    fill: #FF9F00 !important;
    width: 16px !important;
    height: 16px !important;
    transition: all 0.3s ease !important;
}

header .head_search svg:hover {
    color: #d2d2d2 !important;
    fill: #d2d2d2 !important;
    transform: scale(1.1) !important;
}

/* Header kullanıcı alanı iconları */
header .head_user svg {
    color: #FF9F00 !important;
    fill: #FF9F00 !important;
    width: 24px !important;
    height: 24px !important;
    transition: all 0.3s ease !important;
}

header .head_user svg:hover {
    color: #d2d2d2 !important;
    fill: #d2d2d2 !important;
    transform: scale(1.1) !important;
}

/* Header bildirim iconları */
header .notis svg {
    color: #FF9F00 !important;
    fill: #FF9F00 !important;
    width: 24px !important;
    height: 24px !important;
    transition: all 0.3s ease !important;
}

header .notis svg:hover {
    color: #d2d2d2 !important;
    fill: #d2d2d2 !important;
    transform: scale(1.1) !important;
}

/* Header mesaj iconu */
header .chaticon svg {
    color: #FF9F00 !important;
    fill: #FF9F00 !important;
    width: 24px !important;
    height: 24px !important;
    transition: all 0.3s ease !important;
}

header .chaticon svg:hover {
    color: #d2d2d2 !important;
    fill: #d2d2d2 !important;
    transform: scale(1.1) !important;
}

/* Header kullanıcı menü iconu */
header .opts_account svg {
    color: #FF9F00 !important;
    fill: #FF9F00 !important;
    width: 24px !important;
    height: 24px !important;
    transition: all 0.3s ease !important;
}

header .opts_account svg:hover {
    color: #d2d2d2 !important;
    fill: #d2d2d2 !important;
    transform: scale(1.1) !important;
}

/* ========================================
   INLINE STYLE OVERRIDE - EN GÜÇLÜ KURALLAR
   ======================================== */

/* Tüm inline style'ları override et */
header .head_user svg[style*="width"],
header .head_user svg[style*="height"],
header .head_search_mobi svg[style*="width"],
header .head_search_mobi svg[style*="height"],
header .opts_account svg[style*="width"],
header .opts_account svg[style*="height"],
header .chaticon svg[style*="width"],
header .chaticon svg[style*="height"],
header .notis svg[style*="width"],
header .notis svg[style*="height"] {
    color: #FF9F00 !important;
    fill: #FF9F00 !important;
    width: 24px !important;
    height: 24px !important;
    max-width: 24px !important;
    max-height: 24px !important;
    min-width: 24px !important;
    min-height: 24px !important;
    transition: all 0.3s ease !important;
}

/* Inline style hover efektleri */
header .head_user svg[style*="width"]:hover,
header .head_user svg[style*="height"]:hover,
header .head_search_mobi svg[style*="width"]:hover,
header .head_search_mobi svg[style*="height"]:hover,
header .opts_account svg[style*="width"]:hover,
header .opts_account svg[style*="height"]:hover,
header .chaticon svg[style*="width"]:hover,
header .chaticon svg[style*="height"]:hover,
header .notis svg[style*="width"]:hover,
header .notis svg[style*="height"]:hover {
    color: #d2d2d2 !important;
    fill: #d2d2d2 !important;
    transform: scale(1.1) !important;
}

/* ========================================
   SEPET ICONU DÜZELTMESİ - DİĞERLERİYLE EŞİT BOYUT
   ======================================== */

/* Sepet iconunu diğerleriyle eşit boyuta getir */
header .notis.cart_items svg,
header .notis.cart_items svg[style*="width"],
header .notis.cart_items svg[style*="height"] {
    color: #FF9F00 !important;
    fill: #FF9F00 !important;
    width: 24px !important;
    height: 24px !important;
    max-width: 24px !important;
    max-height: 24px !important;
    min-width: 24px !important;
    min-height: 24px !important;
    transition: all 0.3s ease !important;
}

/* Sepet iconu hover efekti */
header .notis.cart_items svg:hover,
header .notis.cart_items svg[style*="width"]:hover,
header .notis.cart_items svg[style*="height"]:hover {
    color: #d2d2d2 !important;
    fill: #d2d2d2 !important;
    transform: scale(1.1) !important;
}

/* ========================================
   ARAMA BÖLGESİ DÜZELTMELERİ
   ======================================== */

/* Arama bölgesi z-index ve cursor düzeltmeleri */
header .head_search {
    position: relative !important;
    z-index: 10 !important;
}

header .head_search .head_search_cont {
    position: relative !important;
    z-index: 10 !important;
}

header .head_search .head_search_cont input {
    position: relative !important;
    z-index: 10 !important;
    cursor: text !important;
}

header .head_search .head_search_cont svg {
    position: absolute !important;
    top: 50% !important;
    left: 17px !important;
    transform: translateY(-50%) !important;
    z-index: 11 !important;
    pointer-events: none !important;
}

/* Arama dropdown düzeltmeleri */
header .head_search .search_dropdown {
    position: absolute !important;
    top: 100% !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 1000 !important;
    background: #080808 !important;
    border-radius: 0 0 8px 8px !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2) !important;
}

/* ========================================
   EN GÜÇLÜ HEADER ICON OVERRIDE - SON KURAL
   ======================================== */

/* Global SVG kurallarını tamamen override et */
header svg,
header * svg,
header .head_menu svg,
header .head_logo svg,
header .head_search svg,
header .head_user svg,
header .head_user .notis svg,
header .head_user .chaticon svg,
header .head_user .opts_account svg,
header .head_search_mobi svg,
header .head_user svg[style*="width"],
header .head_user svg[style*="height"],
header .head_search_mobi svg[style*="width"],
header .head_search_mobi svg[style*="height"],
header .opts_account svg[style*="width"],
header .opts_account svg[style*="height"],
header .chaticon svg[style*="width"],
header .chaticon svg[style*="height"],
header .notis svg[style*="width"],
header .notis svg[style*="height"] {
    color: #FF9F00 !important;
    fill: #FF9F00 !important;
    stroke: #FF9F00 !important;
    width: 24px !important;
    height: 24px !important;
    max-width: 24px !important;
    max-height: 24px !important;
    min-width: 24px !important;
    min-height: 24px !important;
    transition: all 0.3s ease !important;
}

/* En güçlü hover efektleri */
header svg:hover,
header * svg:hover,
header .head_menu svg:hover,
header .head_logo svg:hover,
header .head_search svg:hover,
header .head_user svg:hover,
header .head_user .notis svg:hover,
header .head_user .chaticon svg:hover,
header .head_user .opts_account svg:hover,
header .head_search_mobi svg:hover,
header .head_user svg[style*="width"]:hover,
header .head_user svg[style*="height"]:hover,
header .head_search_mobi svg[style*="width"]:hover,
header .head_search_mobi svg[style*="height"]:hover,
header .opts_account svg[style*="width"]:hover,
header .opts_account svg[style*="height"]:hover,
header .chaticon svg[style*="width"]:hover,
header .chaticon svg[style*="height"]:hover,
header .notis svg[style*="width"]:hover,
header .notis svg[style*="height"]:hover {
    color: #d2d2d2 !important;
    fill: #d2d2d2 !important;
    stroke: #d2d2d2 !important;
    transform: scale(1.1) !important;
}

/* İlk başlığa (MÜZİĞE GÖZ AT) ekstra boşluk */
.sidebar .sections:first-child h3,
.sidebar_innr .sections:first-child h3 {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* ========================================
   SCROLL BAR TURUNCU RENK
   ======================================== */

/* Webkit tabanlı tarayıcılar için scroll bar */
::-webkit-scrollbar {
    width: 8px !important;
    height: 8px !important;
}

::-webkit-scrollbar-track {
    background: #1a1a1a !important;
    border-radius: 4px !important;
}

::-webkit-scrollbar-thumb {
    background: #ff5100 !important;
    border-radius: 4px !important;
    transition: all 0.3s ease !important;
}

::-webkit-scrollbar-thumb:hover {
    background: #d65906 !important;
    box-shadow: 0 0 5px rgba(255, 159, 0, 0.5) !important;
}

::-webkit-scrollbar-corner {
    background: #1a1a1a !important;
}

/* Firefox için scroll bar */
* {
    scrollbar-width: thin !important;
    scrollbar-color: #fd5e02 #1a1a1a !important;
}

/* Ana sayfa scroll bar - TÜM SAYFA */
body,
html {
    scrollbar-width: thin !important;
    scrollbar-color: #ff5e00 #1a1a1a !important;
}

/* Ana sayfa scroll bar - Webkit */
body::-webkit-scrollbar,
html::-webkit-scrollbar {
    width: 12px !important;
    height: 12px !important;
}

body::-webkit-scrollbar-track,
html::-webkit-scrollbar-track {
    background: #1a1a1a !important;
    border-radius: 6px !important;
}

body::-webkit-scrollbar-thumb,
html::-webkit-scrollbar-thumb {
    background: #ff6600 !important;
    border-radius: 6px !important;
    transition: all 0.3s ease !important;
}

body::-webkit-scrollbar-thumb:hover,
html::-webkit-scrollbar-thumb:hover {
    background: #ff5e02 !important;
    box-shadow: 0 0 8px rgb(255, 94, 0) !important;
}

/* Diğer elementler için */
.sidebar,
.sidebar_innr,
.main_content,
.content,
.simplebar-scroll-content,
.simplebar-content {
    scrollbar-width: thin !important;
    scrollbar-color: #ff6600 #1a1a1a !important;
}

/* Simplebar scroll bar override */
.simplebar-scrollbar::before {
    background: #ff6600 !important;
    border-radius: 4px !important;
    transition: all 0.3s ease !important;
}

.simplebar-scrollbar:hover::before {
    background: #f85d04 !important;
    box-shadow: 0 0 5px rgba(253, 101, 0, 0.897) !important;
}

.simplebar-track {
    background: #1a1a1a !important;
    border-radius: 4px !important;
}

/* ========================================
   MIDDOT KARAKTER HATASI DÜZELTMESİ
   ======================================== */

/* Middot karakterini düzelt */
.middot {
    font-family: Arial, sans-serif !important;
    font-size: 18px !important;
    font-weight: bold !important;
    color: #ff7300 !important;
    margin: 0 8px !important;
    display: inline-block !important;
    vertical-align: middle !important;
    line-height: 1 !important;
}

/* Alternatif olarak middot yerine CSS ile nokta */
.middot::before {
    content: "•" !important;
    font-family: Arial, sans-serif !important;
    font-size: 18px !important;
    font-weight: bold !important;
    color: #e65c00 !important;
    margin: 0 8px !important;
    display: inline-block !important;
    vertical-align: middle !important;
}

/* Eğer HTML'deki karakter bozuksa, onu gizle ve CSS ile değiştir */
.middot {
    font-size: 0 !important;
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
}

.middot::after {
    content: "•" !important;
    font-family: Arial, sans-serif !important;
    font-size: 18px !important;
    font-weight: bold !important;
    color: #eb6004 !important;
    margin: 0 8px !important;
    display: inline-block !important;
    vertical-align: middle !important;
    position: relative !important;
    top: 0 !important;
    left: 0 !important;
}

/* ========================================
   SUB_INFO HİZALAMA DÜZELTMESİ
   ======================================== */

/* Takipçiler ve takip edilenler hizalaması */
.user_info_cont .personal_info .name .sub_info {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important; /* Sola hizala */
    font-size: 15px !important;
    line-height: 1 !important;
    margin-left: 0 !important; /* Sol margin kaldır */
    padding-left: 0 !important; /* Sol padding kaldır */
    text-align: left !important; /* Sol hizalama */
}

/* Takipçiler ve takip edilenler linklerini ortalayalım */
.user_info_cont .personal_info .name .sub_info a {
    color: #989898 !important;
    text-decoration: none !important;
}

.user_info_cont .personal_info .name .sub_info a:hover {
    color: #fff !important;
}

/* Middot karakterini ortalayalım */
.user_info_cont .personal_info .name .sub_info .middot {
    margin: 0 9px !important;
    color: #FF9F00 !important;
}

/* Personal info container'ı ortalayalım */
.user_info_cont .personal_info {
    text-align: center !important;
}

/* Name container'ı ortalayalım */
.user_info_cont .personal_info .name {
    text-align: center !important;
}

/* ========================================
   KULLANICI PROFİL RESMİ 25PX
   ======================================== */

/* Sadece bu spesifik img elementini 25px yap - EN GÜÇLÜ KURAL */
header img[src*="kadin.jpg"][alt="my profile picture"],
header .opts_account img[src*="kadin.jpg"][alt="my profile picture"],
img[src*="kadin.jpg"][alt="my profile picture"][data-display="static"],
img[src*="kadin.jpg"][alt="my profile picture"][data-toggle="dropdown"] {
    width: 25px !important;
    height: 25px !important;
    max-width: 25px !important;
    max-height: 25px !important;
    min-width: 25px !important;
    min-height: 25px !important;
    transform: scale(1) !important;
}

/* Inline style override için en güçlü kural */
img[src*="kadin.jpg"][alt="my profile picture"][style*="width"],
img[src*="kadin.jpg"][alt="my profile picture"][style*="height"] {
    width: 25px !important;
    height: 25px !important;
    max-width: 25px !important;
    max-height: 25px !important;
    min-width: 25px !important;
    min-height: 25px !important;
    transform: scale(1) !important;
}

/* ========================================
   KADIN.JPG PROFİL RESMİ - EN GÜÇLÜ OVERRIDE
   ======================================== */

/* Tüm olasılıkları kapsayan en güçlü kural */
header .opts_account img[src*="kadin.jpg"],
header .opts_account img[alt="my profile picture"],
img[src*="kadin.jpg"][alt="my profile picture"],
img[src*="kadin.jpg"][data-display="static"][data-toggle="dropdown"],
img[src*="kadin.jpg"][aria-haspopup="true"][aria-expanded="false"],
img[src*="kadin.jpg"][style*="width"],
img[src*="kadin.jpg"][style*="height"] {
    width: 25px !important;
    height: 25px !important;
    max-width: 25px !important;
    max-height: 25px !important;
    min-width: 25px !important;
    min-height: 25px !important;
    transform: scale(1) !important;
    border-radius: 50% !important;
    object-fit: cover !important;
}



/* Tablet boyutunda kısmi gizleme */
@media (max-width: 992px) and (min-width: 769px) {
    /* Bazı iconları gizle */
    header .head_user .notis:not(.cart_items),
    header .head_user .chaticon {
        display: none !important;
    }
    
    /* Sepet ve kullanıcı menüsü görünür kalsın */
    header .head_user .notis.cart_items,
    header .head_user .opts_account {
        display: block !important;
    }
}



/* ========================================
   SVG TİK İŞARETİ RENK DÜZELTMESİ
   ======================================== */

/* SVG tik işareti - arka planı tamamen kaldır, sadece tik göster */
g[transform*="translate"] {
    background: transparent !important;
}

/* İlk path (arka plan) - tamamen kaldır */
g[transform*="translate"] path:first-child,
g[transform*="translate"] path[fill="var(--main-color)"],
g[transform*="translate"] path[stroke="none"]:first-child {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    fill: none !important;
    stroke: none !important;
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
}

/* İkinci path (tik işareti) - sadece bu görünsün */
g[transform*="translate"] path:nth-child(2),
g[transform*="translate"] path[fill="var(--second-color)"],
g[transform*="translate"] path[stroke="none"][fill="var(--second-color)"] {
    fill: #ffffff !important;
    stroke: #ffffff !important;
    color: #ffffff !important;
    opacity: 1 !important;
    visibility: visible !important;
    display: block !important;
    width: auto !important;
    height: auto !important;
}

/* SVG container'ı düzenle */
g[transform*="translate"] {
    background: transparent !important;
    border: none !important;
    outline: none !important;
}

/* ===============================
   VERIFIED ICON (Tamamen Kaldır)
   =============================== */

.verified_ico {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
}

/* SVG'yi tamamen gizle */
.verified_ico svg {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
}

/* Tüm verified icon elementlerini gizle */
svg .verified_ico,
.verified_ico svg,
svg[class*="verified"],
[class*="verified_ico"] {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
}

/* ===============================
   BUTON HİZALAMA DÜZELTME
   =============================== */

/* Ana buton konteynerini düzenle */
.user_info_cont .col-md-4 {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 20px !important;
    flex-wrap: wrap !important;
    padding: 0 !important;
    margin: 0 !important;
    position: relative !important;
    margin-top: 35px !important; /* Daha aşağı al */
}

/* Profil düzenle butonları grubu */
.user_info_cont .ds_prof_admn_btns {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 15px !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Tüm butonları aynı hizada tut */
.user_info_cont .col-md-4 > * {
    display: inline-flex !important;
    align-items: center !important;
    margin: 0 10px 0 0 !important;
    flex-shrink: 0 !important;
}

/* Son buton için margin sıfırla */
.user_info_cont .col-md-4 > *:last-child {
    margin-right: 0 !important;
}

/* Tüm butonları aynı stilde yap - NEON TURUNCU */
.user_info_cont button,
.user_info_cont a.btn,
.user_info_cont .btn {
    background: linear-gradient(135deg, #ff4500, #ff6600) !important;
    border: none !important;
    color: white !important;
    padding: 10px 16px !important;
    border-radius: 6px !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 2px 8px rgba(255, 69, 0, 0.4) !important;
    text-decoration: none !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    white-space: nowrap !important;
    min-width: auto !important;
    width: auto !important;
    height: 38px !important;
    line-height: 1 !important;
    flex-shrink: 0 !important;
    margin: 0 !important;
    vertical-align: middle !important;
}

/* Hover efekti - NEON TURUNCU */
.user_info_cont button:hover,
.user_info_cont a.btn:hover,
.user_info_cont .btn:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(255, 69, 0, 0.6) !important;
    background: linear-gradient(135deg, #ff5500, #ff7700) !important;
    color: white !important;
    text-decoration: none !important;
}

/* Mesaj butonu özel stil - NEON TURUNCU */
.user_info_cont .btn-message {
    background: linear-gradient(135deg, #ff4500, #ff6600) !important;
    border: none !important;
    color: white !important;
    padding: 10px 16px !important;
    border-radius: 6px !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 2px 8px rgba(255, 69, 0, 0.4) !important;
    text-decoration: none !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    height: 38px !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    flex-shrink: 0 !important;
    margin: 0 !important;
}

/* Mesaj butonu SVG ikon ayarı */
.user_info_cont .btn-message svg {
    width: 16px !important;
    height: 16px !important;
    fill: currentColor !important;
    margin-right: 0 !important;
}

/* Mesaj butonu hover - NEON TURUNCU */
.user_info_cont .btn-message:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(255, 69, 0, 0.6) !important;
    background: linear-gradient(135deg, #ff5500, #ff7700) !important;
    color: white !important;
    text-decoration: none !important;
}

/* ===============================
   EDIT AVATAR ICON (Daha Görünür)
   =============================== */

.edit_avatar .btn-file {
    opacity: 1 !important;
    visibility: visible !important;
    background-color: rgba(255, 255, 255, 0.8) !important;
}

.edit_avatar .icon {
    opacity: 1 !important;
    visibility: visible !important;
}

.edit_avatar svg {
    opacity: 1 !important;
    visibility: visible !important;
    fill: #333333 !important;
    color: #333333 !important;
}

.edit_avatar path {
    fill: #333333 !important;
    color: #333333 !important;
    opacity: 1 !important;
    visibility: visible !important;
}

/* ===============================
   PROFİL ALT BÖLÜM (Daha Görünür)
   =============================== */

.user_info_cont {
    background: rgba(34, 34, 37, 0.95) !important; /* Daha opak arka plan */
    backdrop-filter: blur(10px) !important;
    border-radius: 10px !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3) !important;
}

.user_info_cont .personal_info .name .sub_info {
    background: rgba(255, 255, 255, 0.1) !important;
    padding: 8px 16px !important;
    border-radius: 20px !important;
    backdrop-filter: blur(5px) !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
}

.user_info_cont .personal_info .name .sub_info a {
    color: #f5f5f5 !important;
    font-weight: 500 !important;
}

.user_info_cont .personal_info .name .sub_info .middot {
    color: #fd7506 !important;
    font-weight: bold !important;
}

/* ===============================
   KARAKTER HATALARI DÜZELTME
   =============================== */

.middot {
    color: #f5870a !important;
    font-weight: bold !important;
    font-size: 16px !important;
}

/* ========================================
   PROFİL DÜZENLE BUTONU - DÜZENLİ HİZALAMA
   ======================================== */

/* Profil düzenle butonları için özel stil */
.user_info_cont .ds_prof_admn_btns .btn_edt_prof {
    margin: 0 15px 0 0 !important;
    padding: 8px 16px !important;
}

/* Profil düzenle butonları grubunun son elemanı */
.user_info_cont .ds_prof_admn_btns .btn_edt_prof:last-child {
    margin-right: 0 !important;
}

/* Mesaj butonu için özel margin */
.user_info_cont .btn-message,
.user_info_cont a[class*="message"] {
    margin: 0 15px 0 0 !important;
}

/* Takip butonu için özel margin */
.user_info_cont button[id="follow-user"],
.user_info_cont button[id="unfollow-user"] {
    margin: 0 !important;
}

/* Profil düzenle butonu - NEON TURUNCU */
.btn_edt_prof {
    padding: 8px 16px !important;
    border-radius: 6px !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    background: linear-gradient(135deg, #ff4500, #ff6600) !important;
    border: none !important;
    color: white !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 3px 10px rgba(255, 69, 0, 0.4) !important;
}

/* Hover efekti - NEON TURUNCU */
.btn_edt_prof:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 20px rgba(255, 69, 0, 0.6) !important;
    background: linear-gradient(135deg, #ff5500, #ff7700) !important;
}

/* SVG ikon düzeni */
.btn_edt_prof svg {
    width: 18px !important;
    height: 18px !important;
    fill: white !important;
}

/* Mobil görünüm */
@media (max-width: 768px) {
    .user_info_cont .col-md-4 {
        flex-direction: column !important;
        align-items: center !important;
        gap: 15px !important;
        justify-content: center !important;
    }

    .user_info_cont .ds_prof_admn_btns {
        flex-direction: row !important;
        justify-content: center !important;
        gap: 12px !important;
    }
}

/* ========================================
   BUTON ARALARINI ZORLA AÇMA
   ======================================== */

/* Tüm butonlar arasında zorla boşluk */
.user_info_cont .col-md-4 > * + * {
    margin-left: 20px !important;
}

/* Profil düzenle butonları arasında boşluk */
.user_info_cont .ds_prof_admn_btns > * + * {
    margin-left: 15px !important;
}

/* Mesaj ve takip butonları için özel boşluk */
.user_info_cont .col-md-4 > .btn-message,
.user_info_cont .col-md-4 > a[class*="message"] {
    margin-left: 20px !important;
}

.user_info_cont .col-md-4 > button[id="follow-user"],
.user_info_cont .col-md-4 > button[id="unfollow-user"] {
    margin-left: 20px !important;
}

/* EN GÜÇLÜ OVERRIDE - TÜM BUTONLAR ARASINDA ZORLA BOŞLUK */
.user_info_cont .col-md-4 .opts_btn > * {
    margin: 0 15px 0 0 !important;
}

.user_info_cont .col-md-4 .opts_btn > *:last-child {
    margin-right: 0 !important;
}

/* Profil düzenle butonları için özel */
.user_info_cont .col-md-4 .ds_prof_admn_btns > * {
    margin: 0 10px 0 0 !important;
}

.user_info_cont .col-md-4 .ds_prof_admn_btns > *:last-child {
    margin-right: 0 !important;
}

/* ========================================
   SOSYAL MEDYA İKONLARI DÜZELTME
   ======================================== */

/* Sosyal medya ikonları görünürlük */
.user_social_links {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 8px !important;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.user_social_links .social-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 32px !important;
    height: 32px !important;
    border-radius: 50% !important;
    background: rgba(255, 69, 0, 0.1) !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
    opacity: 1 !important;
    visibility: visible !important;
}

.user_social_links .social-btn:hover {
    background: #ff4500 !important;
    transform: scale(1.1) !important;
}

.user_social_links .social-btn svg {
    width: 16px !important;
    height: 16px !important;
    fill: #ff4500 !important;
    transition: all 0.3s ease !important;
}

.user_social_links .social-btn:hover svg {
    fill: #fff !important;
}

/* EN GÜÇLÜ OVERRIDE - SOSYAL MEDYA İKONLARI */
.user_social_links,
.user_social_links li,
.user_social_links .social-btn,
.user_social_links .social-btn svg,
.user_social_links .social-btn svg path {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: relative !important;
    z-index: 1 !important;
}

/* Sosyal medya ikonları için zorla görünürlük */
.user_social_links .social-btn {
    display: inline-flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    cursor: pointer !important;
}

/* SVG ikonları için zorla görünürlük */
.user_social_links .social-btn svg {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: 16px !important;
    height: 16px !important;
    fill: #ff4500 !important;
}

/* Path elementleri için zorla görünürlük */
.user_social_links .social-btn svg path {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    fill: #ff4500 !important;
}

/* Twitter ve YouTube için özel kurallar */
.user_social_links .social-btn svg g,
.user_social_links .social-btn svg g path {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    fill: #ff4500 !important;
}

/* Tüm SVG içeriği için zorla görünürlük */
.user_social_links .social-btn svg * {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    fill: #ff4500 !important;
}

/* Twitter ve YouTube hover */
.user_social_links .social-btn:hover svg * {
    fill: #fff !important;
}

/* Twitter ve YouTube için özel SVG düzeltmeleri */
.user_social_links .social-btn svg {
    width: 16px !important;
    height: 16px !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    fill: #ff4500 !important;
    color: #ff4500 !important;
}

/* Twitter SVG için özel */
.user_social_links .social-btn[href*="twitter"] svg,
.user_social_links .social-btn[href*="twitter"] svg * {
    fill: #ff4500 !important;
    color: #ff4500 !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* YouTube SVG için özel */
.user_social_links .social-btn[href*="youtube"] svg,
.user_social_links .social-btn[href*="youtube"] svg * {
    fill: #ff4500 !important;
    color: #ff4500 !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* Hover durumları */
.user_social_links .social-btn[href*="twitter"]:hover svg *,
.user_social_links .social-btn[href*="youtube"]:hover svg * {
    fill: #fff !important;
    color: #fff !important;
}

/* ANA STYLE.CSS OVERRIDE - EN GÜÇLÜ KURALLAR */
.user_side_info_list li.user_social_links,
.user_side_info_list li.user_social_links svg,
.user_side_info_list li.user_social_links .social-btn,
.user_side_info_list li.user_social_links .social-btn svg {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: 24px !important;
    height: 24px !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Tüm sosyal medya ikonları için zorla görünürlük */
.user_side_info_list li.user_social_links .social-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 32px !important;
    height: 32px !important;
    border-radius: 50% !important;
    background: rgba(255, 69, 0, 0.1) !important;
    margin: 0 4px !important;
    padding: 0 !important;
    visibility: visible !important;
    opacity: 1 !important;
}

.user_side_info_list li.user_social_links .social-btn svg {
    width: 16px !important;
    height: 16px !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    fill: #ff4500 !important;
    margin: 0 !important;
}

.user_side_info_list li.user_social_links .social-btn:hover {
    background: #ff4500 !important;
    transform: scale(1.1) !important;
}

.user_side_info_list li.user_social_links .social-btn:hover svg {
    fill: #fff !important;
}

/* TWITTER SVG DÜZELTME - KARMAŞIK YAPIDAN KURTULMA */
.user_side_info_list li.user_social_links .social-btn svg {
    width: 16px !important;
    height: 16px !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    fill: #ff4500 !important;
    margin: 0 !important;
    transform: none !important;
    scale: 1 !important;
}

/* Twitter SVG içindeki tüm elementleri düzelt */
.user_side_info_list li.user_social_links .social-btn svg g,
.user_side_info_list li.user_social_links .social-btn svg g g,
.user_side_info_list li.user_social_links .social-btn svg g g g,
.user_side_info_list li.user_social_links .social-btn svg path {
    fill: #ff4500 !important;
    transform: none !important;
    scale: 1 !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* Twitter hover */
.user_side_info_list li.user_social_links .social-btn:hover svg g,
.user_side_info_list li.user_social_links .social-btn:hover svg g g,
.user_side_info_list li.user_social_links .social-btn:hover svg g g g,
.user_side_info_list li.user_social_links .social-btn:hover svg path {
    fill: #fff !important;
}

/* TWITTER SVG TAMAMEN DÜZELTME - EN GÜÇLÜ OVERRIDE */
.user_side_info_list li.user_social_links .social-btn svg {
    width: 16px !important;
    height: 16px !important;
    max-width: 16px !important;
    max-height: 16px !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    fill: #ff4500 !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
    scale: 1 !important;
    overflow: visible !important;
}

/* Twitter SVG içindeki tüm transform'ları sıfırla */
.user_side_info_list li.user_social_links .social-btn svg * {
    fill: #ff4500 !important;
    transform: none !important;
    scale: 1 !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: auto !important;
    height: auto !important;
    max-width: none !important;
    max-height: none !important;
}

/* Twitter hover - tüm elementler */
.user_side_info_list li.user_social_links .social-btn:hover svg * {
    fill: #fff !important;
}

/* TWITTER VE YOUTUBE İÇİN ÖZEL DÜZELTME - SADECE BU İKİSİ */
.user_side_info_list li.user_social_links .social-btn[href*="twitter"] svg,
.user_side_info_list li.user_social_links .social-btn[href*="youtube"] svg {
    width: 18px !important;
    height: 18px !important;
    max-width: 18px !important;
    max-height: 18px !important;
    fill: #fff !important;
    stroke: #fff !important;
    stroke-width: 1px !important;
}

/* Twitter ve YouTube SVG içindeki tüm elementleri beyaz yap */
.user_side_info_list li.user_social_links .social-btn[href*="twitter"] svg *,
.user_side_info_list li.user_social_links .social-btn[href*="youtube"] svg * {
    fill: #fff !important;
    stroke: #fff !important;
    stroke-width: 1px !important;
    color: #fff !important;
    opacity: 1 !important;
    visibility: visible !important;
    display: block !important;
}

/* Twitter ve YouTube hover - daha da belirgin */
.user_side_info_list li.user_social_links .social-btn[href*="twitter"]:hover svg,
.user_side_info_list li.user_social_links .social-btn[href*="youtube"]:hover svg {
    fill: #000 !important;
    stroke: #000 !important;
}

.user_side_info_list li.user_social_links .social-btn[href*="twitter"]:hover svg *,
.user_side_info_list li.user_social_links .social-btn[href*="youtube"]:hover svg * {
    fill: #000 !important;
    stroke: #000 !important;
    color: #000 !important;
}

/* TWITTER VE YOUTUBE İÇİN EN GÜÇLÜ DÜZELTME - SVG'Yİ TAMAMEN DEĞİŞTİR */
.user_side_info_list li.user_social_links .social-btn[href*="twitter"] svg,
.user_side_info_list li.user_social_links .social-btn[href*="youtube"] svg {
    width: 20px !important;
    height: 20px !important;
    max-width: 20px !important;
    max-height: 20px !important;
    fill: #fff !important;
    stroke: #fff !important;
    stroke-width: 2px !important;
    filter: brightness(1.5) contrast(2) !important;
    opacity: 1 !important;
    visibility: visible !important;
    display: block !important;
}

/* Twitter ve YouTube için tüm SVG elementlerini zorla beyaz yap */
.user_side_info_list li.user_social_links .social-btn[href*="twitter"] svg *,
.user_side_info_list li.user_social_links .social-btn[href*="youtube"] svg * {
    fill: #fff !important;
    stroke: #fff !important;
    stroke-width: 2px !important;
    color: #fff !important;
    opacity: 1 !important;
    visibility: visible !important;
    display: block !important;
    filter: brightness(1.5) contrast(2) !important;
}

/* Twitter ve YouTube için özel arka plan */
.user_side_info_list li.user_social_links .social-btn[href*="twitter"],
.user_side_info_list li.user_social_links .social-btn[href*="youtube"] {
    background: #ff4500 !important;
    border: 2px solid #fff !important;
    box-shadow: 0 0 0 1px #fff !important;
}

/* Twitter ve YouTube hover */
.user_side_info_list li.user_social_links .social-btn[href*="twitter"]:hover,
.user_side_info_list li.user_social_links .social-btn[href*="youtube"]:hover {
    background: #fff !important;
    border: 2px solid #ff4500 !important;
    box-shadow: 0 0 0 1px #ff4500 !important;
}

.user_side_info_list li.user_social_links .social-btn[href*="twitter"]:hover svg,
.user_side_info_list li.user_social_links .social-btn[href*="youtube"]:hover svg {
    fill: #ff4500 !important;
    stroke: #ff4500 !important;
    filter: none !important;
}

.user_side_info_list li.user_social_links .social-btn[href*="twitter"]:hover svg *,
.user_side_info_list li.user_social_links .social-btn[href*="youtube"]:hover svg * {
    fill: #ff4500 !important;
    stroke: #ff4500 !important;
    color: #ff4500 !important;
    filter: none !important;
}

/* GİRİŞ YAP VE KAYIT OL BUTONLARI - HER ZAMAN GÖRÜNÜR */
.hide_hd_btn {
    display: inline-block !important;
    visibility: visible !important;
    opacity: 1 !important;
    color: #fff !important;
    background: #db4702 !important;
    border: none !important;
    padding: 8px 16px !important;
    border-radius: 4px !important;
    text-decoration: none !important;
    font-weight: 500 !important;
    transition: all 0.3s ease !important;
    margin-left: 8px !important;
}

.hide_hd_btn:hover {
    background: #db4702 !important;
    color: #fff !important;
    text-decoration: none !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 2px 8px rgba(255, 159, 0, 0.3) !important;
}

/* Dropdown menüdeki butonlar */
.dropdown-menu .list-unstyled li a {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    color: #333 !important;
    padding: 8px 16px !important;
    text-decoration: none !important;
    transition: all 0.3s ease !important;
}

.dropdown-menu .list-unstyled li a:hover {
    background: #f8f9fa !important;
    color: #db4702 !important;
    text-decoration: none !important;
}

/* TWITTER VE YOUTUBE İÇİN OUTLINE SVG - DİĞERLERİ GİBİ */
.user_side_info_list li.user_social_links .social-btn[href*="twitter"] svg,
.user_side_info_list li.user_social_links .social-btn[href*="youtube"] svg {
    width: 16px !important;
    height: 16px !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    fill: none !important;
    stroke: #fff !important;
    stroke-width: 2px !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
}

/* Twitter ve YouTube SVG içindeki tüm elementleri outline yap */
.user_side_info_list li.user_social_links .social-btn[href*="twitter"] svg *,
.user_side_info_list li.user_social_links .social-btn[href*="youtube"] svg * {
    fill: none !important;
    stroke: #fff !important;
    stroke-width: 2px !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* Twitter ve YouTube hover - diğerleri gibi */
.user_side_info_list li.user_social_links .social-btn[href*="twitter"]:hover svg,
.user_side_info_list li.user_social_links .social-btn[href*="youtube"]:hover svg {
    fill: none !important;
    stroke: #ff4500 !important;
}

.user_side_info_list li.user_social_links .social-btn[href*="twitter"]:hover svg *,
.user_side_info_list li.user_social_links .social-btn[href*="youtube"]:hover svg * {
    fill: none !important;
    stroke: #ff4500 !important;
}

/* ========================================
   VERIFIED ICON DÜZELTME
   ======================================== */

.verified_ico {
    display: inline-block !important;
    width: 16px !important;
    height: 16px !important;
    border-radius: 50% !important;
    background-color: #b15f02 !important; /* Turuncu arka plan */
    position: relative !important;
    vertical-align: middle !important;
    margin-left: 8px !important;
}

.verified_ico svg {
    display: none !important;
}

.verified_ico::after {
    content: "✓" !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    color: #ffffff !important;
    font-size: 10px !important;
    font-weight: bold !important;
    line-height: 1 !important;
    font-family: Arial, sans-serif !important;
}

/* ========================================
   AKTİF MENÜ TURUNCU HIGHLIGHT KALDIR
   ======================================== */

/* Aktif/seçili menü öğesinin arka planını kaldır */
.sidebar ul.sections li.active,
.sidebar ul.sections li.selected,
.sidebar_innr ul li.active,
.sidebar_innr ul li.selected,
.ma_sidebar ul li.active,
.sections > li.active,
.sections > li.selected {
    background: transparent !important;
    background-color: transparent !important;
}

/* Browse Music başlığının altındaki turuncu çubuğu kaldır */
.sidebar .sections h3.active,
.sidebar .sections h3::after,
.sections h3.active,
.sections > li.active::before {
    background: transparent !important;
}

/* Seçili sayfa highlight'ını kaldır */
.sidebar ul.sections li a.active,
.sidebar_innr ul li a.active,
.ma_sidebar ul li a.active {
    background: transparent !important;
    border-left: none !important;
    padding-left: 0 !important;
}

/* ========================================
   SİDEBAR BAŞLIK DÜZENLEMESİ
   ======================================== */

.sidebar .sections h3,
.sidebar_innr .sections h3,
.ma_sidebar h3,
.sections h3,
ul.sections h3 {
    color: #C0C0C0 !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    letter-spacing: 0.8px !important;
    text-transform: uppercase !important;
    margin-bottom: 15px !important;
    margin-top: 20px !important;
    padding-left: 10px !important;
    border-left: none !important;
    opacity: 1 !important;
}

/* Sidebar başlıkları için alternatif seçici */
.ma_sidebar .sidebar_innr h3 {
    color: #C0C0C0 !important;
    font-size: 16px !important;
    font-weight: 700 !important;
}

/* ========================================
   SİDEBAR LİNKLERİ VE ELEMENTLER - VİVİD TURUNCU
   ======================================== */

/* Sidebar menu linkleri - HEPSİ TURUNCU */
.sidebar ul.sections li a,
.sidebar_innr ul li a,
.ma_sidebar ul li a {
    color: #f5f5f5 !important;
    background: transparent !important;
    transition: all 0.3s;
}

.sidebar ul.sections li a:hover,
.sidebar_innr ul li a:hover,
.ma_sidebar ul li a:hover {
    color: #f5f5f5  !important;
    padding-left: 5px;
}

/* Sidebar ikonları - KOYU PARLAK TURUNCU */
.sidebar ul.sections li svg,
.sidebar_innr ul li svg,
.ma_sidebar ul li svg {
    fill: #ff4500 !important;
    color: #ff4500 !important;
    transition: all 0.3s ease !important;
}

.sidebar ul.sections li:hover svg,
.sidebar_innr ul li:hover svg,
.ma_sidebar ul li:hover svg {
    fill: #fff !important;
    color: #fff !important;
}

/* ========================================
   FOOTER LİNKLERİ DÜZENLEMESİ - ALT ALTA SIRALI
   ======================================== */

.ma_footer_links {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 15px 10px;
    font-size: 12px;
}

/* Sosyal Medya İkonları */
.footer_social {
    display: flex;
    justify-content: center;
    gap: 12px;
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(255, 159, 0, 0.15);
}

.footer_social a {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 159, 0, 0.1);
    border-radius: 50%;
    transition: all 0.3s;
}

.footer_social a:hover {
    background: #db4702;
    transform: scale(1.1);
}

.footer_social a svg {
    fill: #db4702;
}

.footer_social a:hover svg {
    fill: #fff;
}

/* Sayfa Linkleri - ALT ALTA */
.footer_pages {
    display: flex;
    flex-direction: column;
    gap: 6px;
    text-align: center;
}

.footer_pages a {
    color: #999;
    text-decoration: none;
    padding: 4px 0;
    transition: color 0.2s;
    font-size: 12px;
}

.footer_pages a:hover {
    color: #db4702;
}

/* Daha Fazla Butonu */
.footer_more {
    text-align: center;
    margin-top: 5px;
}

.footer_more .btn {
    background: rgba(255, 159, 0, 0.1);
    border: 1px solid #db4702;
    color: #db4702;
    padding: 5px 12px;
    font-size: 11px;
    border-radius: 4px;
}

.footer_more .btn:hover {
    background: #db4702;
    color: #fff;
}

/* ========================================
   COPYRIGHT VE DİL SEÇİMİ - TURUNCU RENK
   ======================================== */

.ma_footer_cright {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    padding: 15px 10px 10px;
    margin-top: 15px;
    border-top: 1px solid rgba(255, 159, 0, 0.2);
    text-align: center;
    width: 100%;
}

/* Copyright Metni - TURUNCU - EN GÜÇLÜ OVERRIDE */
body .ma_footer .ma_footer_cright,
body .ma_footer .ma_footer_cright p,
body .ma_footer .ma_footer_cright span,
body .ma_footer_cright,
body .ma_footer_cright p,
body .ma_footer_cright span,
.ma_footer .ma_footer_cright,
.ma_footer .ma_footer_cright p,
.ma_footer .ma_footer_cright span,
.ma_footer_cright,
.ma_footer_cright p,
.ma_footer_cright span {
    color: #db4702 !important;
    font-size: 12px !important;
    font-weight: 500 !important;
}

/* Dil Seçim Container - TAM ORTALAMA */
.ma_footer_cright .lang_select {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Dil Seçim Butonu - TURUNCU - EN GÜÇLÜ OVERRIDE */
body .ma_footer .ma_footer_cright .lang_select .btn,
body .ma_footer_cright .lang_select .btn,
.ma_footer .ma_footer_cright .lang_select .btn,
.ma_footer_cright .lang_select .btn {
    background: rgba(255, 159, 0, 0.15) !important;
    border: 1px solid #db4702 !important;
    color: #db4702 !important;
    padding: 6px 14px !important;
    font-size: 11px !important;
    border-radius: 5px !important;
    text-transform: uppercase !important;
    font-weight: 600 !important;
    transition: all 0.3s !important;
    margin: 0 auto !important;
}

body .ma_footer .ma_footer_cright .lang_select .btn:hover,
body .ma_footer_cright .lang_select .btn:hover,
.ma_footer .ma_footer_cright .lang_select .btn:hover,
.ma_footer_cright .lang_select .btn:hover {
    background: #db4702 !important;
    color: #1a1a1a !important;
    border-color: #db4702 !important;
    transform: translateY(-2px) !important;
}

/* Dil Dropdown Menu */
.ma_footer_cright .lang_select .dropdown-menu {
    background: #1a1a1a !important;
    border: 1px solid #db4702 !important;
}

.ma_footer_cright .lang_select .dropdown-menu a {
    color: #db4702 !important;
    padding: 8px 15px !important;
    transition: all 0.2s !important;
}

.ma_footer_cright .lang_select .dropdown-menu a:hover {
    background: #db4702 !important;
    color: #1a1a1a !important;
}

/* ========================================
   RADYO İSTASYONLARI - SİLME BUTONU GİZLE VE STİL
   ======================================== */

/* Radyo istasyon kartlarındaki silme butonlarını gizle */
.ds_radio_stat_list .cover_art button,
.ds_radio_stat_list .btn-primary,
.track_list .cover_art button[onclick*="deleteStation"],
.ds_radio_stat_list button[title*="Delete"],
.cover_art .btn.btn-primary {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

/* Radyo kartları genel stil */
.ds_radio_stat_list {
    background: rgba(42, 42, 42, 0.8) !important;
    border: 1px solid rgba(255, 159, 0, 0.1) !important;
    border-radius: 8px !important;
    transition: all 0.3s !important;
    margin-bottom: 15px !important;
    padding: 10px !important;
}

.ds_radio_stat_list:hover {
    background: rgba(50, 50, 50, 0.9) !important;
    border-color: rgba(255, 159, 0, 0.4) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 5px 20px rgba(255, 159, 0, 0.2) !important;
}

/* Radyo logosu */
.ds_radio_stat_list .cover_art img {
    border-radius: 8px !important;
    border: 2px solid rgba(255, 159, 0, 0.3) !important;
}

/* Play butonu turuncu */
.ds_radio_stat_list .play_btn {
    background: rgba(206, 100, 2, 0.9) !important;
}

.ds_radio_stat_list .play_btn:hover {
    background: #ec6104 !important;
    transform: scale(1.1) !important;
}

.ds_radio_stat_list .play_btn svg path {
    fill: #1a1a1a !important;
}

/* Radyo başlığı */
.ds_radio_stat_list .title {
    color: #db4702 !important;
    font-weight: 600 !important;
    font-size: 15px !important;
}

/* Radyo açıklaması */
.ds_radio_stat_list .artist {
    color: #999 !important;
    font-size: 12px !important;
}

/* ========================================
   RADYO SAYFASI - KOMPAKT KARE KARTLAR
   ======================================== */

/* Ana container - Grid düzeni */
.sq_music_tracks.radio_stations_grid,
.sq_music_tracks.radio_stations_grid .sq_track_slider,
.sq_music_tracks.radio_stations_grid #new-music {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)) !important;
    gap: 15px !important;
    padding: 20px 0 !important;
    width: 100% !important;
}

/* Slider özelliklerini kapat */
.radio_stations_grid .sq_track_slider.no-slider {
    overflow: visible !important;
    white-space: normal !important;
}

/* Radyo kartları - KARE ŞEKİL */
.radio_stations_grid .track_list,
.radio_stations_grid .ds_radio_stat_list {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    background: rgba(42, 42, 42, 0.8) !important;
    border: 1px solid rgba(255, 159, 0, 0.1) !important;
    border-radius: 12px !important;
    overflow: hidden !important;
    transition: all 0.3s !important;
}

.radio_stations_grid .ds_radio_stat_list:hover {
    border-color: rgba(255, 159, 0, 0.5) !important;
    transform: translateY(-5px) !important;
    box-shadow: 0 8px 25px rgba(255, 159, 0, 0.3) !important;
}

/* Track container */
.radio_stations_grid .track {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
}

/* Cover art - KARE LOGO */
.radio_stations_grid .cover_art {
    width: 100% !important;
    padding-bottom: 100% !important;
    position: relative !important;
    overflow: hidden !important;
    background: #1a1a1a !important;
}

.radio_stations_grid .cover_art a {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    display: block !important;
}

.radio_stations_grid .cover_art img {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    transition: transform 0.3s !important;
}

.radio_stations_grid .ds_radio_stat_list:hover .cover_art img {
    transform: scale(1.05) !important;
}

/* Play butonu - ORTADA */
.radio_stations_grid .play_btn {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    width: 50px !important;
    height: 50px !important;
    background: rgba(255, 159, 0, 0.95) !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    opacity: 0 !important;
    transition: all 0.3s !important;
    z-index: 2 !important;
}

.radio_stations_grid .ds_radio_stat_list:hover .play_btn {
    opacity: 1 !important;
    transform: translate(-50%, -50%) scale(1.1) !important;
}

.radio_stations_grid .play_btn svg {
    color: #1a1a1a !important;
    fill: #1a1a1a !important;
}

/* Track info - KOMPAKT */
.radio_stations_grid .track_info {
    padding: 12px !important;
    text-align: center !important;
    background: rgba(42, 42, 42, 0.9) !important;
}

.radio_stations_grid .track_info .title {
    color: #db4702 !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    margin: 0 0 5px 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    display: block !important;
}

.radio_stations_grid .track_info .genre {
    color: #999 !important;
    font-size: 11px !important;
    margin: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

/* Load More butonu */
.radio_stations_grid .see_all {
    grid-column: 1 / -1 !important;
    margin-top: 20px !important;
}

/* ========================================
   RESPONSİVE - KARE KARTLAR
   ======================================== */

/* Mobil - 2 sütun */
@media (max-width: 576px) {
    .sq_music_tracks.radio_stations_grid,
    .sq_music_tracks.radio_stations_grid .sq_track_slider,
    .sq_music_tracks.radio_stations_grid #new-music {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 10px !important;
    }
}

/* Tablet - 4 sütun */
@media (min-width: 577px) and (max-width: 1024px) {
    .sq_music_tracks.radio_stations_grid,
    .sq_music_tracks.radio_stations_grid .sq_track_slider,
    .sq_music_tracks.radio_stations_grid #new-music {
        grid-template-columns: repeat(4, 1fr) !important;
    }
}

/* Desktop - 5 sütun */
@media (min-width: 1025px) and (max-width: 1399px) {
    .sq_music_tracks.radio_stations_grid,
    .sq_music_tracks.radio_stations_grid .sq_track_slider,
    .sq_music_tracks.radio_stations_grid #new-music {
        grid-template-columns: repeat(5, 1fr) !important;
    }
}

/* Geniş ekran - 6 sütun */
@media (min-width: 1400px) {
    .sq_music_tracks.radio_stations_grid,
    .sq_music_tracks.radio_stations_grid .sq_track_slider,
    .sq_music_tracks.radio_stations_grid #new-music {
        grid-template-columns: repeat(6, 1fr) !important;
    }
}
/* ========================================
   RADYO KARE KARTLARI - ZORLA OVERRIDE
   ======================================== */

.sq_music_tracks,
.sq_music_tracks .sq_track_slider,
.sq_music_tracks #new-music {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)) !important;
    gap: 15px !important;
}

.track_list,
.ds_radio_stat_list {
    width: auto !important;
    max-width: none !important;
    min-height: 250px !important;
}

.ds_radio_stat_list .cover_art {
    width: 100% !important;
    padding-bottom: 100% !important;
    height: 0 !important;
    position: relative !important;
}

.ds_radio_stat_list .cover_art img {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

/* ========================================
   RADYO PLAYER MODAL
   ======================================== */

.radio-player-modal {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background: rgba(0, 0, 0, 0.85) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    z-index: 9999 !important;
    backdrop-filter: blur(8px) !important;
    animation: fadeIn 0.3s ease !important;
}

@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

.radio-player-content {
    background: var(--card-bg) !important;
    border: 2px solid rgba(255, 159, 0, 0.4) !important;
    border-radius: 20px !important;
    width: 90% !important;
    max-width: 500px !important;
    max-height: 80vh !important;
    overflow: hidden !important;
    box-shadow: 0 25px 50px rgba(0, 0, 0, 0.7), 
                0 0 30px rgba(255, 159, 0, 0.3) !important;
    animation: slideUp 0.3s ease !important;
}

@keyframes slideUp {
    from { 
        transform: translateY(50px);
        opacity: 0;
    }
    to { 
        transform: translateY(0);
        opacity: 1;
    }
}

.radio-player-header {
    background: linear-gradient(135deg, #db4702, #db4702) !important;
    color: #1a1a1a !important;
    padding: 20px 25px !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3) !important;
}

.radio-player-header h3 {
    margin: 0 !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #1a1a1a !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
}

.radio-player-close {
    background: rgba(26, 26, 26, 0.2) !important;
    border: none !important;
    font-size: 28px !important;
    color: #1a1a1a !important;
    cursor: pointer !important;
    padding: 0 !important;
    width: 35px !important;
    height: 35px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 50% !important;
    transition: all 0.3s ease !important;
    font-weight: 300 !important;
    line-height: 1 !important;
}

.radio-player-close:hover {
    background: rgba(26, 26, 26, 0.4) !important;
    transform: rotate(90deg) scale(1.1) !important;
}

.radio-player-body {
    padding: 30px !important;
    background: var(--dark-bg) !important;
}

.radio-player-info {
    display: flex !important;
    align-items: center !important;
    margin-bottom: 25px !important;
    gap: 20px !important;
    padding: 15px !important;
    background: rgba(255, 159, 0, 0.05) !important;
    border-radius: 12px !important;
    border: 1px solid rgba(255, 159, 0, 0.2) !important;
}

.radio-player-logo {
    width: 70px !important;
    height: 70px !important;
    border-radius: 12px !important;
    overflow: hidden !important;
    border: 3px solid rgba(255, 159, 0, 0.5) !important;
    flex-shrink: 0 !important;
    box-shadow: 0 4px 15px rgba(255, 159, 0, 0.3) !important;
    transition: transform 0.3s ease !important;
}

.radio-player-logo:hover {
    transform: scale(1.05) !important;
}

.radio-player-logo img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

.radio-player-details {
    flex: 1 !important;
}

.radio-player-details h4 {
    margin: 0 0 8px 0 !important;
    color: #db4702 !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3) !important;
}

.radio-player-details p {
    margin: 0 !important;
    color: #bbb !important;
    font-size: 14px !important;
    font-weight: 500 !important;
}

.radio-player-controls {
    background: rgba(26, 26, 26, 0.7) !important;
    border-radius: 12px !important;
    padding: 20px !important;
    border: 1px solid rgba(255, 159, 0, 0.2) !important;
}

.radio-player-controls audio {
    width: 100% !important;
    height: 50px !important;
    background: transparent !important;
    border: none !important;
    outline: none !important;
    filter: brightness(1.2) contrast(1.1) !important;
}

/* Audio player özel stilleri */
.radio-player-controls audio::-webkit-media-controls-panel {
    background: linear-gradient(135deg, rgba(255, 159, 0, 0.1), rgba(255, 159, 0, 0.05)) !important;
    border-radius: 8px !important;
}

.radio-player-controls audio::-webkit-media-controls-play-button {
    background: #db4702 !important;
    border-radius: 50% !important;
    filter: drop-shadow(0 2px 5px rgba(255, 159, 0, 0.5)) !important;
}

.radio-player-controls audio::-webkit-media-controls-current-time-display,
.radio-player-controls audio::-webkit-media-controls-time-remaining-display {
    color: #db4702 !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5) !important;
}

.radio-player-controls audio::-webkit-media-controls-timeline {
    background: rgba(255, 159, 0, 0.2) !important;
    border-radius: 10px !important;
}

.radio-player-controls audio::-webkit-media-controls-volume-slider {
    background: rgba(255, 159, 0, 0.2) !important;
    border-radius: 10px !important;
}

/* Responsive - Mobil */
@media (max-width: 576px) {
    .radio-player-content {
        width: 95% !important;
        margin: 15px !important;
        border-radius: 15px !important;
    }
    
    .radio-player-header {
        padding: 15px 20px !important;
    }
    
    .radio-player-header h3 {
        font-size: 16px !important;
    }
    
    .radio-player-close {
        width: 30px !important;
        height: 30px !important;
        font-size: 24px !important;
    }
    
    .radio-player-body {
        padding: 20px !important;
    }
    
    .radio-player-info {
        flex-direction: column !important;
        text-align: center !important;
        gap: 15px !important;
        padding: 15px !important;
    }
    
    .radio-player-logo {
        width: 90px !important;
        height: 90px !important;
    }
    
    .radio-player-details h4 {
        font-size: 16px !important;
    }
    
    .radio-player-details p {
        font-size: 13px !important;
    }
    
    .radio-player-controls {
        padding: 15px !important;
    }
    
    .radio-player-controls audio {
        height: 45px !important;
    }
}

/* Tablet */
@media (min-width: 577px) and (max-width: 768px) {
    .radio-player-content {
        max-width: 450px !important;
    }
    
    .radio-player-logo {
        width: 65px !important;
        height: 65px !important;
    }
}

/* ========================================
   RADYO KARELERİ - KÜÇÜK BOYUT (GÜNCEL)
   ======================================== */

/* Ana grid container - KÜÇÜK KARELER */
.sq_music_tracks.radio_stations_grid,
.sq_music_tracks.radio_stations_grid .sq_track_slider,
.sq_music_tracks.radio_stations_grid #new-music {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(120px, 1fr)) !important;
    gap: 10px !important;
    padding: 15px 0 !important;
    width: 100% !important;
}

/* Radyo kartları - KÜÇÜK KARE */
.radio_stations_grid .track_list,
.radio_stations_grid .ds_radio_stat_list {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    min-height: 160px !important; /* 250px'den 160px'e */
    display: flex !important;
    flex-direction: column !important;
    background: rgba(42, 42, 42, 0.8) !important;
    border: 1px solid rgba(255, 159, 0, 0.1) !important;
    border-radius: 12px !important;
    overflow: hidden !important;
    transition: all 0.3s !important;
}

.radio_stations_grid .ds_radio_stat_list:hover {
    border-color: rgba(255, 159, 0, 0.5) !important;
    transform: translateY(-3px) !important;
    box-shadow: 0 6px 20px rgba(255, 159, 0, 0.3) !important;
}

/* Track container */
.radio_stations_grid .track {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
}

/* Cover art - KÜÇÜK KARE LOGO */
.radio_stations_grid .cover_art {
    width: 100% !important;
    padding-bottom: 100% !important; /* Kare oran */
    position: relative !important;
    overflow: hidden !important;
    background: #1a1a1a !important;
}

.radio_stations_grid .cover_art a {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    display: block !important;
}

.radio_stations_grid .cover_art img {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    transition: transform 0.3s !important;
}

.radio_stations_grid .ds_radio_stat_list:hover .cover_art img {
    transform: scale(1.05) !important;
}

/* Play butonu - KÜÇÜK */
.radio_stations_grid .play_btn {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    width: 40px !important; /* 50px'den 40px'e */
    height: 40px !important; /* 50px'den 40px'e */
    background: rgba(255, 159, 0, 0.95) !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    opacity: 0 !important;
    transition: all 0.3s !important;
    z-index: 2 !important;
}

.radio_stations_grid .ds_radio_stat_list:hover .play_btn {
    opacity: 1 !important;
    transform: translate(-50%, -50%) scale(1.1) !important;
}

.radio_stations_grid .play_btn svg {
    width: 16px !important; /* 20px'den 16px'e */
    height: 16px !important; /* 20px'den 16px'e */
    color: #1a1a1a !important;
    fill: #1a1a1a !important;
}

/* Track info - KOMPAKT */
.radio_stations_grid .track_info {
    padding: 8px !important; /* 12px'den 8px'e */
    text-align: center !important;
    background: rgba(42, 42, 42, 0.9) !important;
    flex: 1 !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
}

.radio_stations_grid .track_info .title {
    color: #db4702 !important;
    font-size: 12px !important; /* 13px'den 12px'e */
    font-weight: 600 !important;
    margin: 0 0 3px 0 !important; /* 5px'den 3px'e */
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    display: block !important;
    line-height: 1.2 !important;
}

.radio_stations_grid .track_info .genre {
    color: #999 !important;
    font-size: 10px !important; /* 11px'den 10px'e */
    margin: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    line-height: 1.2 !important;
}

/* Load More butonu */
.radio_stations_grid .see_all {
    grid-column: 1 / -1 !important;
    margin-top: 15px !important; /* 20px'den 15px'e */
}

/* ========================================
   RESPONSİVE - KÜÇÜK KARELER
   ======================================== */

/* Mobil - 3 sütun (2'den 3'e) */
@media (max-width: 576px) {
    .sq_music_tracks.radio_stations_grid,
    .sq_music_tracks.radio_stations_grid .sq_track_slider,
    .sq_music_tracks.radio_stations_grid #new-music {
        grid-template-columns: repeat(3, 1fr) !important;
        gap: 8px !important;
    }
    
    .radio_stations_grid .track_list,
    .radio_stations_grid .ds_radio_stat_list {
        min-height: 140px !important; /* Mobilde daha küçük */
    }
    
    .radio_stations_grid .play_btn {
        width: 35px !important;
        height: 35px !important;
    }
    
    .radio_stations_grid .play_btn svg {
        width: 14px !important;
        height: 14px !important;
    }
    
    .radio_stations_grid .track_info .title {
        font-size: 11px !important;
    }
    
    .radio_stations_grid .track_info .genre {
        font-size: 9px !important;
    }
}

/* Tablet - 4 sütun */
@media (min-width: 577px) and (max-width: 768px) {
    .sq_music_tracks.radio_stations_grid,
    .sq_music_tracks.radio_stations_grid .sq_track_slider,
    .sq_music_tracks.radio_stations_grid #new-music {
        grid-template-columns: repeat(4, 1fr) !important;
        gap: 12px !important;
    }
}

/* Desktop - 5 sütun */
@media (min-width: 769px) and (max-width: 1024px) {
    .sq_music_tracks.radio_stations_grid,
    .sq_music_tracks.radio_stations_grid .sq_track_slider,
    .sq_music_tracks.radio_stations_grid #new-music {
        grid-template-columns: repeat(5, 1fr) !important;
    }
}

/* Geniş ekran - 6 sütun */
@media (min-width: 1025px) {
    .sq_music_tracks.radio_stations_grid,
    .sq_music_tracks.radio_stations_grid .sq_track_slider,
    .sq_music_tracks.radio_stations_grid #new-music {
        grid-template-columns: repeat(6, 1fr) !important;
    }
}

/* ========================================
   ESKİ BÜYÜK KARE KODLARINI OVERRIDE ET
   ======================================== */

/* Eski büyük kodları geçersiz kıl */
.sq_music_tracks,
.sq_music_tracks .sq_track_slider,
.sq_music_tracks #new-music {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(120px, 1fr)) !important; /* 160px'den 120px'e */
    gap: 10px !important; /* 15px'den 10px'e */
}

.track_list,
.ds_radio_stat_list {
    width: auto !important;
    max-width: none !important;
    min-height: 160px !important; /* 250px'den 160px'e */
}

.ds_radio_stat_list .cover_art {
    width: 100% !important;
    padding-bottom: 100% !important; /* Kare oran korunur */
    height: 0 !important;
    position: relative !important;
}

.ds_radio_stat_list .cover_art img {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}
/* ========================================
   RADYO SQUARE GRID CONTAINER - ÖZEL
   ======================================== */

/* Ana container */
.radio_square_grid_container {
    width: 100% !important;
    padding: 20px 0 !important;
}

/* Grid container */
.radio_square_grid {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(120px, 120px)) !important;
    gap: 15px !important;
    width: 100% !important;
    justify-content: center !important;
}

/* Grid içindeki kartlar */
.radio_square_grid .track_list,
.radio_square_grid .ds_radio_stat_list,
.radio_square_grid .radio_square_card {
    width: 120px !important;
    height: 180px !important;
    max-width: 120px !important;
    max-height: 180px !important;
    margin: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    background: rgba(42, 42, 42, 0.8) !important;
    border: 1px solid rgba(255, 159, 0, 0.1) !important;
    border-radius: 12px !important;
    overflow: hidden !important;
    transition: all 0.3s !important;
}

.radio_square_grid .ds_radio_stat_list:hover {
    border-color: rgba(255, 159, 0, 0.5) !important;
    transform: translateY(-3px) !important;
    box-shadow: 0 6px 20px rgba(255, 159, 0, 0.3) !important;
}

/* Track container */
.radio_square_grid .track {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
}

/* Cover art - KÜÇÜK KARE */
.radio_square_grid .cover_art {
    width: 120px !important;
    height: 120px !important;
    max-width: 120px !important;
    max-height: 120px !important;
    position: relative !important;
    overflow: hidden !important;
    background: #1a1a1a !important;
    padding-bottom: 0 !important;
}

.radio_square_grid .cover_art a {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    display: block !important;
}

.radio_square_grid .cover_art img {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 120px !important;
    height: 120px !important;
    max-width: 120px !important;
    max-height: 120px !important;
    object-fit: cover !important;
    transition: transform 0.3s !important;
}

.radio_square_grid .ds_radio_stat_list:hover .cover_art img {
    transform: scale(1.05) !important;
}

/* Play butonu */
.radio_square_grid .play_btn {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    width: 40px !important;
    height: 40px !important;
    background: rgba(255, 159, 0, 0.95) !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    opacity: 0 !important;
    transition: all 0.3s !important;
    z-index: 2 !important;
}

.radio_square_grid .ds_radio_stat_list:hover .play_btn {
    opacity: 1 !important;
    transform: translate(-50%, -50%) scale(1.1) !important;
}

.radio_square_grid .play_btn svg {
    width: 16px !important;
    height: 16px !important;
    color: #1a1a1a !important;
    fill: #1a1a1a !important;
}

/* Track info */
.radio_square_grid .track_info {
    padding: 8px !important;
    text-align: center !important;
    background: rgba(42, 42, 42, 0.9) !important;
    flex: 1 !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    height: 60px !important;
}

.radio_square_grid .track_info .title {
    color: #FF9F00 !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    margin: 0 0 3px 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    display: block !important;
    line-height: 1.2 !important;
}

.radio_square_grid .track_info .genre {
    color: #999 !important;
    font-size: 10px !important;
    margin: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    line-height: 1.2 !important;
}

/* Responsive */
@media (max-width: 576px) {
    .radio_square_grid {
        grid-template-columns: repeat(3, 120px) !important;
        gap: 10px !important;
    }
    
    .radio_square_grid .track_list,
    .radio_square_grid .ds_radio_stat_list {
        width: 100px !important;
        height: 160px !important;
        max-width: 100px !important;
        max-height: 160px !important;
    }
    
    .radio_square_grid .cover_art {
        width: 100px !important;
        height: 100px !important;
    }
    
    .radio_square_grid .cover_art img {
        width: 100px !important;
        height: 100px !important;
    }
    
    .radio_square_grid .play_btn {
        width: 35px !important;
        height: 35px !important;
    }
}

@media (min-width: 577px) and (max-width: 768px) {
    .radio_square_grid {
        grid-template-columns: repeat(4, 120px) !important;
    }
}

@media (min-width: 769px) and (max-width: 1024px) {
    .radio_square_grid {
        grid-template-columns: repeat(5, 120px) !important;
    }
}

@media (min-width: 1025px) {
    .radio_square_grid {
        grid-template-columns: repeat(6, 120px) !important;
    }
}

/* Play butonu geçirgen - Link tıklanabilsin */
.radio_square_grid .cover_art a {
    position: relative !important;
    z-index: 999 !important;
}

.radio_square_grid .play_btn {
    pointer-events: none !important;
    z-index: 1 !important;
}

.radio_square_grid .play_btn svg {
    pointer-events: none !important;
}
/* ========================================
   PLAY BUTONU GEÇİRGEN YAP - ZORUNLU
   ======================================== */

/* Play butonunu tamamen pasif yap */
.radio_square_grid .play_btn,
.radio_stations_grid .play_btn,
.radio_square_card .play_btn,
.cover_art .play_btn {
    pointer-events: none !important;
    z-index: 1 !important;
}

/* SVG'yi de pasif yap */
.radio_square_grid .play_btn svg,
.radio_stations_grid .play_btn svg,
.radio_square_card .play_btn svg,
.cover_art .play_btn svg {
    pointer-events: none !important;
}

/* Link'i aktif yap */
.radio_square_grid .cover_art > a,
.radio_stations_grid .cover_art > a,
.radio_square_card .cover_art > a {
    position: relative !important;
    z-index: 999 !important;
    pointer-events: auto !important;
    cursor: pointer !important;
}

/* Tüm cover_art'ı tıklanabilir yap */
.radio_square_grid .cover_art,
.radio_stations_grid .cover_art,
.radio_square_card .cover_art {
    cursor: pointer !important;
}
/* ========================================
   RADYO PLAY BUTONU - ZORUNLU GEÇİRGEN
   ======================================== */

/* Tüm play butonlarını pasif yap */
.play_btn,
div[class*="play"],
.nsm7Bb-HzV7m-LgbsSe-bN97Pc-sM5MNb svg,
.cover_art svg {
    pointer-events: none !important;
}

/* Cover art linklerini aktif yap */
.cover_art a,
.track_list a,
.radio_square_card a {
    pointer-events: auto !important;
    cursor: pointer !important;
    display: block !important;
    position: relative !important;
    z-index: 10 !important;
}

/* Cover art'ı tıklanabilir yap */
.cover_art {
    cursor: pointer !important;
}

/* SIDEBAR KATEGORİ İKONLARI - AÇIK TURUNCU - EN GÜÇLÜ OVERRIDE */
.sidebar .sidebar_innr .sections li a {
    color: #f9f9f9 !important;
    transition: all 0.3s ease !important;
}

.sidebar .sidebar_innr .sections li a svg {
    fill: #ff6b35 !important;
    color: #ff6b35 !important;
    transition: all 0.3s ease !important;
}

.sidebar .sidebar_innr .sections li a svg path {
    fill: #ff6b35 !important;
    color: #ff6b35 !important;
    transition: all 0.3s ease !important;
}

/* SIDEBAR KATEGORİ İKONLARI HOVER - BEYAZ - EN GÜÇLÜ OVERRIDE */
.sidebar .sidebar_innr .sections li a:hover {
    color: #fff !important;
}

.sidebar .sidebar_innr .sections li a:hover svg {
    fill: #fff !important;
    color: #fff !important;
}

.sidebar .sidebar_innr .sections li a:hover svg path {
    fill: #fff !important;
    color: #fff !important;
}

/* HIT SANATÇILAR İKONU - STROKE KULLANAN SVG */
.sidebar .sidebar_innr .sections li a svg[class*="feather"] {
    stroke: #ff6b35 !important;
    fill: none !important;
    color: #ff6b35 !important;
    transition: all 0.3s ease !important;
}

.sidebar .sidebar_innr .sections li a:hover svg[class*="feather"] {
    stroke: #fff !important;
    fill: none !important;
    color: #fff !important;
}
/* GİRİŞ/KAYIT butonlarını mobilde geri getirme */ 
@media (max-width: 768px){ 
    header .head_user{ 
        display: flex !important;
        align-items: center !important; gap: 8px !important; 
        position: static !important; left: auto !important; 
        top: auto !important; visibility: visible !important;
        opacity: 1 !important; width: auto !important; 
        height: auto !important; 
        overflow: visible !important;
        /* Tek satır ve eşit paylaştırma için yeterli alan */ 
        flex-wrap: nowrap !important; } 
        /* İki buton da aynı stiller + eşit genişlik */
        header .head_user .hide_hd_btn{ 
            display: inline-flex !important;
            align-items: center !important; 
            justify-content: center !important;
            position: static !important; 
            left: auto !important; 
            top: auto !important; 
            width: auto !important; 
            height: auto !important; 
            visibility: visible !important;
            opacity: 1 !important;
           
            font-size: 13px !important; 
            line-height: 1.2 !important; 
            padding: 6px 10px !important; 
            border-radius: 4px !important; 
           
            flex: 1 1 0 !important;  
            min-width: 0 !important; 
            max-width: none !important; 
            text-align: center !important; 
           
            white-space: nowrap; } 
            
            header .head_user .hide_hd_btn.d-none, 
            header .head_user .hide_hd_btn[class*="hidden"], 
            header .head_user .hide_hd_btn.d-md-none{ 
                display: inline-flex !important; } 
                 }


/* — Android: Giriş/Dropdown paneli ekran dışına taşmasınını engellemek için — */
@media (max-width: 768px){
  
  .login-popover,
  .auth-pop,
  .login-dropdown,
  .dropdown-menu,
  .dropdown-menu.show,
  .dropdown-menu[style],
  .login-popover[style],
  .auth-pop[style],
  .login-dropdown[style]{
    position: fixed !important;                               
    top: calc(env(safe-area-inset-top, 0px) + 56px) !important;
    left: 50% !important;
    right: auto !important;
    bottom: auto !important;
    transform: translateX(-50%) !important;                  

    width: auto !important;
    max-width: 92vw !important;                               
    min-width: 0 !important;                                  
    max-height: 80dvh !important;                            
    overflow: auto !important;
    -webkit-overflow-scrolling: touch;
    box-sizing: border-box !important;

    
    inset: auto !important;
    z-index: 9999 !important;
  }
}
/* === GİRİŞ SONRASI header === */


@media (max-width: 768px){
  header .head_user{
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    flex-wrap: wrap !important;
  }
  header .head_user .notis,
  header .head_user .chaticon,
  header .head_user .opts_account{
    display: inline-flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: static !important;
    width: auto !important;
    height: auto !important;
  }
  header .head_user .notis svg,
  header .head_user .chaticon svg,
  header .head_user .opts_account svg{
    width: 18px !important;
    height: 18px !important;
  }
}

@media (max-width: 1024px){
  
  header,
  header .head_wrap,
  header .wrapper,
  header .container{
    padding-left: clamp(12px, 3.5vw, 24px) !important;
    padding-right: clamp(12px, 3.5vw, 24px) !important;
    box-sizing: border-box !important;
    max-width: 100% !important;
    width: 100% !important;
  }
  header .head_user.ms-auto,
  header .head_user.ml-auto{ margin-left: 0 !important; }
  header .head_user{
    margin-left: 0 !important;
    margin-right: clamp(8px, 2vw, 16px) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 10px !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
  }
  header .head_menu,
  header .head_logo{
    flex: 0 1 auto !important;
    min-width: 0 !important;
  }
  header .head_logo img,
  header .head_logo svg{
    max-width: clamp(120px, 28vw, 180px) !important;
    height: auto !important;
  }
  header .head_user > *,
  header .head_user .notis,
  header .head_user .chaticon,
  header .head_user .opts_account{
    flex: 0 0 auto !important;
    min-width: 0 !important;
  }
}

header .opts_account{
  /* nükleer gizlemelerin kalıntılarını sıfırla */
  display: inline-flex !important;
  align-items: center !important;
  position: relative !important;
  visibility: visible !important;
  opacity: 1 !important;
  left: auto !important; top: auto !important;
  width: auto !important; height: auto !important;
  overflow: visible !important;
  margin: 0 !important; padding: 0 !important;
  pointer-events: auto !important;
}
header .opts_account *{
 
  visibility: visible !important; opacity: 1 !important;
  position: static !important; left: auto !important; top: auto !important;
  width: auto !important; height: auto !important;
  margin: 0 !important; padding: 0 !important;
  overflow: visible !important;
  transform: none !important;
  clip: auto !important; clip-path: none !important;
}

header .opts_account .dropdown-menu{
  
  display: none !important;
  position: absolute !important;
  top: calc(100% + 8px) !important;
  right: 0 !important; left: auto !important;

  min-width: 180px !important;
  max-width: 92vw !important;   /* dar ekranda taşma olmasın */
  max-height: 70dvh !important;
  overflow: auto !important;
  -webkit-overflow-scrolling: touch;
  box-sizing: border-box !important;

  visibility: visible !important; opacity: 1 !important;
  margin: 0 !important; padding: 8px 0 !important;
  transform: none !important; clip: auto !important; clip-path: none !important;
  z-index: 10010 !important;
}


header .opts_account .dropdown-menu.show,
header .opts_account.is-open .dropdown-menu,
header .opts_account [aria-expanded="true"] + .dropdown-menu{
  display: block !important;
}

@media (max-width: 1024px){
  header .head_search,
  header .head_search_mobi,
  header .head_search_cont,
  header .head_search .search_dropdown{
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
  }
}
/*avatar kenarlarını yuvarlama*/

header .opts_account .avatar,
header .opts_account .user-avatar,
header .opts_account img{
  border-radius: 50% !important;      /* daire */
  overflow: hidden !important;         /* köşeleri kırp */
  object-fit: cover !important;        /* yüzü ortala/kırp */
  vertical-align: middle !important;
  /* boyuta dokunmuyoruz; tema ne veriyorsa onu kullanır.
     gerekirse mobilde ufaltmayı aç: */
}

/*  Çok dar cihazlarda ikonları biraz küçült  */
@media (max-width: 768px){
  header .head_user{ gap: 8px !important; padding-right: 10px !important; }
  header .head_user svg{ width: 18px !important; height: 18px !important; }
}
@media (max-width: 360px){
  header .head_user{ gap: 6px !important; padding-right: 8px !important; }
  header .head_user svg{ width: 16px !important; height: 16px !important; }
}