.modal-fa {
    position: fixed;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    background-color: #212845;
    padding: 10px;
    width: 200px;
    border-radius: 0 27px 24px 0;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2);
    animation: slide-in 0.5s ease-in-out;
    display: none;
    z-index: 9999;
    font-family: Arial, sans-serif;
}

.modal-fa * {
    color: #74f7ec;
}

.modal-fa a {
    color: #ffffff !important;
    text-decoration: none;
}

.modal-fa a:hover {
    text-decoration: underline;
}


@keyframes slide-in {
    from {
        left: -270px;
    }
    to {
        left: 0;
    }
}

.close-btn {
    background: none;
    border: none;
    color: white;
    font-size: 18px;
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
}



:root {
        --primary-color: #4361ee;
        --secondary-color: #3a0ca3;
        --accent-color: #f72585;
        --text-light: #080808;
        --text-dark: #212529;
        --bg-gradient: linear-gradient(135deg, #ffffff 0%, #ffffff 100%);
    }

    .top-infobar {
        background: var(--bg-gradient);
        color: var(--text-light);
        font-size: 13px;
        padding: 8px 25px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        font-family: 'Montserrat', sans-serif;
        font-weight: 600;
        box-shadow: -1px -1px 10px 0px rgba(0, 0, 0, 0.1);
        position: relative;
        z-index: 1000;
    }

    .info-left span, .info-right span {
        margin-right: 20px;
        display: inline-flex;
        align-items: center;
        gap: 8px;
    }

    .info-right a {
        color: var(--text-light);
        text-decoration: none;
        transition: all 0.3s ease;
    }

    .info-right a:hover {
        color: var(--accent-color);
        transform: translateY(-2px);
    }

    .top-infobar i {
        font-size: 14px;
        color: #000000;
    }

    .user-info strong {
        color: #fd0a0a;
        font-weight: 600;
    }

    .notification-badge a {
        background: rgba(247, 37, 133, 0.2);
        padding: 4px 10px;
        border-radius: 12px;
        font-weight: 600;
    }

    .notification-badge a:hover {
        background: rgba(247, 37, 133, 0.4);
    }

    .auth-link {
        font-weight: 600;
    }

    .divider {
        opacity: 0.6;
        margin: 0 8px;
    }

    /* Animasyonlar */
    @keyframes pulse {
        0% {
            transform: scale(1);
        }

        50% {
            transform: scale(1.05);
        }

        100% {
            transform: scale(1);
        }
    }

    .notification-badge:hover {
        animation: pulse 1s infinite;
    }

    /* Responsive tasarým */
    @media (max-width: 768px) {
        .top-infobar {
            flex-direction: column;
            padding: 10px;
            gap: 10px;
        }

        .info-left, .info-right {
            width: 100%;
            justify-content: center;
        }
    }

#breaking-label,#headline-ticker{height:100%;display:flex;font-size:15px;white-space:nowrap}#headline-container{display:flex;align-items:center;height:50px;font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;border-radius:8px;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,.2)}#breaking-label{background-color:#e74c3c;color:#fff;padding:0 15px;font-weight:700;align-items:center;animation:1.5s infinite pulse}@keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.2)}}#headline-ticker{background-color:#fff;color:#000;overflow:hidden;position:relative;flex:1;align-items:center;padding-left:10px}#headline-track{display:inline-block;white-space:nowrap;padding-left:100%;animation:70s linear infinite ticker-scroll}#headline-ticker:hover #headline-track{animation-play-state:paused}.headline-item{display:inline-block;margin-right:50px}.headline-item a{color:#000;text-decoration:none;font-weight:500}.headline-item a:hover{text-decoration:underline}@keyframes ticker-scroll{0%{transform:translateX(0)}100%{transform:translateX(-100%)}}