/* PAY ONLINE menu button - full Elementor-style */
#menu-item-10281 > a {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    background-color: #CBA557 !important;
    color: #ffffff !important;

    font-family: Helvetica, Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: normal !important;
    text-transform: uppercase !important;

    padding: 12px 20px 12px 20px !important;
    height: 44px;

    border: none !important;
    border-radius: 6px !important;

    margin-left: 15px !important;

    text-decoration: none !important;
    cursor: pointer !important;

    transition: color 0.3s ease, background-color 0.3s ease, transform 0.1s;
}

/* Hover state */
#menu-item-10281 > a:hover,
#menu-item-10281 > a:focus,
#menu-item-10281 > a:active {
    background-color: #CBA557 !important;
    color: #11363E !important;
    text-decoration: none !important;
}

/* REMOVE Astra underline hover animation completely */
#menu-item-10281 > a::after,
#menu-item-10281 > a::before {
    display: none !important;
    content: none !important;
}

/* Remove Astra menu underline animation container */
#menu-item-10281.ast-menu-hover-style-underline > a::after {
    display: none !important;
}

/* Extra safety: prevent underline from Astra animation system */
#menu-item-10281 .menu-link::after {
    display: none !important;
}

/* Header fade in */
.ast-above-header-bar{
opacity:0;
transform:translateY(-20px);
animation: headerFadeIn 0.7s ease forwards;
}

/* Menu items start hidden */
.ast-above-header-bar .main-header-menu > li{
opacity:0;
transform:translateY(-10px);
animation: menuFadeIn 0.5s ease forwards;
}

/* Stagger the menu animation */
.ast-above-header-bar .main-header-menu > li:nth-child(1){animation-delay:0.4s;}
.ast-above-header-bar .main-header-menu > li:nth-child(2){animation-delay:0.5s;}
.ast-above-header-bar .main-header-menu > li:nth-child(3){animation-delay:0.6s;}
.ast-above-header-bar .main-header-menu > li:nth-child(4){animation-delay:0.7s;}
.ast-above-header-bar .main-header-menu > li:nth-child(5){animation-delay:0.8s;}
.ast-above-header-bar .main-header-menu > li:nth-child(6){animation-delay:0.9s;}
.ast-above-header-bar .main-header-menu > li:nth-child(7){animation-delay:1s;}
.ast-above-header-bar .main-header-menu > li:nth-child(8){animation-delay:1.1s;}
.ast-above-header-bar .main-header-menu > li:nth-child(9){animation-delay:1.2s;}

@keyframes headerFadeIn{
to{
opacity:1;
transform:translateY(0);
}
}

@keyframes menuFadeIn{
to{
opacity:1;
transform:translateY(0);
}