.etlms-course-list-btn a.add_to_cart_button:hover,
.tutor-btn.tutor-btn-outline-primary:hover,
.tutor-loop-cart-btn-wrap a:hover,
.add_to_cart_button:hover,
.single_add_to_cart_button:hover,
.button.product_type_simple:hover,
.etlms-course-list-col-enroll .button:hover,
.etlms-course-list-col-enroll .add_to_cart_button:hover {
    background: linear-gradient(276deg, #0a2175 0%, #0080b3 84.53%) !important;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0,0,0,0.15) !important;
    color: white !important;
}

/* Button styles - Text handled by JavaScript */
.add_to_cart_button,
.single_add_to_cart_button,
.etlms-course-list-col-enroll .button {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    background: linear-gradient(276deg, #0F3299 0%, #009EE2 84.53%) !important;
    color: white !important;
    border: none !important;
    padding: 12px 24px !important;
    border-radius: 4px !important;
    text-transform: uppercase !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    cursor: pointer !important;
    text-decoration: none !important;
    margin: 10px 0 !important;
}



/* Show only our custom text */
.wtb-custom-button {
    display: inline-flex !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* Specific button with cart icon */
.tutor-btn.tutor-btn-outline-primary,
.list-item-button .add_to_cart_button {
    background: linear-gradient(276deg, #0F3299 0%, #009EE2 84.53%) !important;
    color: white !important;
    border: none !important;
    padding: 10px 20px !important;
    border-radius: 4px !important;
    text-transform: uppercase !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
    text-align: center !important;
    display: inline-block !important;
    cursor: pointer !important;
    text-decoration: none !important;
    box-shadow: none !important;
}

.tutor-btn.tutor-btn-outline-primary:hover,
.list-item-button .add_to_cart_button:hover {
    background: linear-gradient(276deg, #0a2175 0%, #0080b3 84.53%) !important;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0,0,0,0.15) !important;
    color: white !important;
}


/* Custom Login/Account Menu Styles */
.jeg_nav_account .jeg_menu > li > a {
    display: flex;
    align-items: center;
}

/* Avatar in the account menu */
.jeg_nav_account .jeg_avatar {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    margin-right: 8px;
    overflow: hidden;
}

.jeg_nav_account .jeg_avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Change "Sign In" to "Iniciar Sesión" */
.jeg_nav_account .jeg_menu > li > a[href*="sign-in"]:not(.logged-in)::after {
    content: "Iniciar Sesión";
    display: inline-block;
}

.jeg_nav_account .jeg_menu > li > a[href*="sign-in"]:not(.logged-in) i {
    display: none;
}

/* Change username to "Mi Cuenta" when logged in */
.jeg_nav_account .jeg_menu > li > a.logged-in .jeg_username {
    display: none;
}

.jeg_nav_account .jeg_menu > li > a.logged-in::after {
    content: "Mi Cuenta";
    margin-left: 8px;
}

/* Hover effects */
.jeg_nav_account .jeg_menu > li > a:hover {
    color: #3e64de;
}

/* Dropdown menu */
.jeg_nav_account .jeg_menu > li > ul {
    min-width: 200px;
    border-radius: 4px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

.jeg_nav_account .jeg_menu > li > ul li a {
    padding: 10px 15px;
    display: block;
    color: #333;
}

.jeg_nav_account .jeg_menu > li > ul li a:hover {
    background-color: #f8f9fa;
    color: #3e64de;
}

/* Make sure the account menu is properly aligned */
.jeg_nav_account .jeg_menu > li {
    position: relative;
}

/* Add some spacing for the dropdown arrow */
.jeg_nav_account .jeg_menu > li > a::after {
    margin-left: 5px;
}

/* Ensure the dropdown appears on hover */
.jeg_nav_account .jeg_menu > li:hover > ul {
    display: block;
}

/* Styles for the user avatar in the "Escritorio" menu item */
img.user-avatar-in-menu {
    width: 22px;
    height: 22px;
    border-radius: 80%;
    margin-right: 8px;
    object-fit: cover;
}