/* heading top */
.heading-top {background-color: var(--common-bg);border-bottom: 1px solid #FFFFFF50;}
.heading-top ul {padding: 10px 0px;margin: 0px;display: flex;justify-content: flex-end;width: 100%;}
.heading-top a {margin-left: 10px;display: flex;align-items: center;font-weight: 400;font-size: 14px;line-height: 100%;color: var(--text-white);text-decoration: none;}
.heading-top a img {margin-right: 5px;height: 24px;filter: brightness(30);}
.heading-top ul li {display: flex;align-items: center;flex-direction: column;justify-content: end;float: inline-end;}
.heading-bottom {padding: 15px 0px;display: flex;justify-content: space-between;}
.heading-top a img.head-call{height: 20px;}
/* ------------------------------ */
/* Main Header */
/* ------------------------------ */
.header {color: #fff;background-color: var(--common-bg);transition: all 0.5s;z-index: 997;}
.header .logo {line-height: 1;}
.header .logo img {height: 50px;margin-right: 8px;}
.scrolled .header {box-shadow: 0px 0 18px rgba(0, 0, 0, 0.1);}
.navmenu {display: flex;justify-content: end;align-items: center;width: 100%;}
.navmenu .login-buttons {display: flex;gap: 12px;align-items: center;z-index: 9999;}
.login-buttons .login {display: flex;align-items: center;gap: 8px;padding: 12px 16px;color: #FFFFFF;text-decoration: none;font-weight: 500;background: transparent;transition: all 0.3s ease-in-out;position: relative;overflow: hidden;border: none !important;}
.navmenu:has(.login-buttons .login:hover) li a::before,
.navmenu:has(.login-buttons .ac-btn:hover) li a::before {width: 0 !important;}
.login-buttons .login img {width: 22px;height: 20px;}
.login-buttons .ac-btn.login{color: var(--text-white);}
.login-buttons .ac-btn {display: flex;align-items: center;gap: 8px;padding: 14px 18px;text-decoration: none;color: var(--accent-gold);font-weight: 500;border-radius: 6px;border: 1px solid var(--accent-gold);transition: all 0.3s ease-in-out;position: relative;overflow: hidden;}
.login-buttons .ac-btn:hover {background: rgba(255, 255, 255, 0.2);color: #fff;transform: scale(1.08);box-shadow: 0px 6px 25px rgba(82, 11, 81, 0.3);filter: brightness(1.2);border: none;}
.dropdown-menu {position: absolute;top: 52px;left: 0;background: #fff;border-radius: 16px;box-shadow: 0 8px 30px rgba(0, 0, 0, 0.08);padding: 20px;display: none;z-index: 1000;left: -100px;}
/* Base style for menu links */
.navmenu > ul > li > a {transition: color 0.3s ease;}

/* White underline effect (hidden by default) */
.navmenu > ul > li > a::after {content: "";position: absolute;left: 0;bottom: 0;width: 0;height: 2px;background-color: #fff;transition: width 0.3s ease;}

/* Show underline on hover or active */
.navmenu > ul > li:hover > a::after,
.navmenu > ul > li.active > a::after {width: 100%;}
.dropdown:hover .dropdown-menu {display: block;}
.dropdown-columns {display: flex;gap: 0;}
.left-column, .right-column.submenu {flex: 1;min-width: 300px;display: flex;flex-direction: column;gap: 12px;}
.item, .submenu-item {display: flex;align-items: flex-start;padding: 9px;cursor: pointer;gap: 10px;}
.item:hover, .submenu-item:hover {border-left: 4px solid var(--common-bg);padding-left: 8px;background: var(--bg-light);}
.right-column.submenu .submenu-item img {filter: none;}
.text {display: flex;flex-direction: column;gap: 4px;}
.text a {display: flex !important;flex-direction: column;gap: 4px;padding: 0px !important;}
span.arrow {margin-left: auto;}
.text strong {color: var(--font-dark);font-family: Inter;font-weight: 500;font-size: 14px;line-height: 18px;text-transform: capitalize;}
.text span {text-wrap: auto;color: #767676;font-weight: 400;font-style: Regular;font-size: 14px;line-height: 19px;letter-spacing: 0%;}
.arrow img {width: 20px;height: 20px;}
.dropdown:hover .dropdown-menu {display: block;}
#market-submenu, #trade-submenu,
#fees-submenu, #deposit-submenu {display: none;flex-direction: column;}
#market-submenu.active, #trade-submenu.active,
#fees-submenu.active, #deposit-submenu.active {display: flex;}