/*
Theme Name: Avada Child
Theme URI: https://themeforest.net/item/avada-responsive-multipurpose-theme/full_screen_preview/2833226
Author: Bridgera
Author URI: https://bridgera.com
Description: Custom theme fr troxlerlabs built with Avada theme.
Template: Avada
Version: 1.0.0
Text Domain: avada-child
*/

/* CSS for WPO365 SSO Button - Below "Lost your password?" */

/* Wrapper for the SSO button */
.troxler-sso-button-wrapper {
    text-align: center; /* Center the button */
    margin-top: 15px; /* Space above the SSO button */
    margin-bottom: 15px; /* Space below the SSO button */
    clear: both; /* Ensure it's below any floated elements like "Lost your password?" or "Remember me" */
}

/* The SSO button itself */
.troxler-sso-button-wrapper .ms-signin-button { /* Default class for WPO365 button */
    display: inline-block;
}

/* Styling for the informational text below the SSO button */
.troxler-login-info-text {
    text-align: center;
    font-size: 13px;
    margin-top: 0; /* Reduce top margin if SSO button already has bottom margin */
    margin-bottom: 15px;
    clear: both;
}

/* Remove separator styles as it's no longer used */
/* hr.troxler-sso-separator { display: none; } */

/* Resetting/ensuring default layout for other form elements */
.woocommerce-account form.login p.form-row {
    clear: both; /* Ensure form rows don't float next to each other unexpectedly */
}

form.woocommerce-form-login .form-row:has(button[name="login"]) {
    display: block; 
    width: 100% !important; 
}

.woocommerce-form-login p.lost_password,
.woocommerce-form-login .woocommerce-form-login__rememberme {
    float: none; 
    clear: none; 
    margin-top: 10px; 
    display: block; /* Ensure they are on their own lines or as intended by default theme styles */
}
.woocommerce-form-login .woocommerce-form-login__rememberme {
   margin-bottom: 10px;
}

/* Increase font size for Remember Me & Forgot Password */
.woocommerce-form-login .woocommerce-form-login__rememberme,
.woocommerce-form-login .woocommerce-form-login__rememberme span,
.woocommerce-form-login p.lost_password a {
    font-size: 16px !important;
    font-weight: 400;
}

/* Blurred and unclickable state for Login button */
.login-btn-blurred {
    /* filter: blur(1.5px); */
    opacity: 0.6;
    pointer-events: none;
    cursor: not-allowed;
    transition: all 0.3s ease;
}

/* Tooltip Wrapper */
.login-btn-wrapper {
    position: relative;
    display: inline-block;
}

/* Custom Tooltip Popover */
.login-btn-wrapper.has-tooltip:hover::after {
    content: "Please complete the CAPTCHA verification to continue.";
    position: absolute;
    left: 105%; /* Position to the right of the button */
    top: 50%;
    transform: translateY(-50%);
    background-color: #333;
    color: #fff;
    padding: 8px 12px;
    border-radius: 6px;
    font-size: 13px;
    white-space: nowrap;
    z-index: 100;
    box-shadow: 0 4px 10px rgba(0,0,0,0.2);
    opacity: 1;
    visibility: visible;
    transition: opacity 0.3s ease;
}

/* Tooltip Arrow */
.login-btn-wrapper.has-tooltip:hover::before {
    content: "";
    position: absolute;
    left: 100%;
    top: 50%;
    transform: translateY(-50%);
    border-width: 6px;
    border-style: solid;
    border-color: transparent #333 transparent transparent; /* Arrow pointing left */
    z-index: 100;
}