/* Logo Container - Centered Alignment */
.ascend-logo-wrap {
    display: flex;
    justify-content: center; 
    align-items: center;
    gap: 8px; /* Text aur Image ke beech gap */
    padding: 10px 0;
    width: 100%;
}

/* Stylish Animated Text */
.logo-text {
    font-size: 26px; /* Text Size */
    font-weight: 900;
    letter-spacing: 1px;
    text-transform: uppercase;
    background: linear-gradient(to right, #F0B90B, #f39c12, #e74c3c, #9b59b6, #F0B90B);
    background-size: 200% auto;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: gradientFlow 3s linear infinite;
}

/* Image Size Fix (Text ke barabar) */
.logo-icon-trade-img {
    height: 26px; /* Text ke font-size (26px) ke barabar rakha hai */
    width: auto; /* Aspect ratio barkrar rakhega */
    display: block;
    /* Agar aap image par bhi wahi animation lagana chahte hain: */
    animation: floatIcon 2s ease-in-out infinite; 
}

/* Color Animation */
@keyframes gradientFlow {
    0% { background-position: 0% center; }
    100% { background-position: 200% center; }
}

/* Image ki Floating Animation */
@keyframes floatIcon {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-3px); }
}

/* Mobile adjustments */
@media (max-width: 480px) {
    .logo-text { font-size: 22px; }
    .logo-icon-trade-img { height: 22px; }
}