/* Turn the Log In link into a button */
.ast-header-account-link {
/*    display: inline-flex !important;*/
    justify-content: center;
    padding: 8px 10px !important;           /* Adjust padding for button size */
    background-color: #24658d;               /* Primary button color (blue) */
    color: #ffffff !important;               /* Text color */
    font-weight: 400;
    font-size: 1rem !important;
    line-height: 1;
    border-radius: 20px;                      /* Rounded corners */
    text-decoration: none !important;
    transition: all 0.3s ease;
}

/* Remove the default underline and inherit color */
.ast-header-account-link .ast-header-account-text {
    color: inherit !important;
	 font-weight: 400;
    font-size: 1rem !important;
}

/* Hover effect */
.ast-header-account-link:hover {
    background-color: #ffca2a;                /* Darker shade on hover */
    color: #000 !important;
    transform: translateY(-1px);
}

/* Focus state for accessibility */
.ast-header-account-link:focus {
    outline: 2px solid #fff;
    outline-offset: 2px;
}

/* Optional: Make the entire wrap area behave like the button */
.ast-header-account-wrap {
    display: inline-block;
}



.ast-header-account-type-avatar .avatar {
    display: inline;
    border-radius: 0 !important;
    max-width: 100%;
}

.ast-header-account-type-extend-text-profile-type {
    display: flex;
    gap: 7px;
    align-items: center;
}



.wp-block-spectra-pro-login {
    border-radius: 3px;
    border-style: solid;
    border-width: 0px;
    box-sizing: border-box;
    margin: auto;
    /* padding: 30px 40px; */
    transition: all .3s
ease;
}

.ast-header-break-point .ast-header-account-wrap {
        display: flex;
	overflow-wrap: break-word;
}

@media (max-width: 544px) {
    .ast-header-account-wrap .ast-header-account-text {
		display:none;
	}
}