/* Gold "Member login" menu button: give any menu item the CSS class "menu-button".
   Works with WordPress / UiCore theme menus and Elementor's Nav Menu widget, desktop and mobile. */
li.menu-button{display:flex;align-items:center}
li.menu-button > a,
.elementor-nav-menu li.menu-button > a.elementor-item,
.elementor-nav-menu--dropdown li.menu-button > a{
	display:inline-flex!important;align-items:center;justify-content:center;gap:8px;
	padding:12px 24px!important;margin:6px 0 6px 10px;border-radius:999px!important;
	background:linear-gradient(120deg,#fff4b8 0%,#ffd333 40%,#f5b800 75%,#ffe680 100%)!important;background-size:200% 100%!important;
	color:#1a1300!important;font-weight:700!important;line-height:1.1!important;letter-spacing:.01em;text-decoration:none!important;white-space:nowrap;
	border:0!important;box-shadow:0 10px 26px -10px rgba(255,190,0,.65),inset 0 1px 0 rgba(255,255,255,.7)!important;
	position:relative;overflow:hidden;isolation:isolate;
	transition:background-position .6s ease,transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s ease!important}
li.menu-button > a::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.7) 48%,transparent 66%);transform:translateX(-120%);transition:transform .9s cubic-bezier(.2,.8,.2,1)}
li.menu-button > a:hover,li.menu-button > a:focus-visible{background-position:100% 0!important;transform:translateY(-2px);box-shadow:0 14px 32px -10px rgba(255,190,0,.8),inset 0 1px 0 rgba(255,255,255,.7)!important;color:#1a1300!important}
li.menu-button > a:hover::after{transform:translateX(120%)}
li.menu-button > a:focus-visible{outline:2px solid #2196f3;outline-offset:3px}
/* hide underline / indicator effects themes and Elementor add to menu links */
li.menu-button > a::before,.elementor-nav-menu li.menu-button > a.elementor-item::before{display:none!important}
li.menu-button.current-menu-item > a,li.menu-button > a.elementor-item-active{color:#1a1300!important}
/* mobile / dropdown menus: full-width button */
@media (max-width:1024px){
	.elementor-nav-menu--dropdown li.menu-button,.ui-mobile-menu li.menu-button,.uicore-mobile-menu-wrapper li.menu-button,nav li.menu-button{padding:8px 16px}
	.elementor-nav-menu--dropdown li.menu-button > a,.ui-mobile-menu li.menu-button > a,.uicore-mobile-menu-wrapper li.menu-button > a{width:100%;margin:6px 0!important;padding:14px 24px!important}
}
@media (prefers-reduced-motion:reduce){li.menu-button > a,li.menu-button > a::after{transition:none!important}}