/* Yan Panel Stilleri */

/* Ortak Panel Stilleri */
.side-fixed-panel {
    position: fixed;
    top: 200px;          /* Sabit — navbar altından başla */
    width: 190px;
    background: linear-gradient(160deg, #0f1623 0%, #1a2235 100%);
    border-radius: 10px;
    box-shadow: 0 8px 32px rgba(0,0,0,0.45);
    color: #fff;
    z-index: 9999;
    font-family: 'Space Grotesk', 'Poppins', sans-serif;
    border: 1px solid rgba(79,70,229,0.18);
    opacity: 0;          /* JS ile gösterilecek */
}

/* Sol Panel */
.side-fixed-panel:not(.right-panel) {
    left: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    transform: translateY(-50%) translateX(0);
}

.side-fixed-panel:not(.right-panel).panel-hidden {
    transform: translateY(-50%) translateX(-162px);
}

.side-fixed-panel:not(.right-panel):hover {
    transform: translateY(-50%) translateX(0) !important;
}

/* Sağ Panel */
.side-fixed-panel.right-panel {
    right: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    transform: translateY(-50%) translateX(0);
}

.side-fixed-panel.right-panel.panel-hidden {
    transform: translateY(-50%) translateX(162px);
}

.side-fixed-panel.right-panel:hover {
    transform: translateY(-50%) translateX(0) !important;
}

/* Panel Link Stilleri */
.fixed-panel-link {
    display: flex;
    align-items: center;
    padding: 10px 15px;
    color: #fff;
    text-decoration: none;
    border-bottom: 1px solid rgba(255,255,255,0.05);
    transition: background 0.25s ease;
}

.fixed-panel-link:hover {
    background: rgba(79,70,229,0.12);
    color: #fff;
}

/* Panel Icon Stilleri */
.fixed-panel-icon {
    width: 38px;
    height: 38px;
    min-width: 38px;
    border-radius: 8px;
    background: #0d6efd;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 11px;
    font-size: 16px;
}

.percent-icon  { background: linear-gradient(135deg,#4F46E5,#7C3AED); }
.home-icon     { background: linear-gradient(135deg,#10B981,#059669); }
.payment-icon  { background: linear-gradient(135deg,#F59E0B,#D97706); }
.google-icon   { background: linear-gradient(135deg,#4285F4,#1a73e8); }
.ssl-icon      { background: linear-gradient(135deg,#10B981,#059669); }
.iso-icon      { background: linear-gradient(135deg,#6366F1,#4F46E5); }
.support-icon  { background: linear-gradient(135deg,#8B5CF6,#7C3AED); }
.social-icon-main { background: linear-gradient(135deg,#E4405F,#bc1888); }

/* Etiket */
.fixed-panel-label    { font-weight: 600; font-size: 13px; color: #fff; margin-bottom: 1px; }
.fixed-panel-sublabel { font-size: 10px; color: rgba(255,255,255,0.55); }

/* Alt Bilgiler */
.fixed-panel-bottom { display: flex; border-bottom: 1px solid rgba(255,255,255,0.05); padding: 8px 0; text-align: center; }
.fixed-panel-bottom-item { flex: 1; padding: 4px; }
.bottom-item-value { font-weight: 700; font-size: 16px; color: #10B981; }
.bottom-item-label { font-size: 11px; color: rgba(255,255,255,0.6); }

/* Buton */
.fixed-panel-button {
    display: block;
    background: linear-gradient(135deg,#10B981,#059669);
    color: #fff;
    text-align: center;
    padding: 9px;
    font-size: 13px;
    font-weight: 600;
    border-bottom-right-radius: 10px;
    text-decoration: none;
    transition: all 0.3s ease;
}
.fixed-panel-button:hover { background: linear-gradient(135deg,#059669,#047857); color: #fff; }

/* Sağ Panel Başlık */
.right-panel-header { padding: 11px 15px; font-weight: 600; font-size: 13px; color: #10B981; border-bottom: 1px solid rgba(255,255,255,0.08); }

/* Sosyal popup */
.social-popup { position: absolute; right: 75px; top: 50%; transform: translateY(-50%); display: flex; flex-direction: column; gap: 8px; opacity: 0; visibility: hidden; transition: all 0.3s ease; }
.social-popup-icon { width: 38px; height: 38px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 16px; color: #fff; text-decoration: none; transition: transform 0.2s ease; }
.social-popup-icon:hover { transform: scale(1.15); }
.social-popup-icon.instagram { background: linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888); }
.social-popup-icon.facebook  { background: #1877F2; }
.social-popup-icon.twitter   { background: #1DA1F2; }

/* Responsive */
@media (max-width: 991.98px) {
    .side-fixed-panel { display: none !important; }
}