/* CVX Auth 2.0 Phase 7.6 — child-theme integration only.
 * The complete authentication UI remains owned by CVX Security Suite.
 */
.cvx-auth2-ui-enabled .cvx-auth-shell {
    width: 100%;
    margin-inline: auto;
}

.cvx-auth2-ui-enabled .elementor-widget-adforest-signin .elementor-widget-container,
.cvx-auth2-ui-enabled .elementor-widget-adforest-signup .elementor-widget-container {
    overflow: visible;
}

/* Let the premium split-card use its intended desktop width without changing
 * the surrounding Elementor template globally. */
.cvx-auth2-ui-enabled .adt-sign-up-section:has(.cvx-auth-shell),
.cvx-auth2-ui-enabled .adt-sign-in-section:has(.cvx-auth-shell) {
    padding-block: clamp(12px, 1.8vw, 26px);
    min-height: auto;
    background: linear-gradient(180deg, #f7faff 0%, #ffffff 100%);
}

.cvx-auth2-ui-enabled .adt-sign-up-section:has(.cvx-auth-shell) > .container,
.cvx-auth2-ui-enabled .adt-sign-in-section:has(.cvx-auth-shell) > .container,
.cvx-auth2-ui-enabled .elementor-widget-adforest-signin:has(.cvx-auth-shell),
.cvx-auth2-ui-enabled .elementor-widget-adforest-signup:has(.cvx-auth-shell) {
    width: 100%;
    max-width: 1180px;
    margin-inline: auto;
}

.cvx-auth2-ui-enabled .adt-sign-up-section:has(.cvx-auth-shell) .row,
.cvx-auth2-ui-enabled .adt-sign-in-section:has(.cvx-auth-shell) .row {
    margin-inline: 0;
}

.cvx-auth2-ui-enabled .adt-sign-up-section:has(.cvx-auth-shell) [class*="col-"],
.cvx-auth2-ui-enabled .adt-sign-in-section:has(.cvx-auth-shell) [class*="col-"] {
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
    padding-inline: 0;
}

@media (max-width: 767px) {
    .cvx-auth2-ui-enabled .adt-sign-up-section:has(.cvx-auth-shell),
    .cvx-auth2-ui-enabled .adt-sign-in-section:has(.cvx-auth-shell) {
        padding-block: 10px;
        background: #fff;
    }
}

/* CVX Auth 2.0 Phase 7.9 — Social sign-in visual refinement.
 * Goal: polish Google presentation and reinforce the visual weight of
 * Google/Facebook button borders without changing authentication logic.
 */
.cvx-auth2-ui-enabled .cvx-auth-shell {
    --cvx-auth-social-radius: 18px;
    --cvx-auth-social-border: 2px;
    --cvx-auth-social-border-color: rgba(15, 39, 66, 0.14);
    --cvx-auth-social-border-color-strong: rgba(15, 39, 66, 0.18);
    --cvx-auth-social-shadow: 0 8px 24px rgba(15, 23, 42, 0.06);
    --cvx-auth-social-shadow-hover: 0 14px 28px rgba(0, 74, 173, 0.10);
}

/* Shared stack rhythm for social sign-in area. */
.cvx-auth2-ui-enabled .cvx-auth-shell [class*="social"]:where(.cvx-auth-social-stack, .cvx-auth-social-buttons, .cvx-auth-social-list, .cvx-auth-providers, .cvx-auth-provider-list),
.cvx-auth2-ui-enabled .cvx-auth-shell .cvx-auth-social-stack,
.cvx-auth2-ui-enabled .cvx-auth-shell .cvx-auth-social-buttons,
.cvx-auth2-ui-enabled .cvx-auth-shell .cvx-auth-social-list,
.cvx-auth2-ui-enabled .cvx-auth-shell .cvx-auth-providers,
.cvx-auth2-ui-enabled .cvx-auth-shell .cvx-auth-provider-list {
    display: grid;
    gap: 14px;
}

/* Google wrapper: refine outer frame while respecting the official button UI inside. */
.cvx-auth2-ui-enabled .cvx-auth-shell .g_id_signin,
.cvx-auth2-ui-enabled .cvx-auth-shell [id^="g_id_signin"],
.cvx-auth2-ui-enabled .cvx-auth-shell [class*="google"]:where(.cvx-auth-provider, .cvx-auth-button-wrap, .cvx-auth-social-btn, .cvx-auth-social-button, .cvx-auth-provider-button, .cvx-auth-social-provider),
.cvx-auth2-ui-enabled .cvx-auth-shell .cvx-auth-google,
.cvx-auth2-ui-enabled .cvx-auth-shell .cvx-auth-social-google,
.cvx-auth2-ui-enabled .cvx-auth-shell .cvx-google-button-wrap,
.cvx-auth2-ui-enabled .cvx-auth-shell .cvxsec-auth-google,
.cvx-auth2-ui-enabled .cvx-auth-shell .cvxsec-auth-provider--google,
.cvx-auth2-ui-enabled .cvx-auth-shell .cvxsec-auth-google-button {
    width: 100%;
    border-radius: var(--cvx-auth-social-radius);
    border: var(--cvx-auth-social-border) solid var(--cvx-auth-social-border-color) !important;
    background: #ffffff;
    box-shadow: var(--cvx-auth-social-shadow);
    overflow: hidden;
    transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

.cvx-auth2-ui-enabled .cvx-auth-shell .g_id_signin:hover,
.cvx-auth2-ui-enabled .cvx-auth-shell [id^="g_id_signin"]:hover,
.cvx-auth2-ui-enabled .cvx-auth-shell [class*="google"]:where(.cvx-auth-provider, .cvx-auth-button-wrap, .cvx-auth-social-btn, .cvx-auth-social-button, .cvx-auth-provider-button, .cvx-auth-social-provider):hover,
.cvx-auth2-ui-enabled .cvx-auth-shell .cvx-auth-google:hover,
.cvx-auth2-ui-enabled .cvx-auth-shell .cvx-auth-social-google:hover,
.cvx-auth2-ui-enabled .cvx-auth-shell .cvx-google-button-wrap:hover,
.cvx-auth2-ui-enabled .cvx-auth-shell .cvxsec-auth-google:hover,
.cvx-auth2-ui-enabled .cvx-auth-shell .cvxsec-auth-provider--google:hover,
.cvx-auth2-ui-enabled .cvx-auth-shell .cvxsec-auth-google-button:hover {
    border-color: var(--cvx-auth-social-border-color-strong) !important;
    box-shadow: var(--cvx-auth-social-shadow-hover);
    transform: translateY(-1px);
}

.cvx-auth2-ui-enabled .cvx-auth-shell .g_id_signin > div,
.cvx-auth2-ui-enabled .cvx-auth-shell [id^="g_id_signin"] > div,
.cvx-auth2-ui-enabled .cvx-auth-shell .cvx-google-button-wrap > div,
.cvx-auth2-ui-enabled .cvx-auth-shell .cvxsec-auth-google > div,
.cvx-auth2-ui-enabled .cvx-auth-shell .cvxsec-auth-provider--google > div,
.cvx-auth2-ui-enabled .cvx-auth-shell .cvxsec-auth-google-button > div {
    width: 100% !important;
    min-width: 100% !important;
}

.cvx-auth2-ui-enabled .cvx-auth-shell .g_id_signin iframe,
.cvx-auth2-ui-enabled .cvx-auth-shell [id^="g_id_signin"] iframe,
.cvx-auth2-ui-enabled .cvx-auth-shell .cvx-google-button-wrap iframe,
.cvx-auth2-ui-enabled .cvx-auth-shell .cvxsec-auth-google iframe,
.cvx-auth2-ui-enabled .cvx-auth-shell .cvxsec-auth-provider--google iframe,
.cvx-auth2-ui-enabled .cvx-auth-shell .cvxsec-auth-google-button iframe {
    width: 100% !important;
    min-width: 100% !important;
    border-radius: calc(var(--cvx-auth-social-radius) - 2px);
}

/* Facebook button: stronger line weight and slightly richer type presence. */
.cvx-auth2-ui-enabled .cvx-auth-shell a[href*="facebook"],
.cvx-auth2-ui-enabled .cvx-auth-shell button[class*="facebook"],
.cvx-auth2-ui-enabled .cvx-auth-shell .cvx-auth-facebook,
.cvx-auth2-ui-enabled .cvx-auth-shell .cvx-auth-social-facebook,
.cvx-auth2-ui-enabled .cvx-auth-shell .cvxsec-auth-facebook,
.cvx-auth2-ui-enabled .cvx-auth-shell .cvxsec-auth-provider--facebook,
.cvx-auth2-ui-enabled .cvx-auth-shell .cvxsec-auth-facebook-button,
.cvx-auth2-ui-enabled .cvx-auth-shell [data-provider="facebook"],
.cvx-auth2-ui-enabled .cvx-auth-shell [class*="facebook"]:where(.cvx-auth-provider, .cvx-auth-social-btn, .cvx-auth-social-button, .cvx-auth-provider-button, .cvx-auth-social-provider) {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
    width: 100%;
    min-height: 68px;
    padding: 16px 20px;
    border-radius: var(--cvx-auth-social-radius);
    border: var(--cvx-auth-social-border) solid var(--cvx-auth-social-border-color-strong) !important;
    background: #ffffff !important;
    color: #0f2742 !important;
    box-shadow: var(--cvx-auth-social-shadow);
    font-weight: 800 !important;
    line-height: 1.2;
    letter-spacing: -0.01em;
    text-decoration: none;
    transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease, background-color .18s ease;
}

.cvx-auth2-ui-enabled .cvx-auth-shell a[href*="facebook"]:hover,
.cvx-auth2-ui-enabled .cvx-auth-shell a[href*="facebook"]:focus-visible,
.cvx-auth2-ui-enabled .cvx-auth-shell button[class*="facebook"]:hover,
.cvx-auth2-ui-enabled .cvx-auth-shell button[class*="facebook"]:focus-visible,
.cvx-auth2-ui-enabled .cvx-auth-shell .cvx-auth-facebook:hover,
.cvx-auth2-ui-enabled .cvx-auth-shell .cvx-auth-facebook:focus-visible,
.cvx-auth2-ui-enabled .cvx-auth-shell .cvx-auth-social-facebook:hover,
.cvx-auth2-ui-enabled .cvx-auth-shell .cvx-auth-social-facebook:focus-visible,
.cvx-auth2-ui-enabled .cvx-auth-shell .cvxsec-auth-facebook:hover,
.cvx-auth2-ui-enabled .cvx-auth-shell .cvxsec-auth-facebook:focus-visible,
.cvx-auth2-ui-enabled .cvx-auth-shell .cvxsec-auth-provider--facebook:hover,
.cvx-auth2-ui-enabled .cvx-auth-shell .cvxsec-auth-provider--facebook:focus-visible,
.cvx-auth2-ui-enabled .cvx-auth-shell .cvxsec-auth-facebook-button:hover,
.cvx-auth2-ui-enabled .cvx-auth-shell .cvxsec-auth-facebook-button:focus-visible,
.cvx-auth2-ui-enabled .cvx-auth-shell [data-provider="facebook"]:hover,
.cvx-auth2-ui-enabled .cvx-auth-shell [data-provider="facebook"]:focus-visible,
.cvx-auth2-ui-enabled .cvx-auth-shell [class*="facebook"]:where(.cvx-auth-provider, .cvx-auth-social-btn, .cvx-auth-social-button, .cvx-auth-provider-button, .cvx-auth-social-provider):hover,
.cvx-auth2-ui-enabled .cvx-auth-shell [class*="facebook"]:where(.cvx-auth-provider, .cvx-auth-social-btn, .cvx-auth-social-button, .cvx-auth-provider-button, .cvx-auth-social-provider):focus-visible {
    border-color: rgba(0, 74, 173, 0.26) !important;
    background: #f8fbff !important;
    box-shadow: var(--cvx-auth-social-shadow-hover);
    transform: translateY(-1px);
    outline: none;
}

.cvx-auth2-ui-enabled .cvx-auth-shell a[href*="facebook"] i,
.cvx-auth2-ui-enabled .cvx-auth-shell button[class*="facebook"] i,
.cvx-auth2-ui-enabled .cvx-auth-shell .cvx-auth-facebook i,
.cvx-auth2-ui-enabled .cvx-auth-shell .cvx-auth-social-facebook i,
.cvx-auth2-ui-enabled .cvx-auth-shell .cvxsec-auth-facebook i,
.cvx-auth2-ui-enabled .cvx-auth-shell .cvxsec-auth-provider--facebook i,
.cvx-auth2-ui-enabled .cvx-auth-shell .cvxsec-auth-facebook-button i,
.cvx-auth2-ui-enabled .cvx-auth-shell [data-provider="facebook"] i,
.cvx-auth2-ui-enabled .cvx-auth-shell [class*="facebook"]:where(.cvx-auth-provider, .cvx-auth-social-btn, .cvx-auth-social-button, .cvx-auth-provider-button, .cvx-auth-social-provider) i,
.cvx-auth2-ui-enabled .cvx-auth-shell a[href*="facebook"] svg,
.cvx-auth2-ui-enabled .cvx-auth-shell button[class*="facebook"] svg,
.cvx-auth2-ui-enabled .cvx-auth-shell .cvx-auth-facebook svg,
.cvx-auth2-ui-enabled .cvx-auth-shell .cvx-auth-social-facebook svg,
.cvx-auth2-ui-enabled .cvx-auth-shell .cvxsec-auth-facebook svg,
.cvx-auth2-ui-enabled .cvx-auth-shell .cvxsec-auth-provider--facebook svg,
.cvx-auth2-ui-enabled .cvx-auth-shell .cvxsec-auth-facebook-button svg,
.cvx-auth2-ui-enabled .cvx-auth-shell [data-provider="facebook"] svg,
.cvx-auth2-ui-enabled .cvx-auth-shell [class*="facebook"]:where(.cvx-auth-provider, .cvx-auth-social-btn, .cvx-auth-social-button, .cvx-auth-provider-button, .cvx-auth-social-provider) svg {
    flex: 0 0 auto;
    color: #1877f2;
}

@media (max-width: 767px) {
    .cvx-auth2-ui-enabled .cvx-auth-shell {
        --cvx-auth-social-radius: 16px;
    }

    .cvx-auth2-ui-enabled .cvx-auth-shell a[href*="facebook"],
    .cvx-auth2-ui-enabled .cvx-auth-shell button[class*="facebook"],
    .cvx-auth2-ui-enabled .cvx-auth-shell .cvx-auth-facebook,
    .cvx-auth2-ui-enabled .cvx-auth-shell .cvx-auth-social-facebook,
    .cvx-auth2-ui-enabled .cvx-auth-shell .cvxsec-auth-facebook,
    .cvx-auth2-ui-enabled .cvx-auth-shell .cvxsec-auth-provider--facebook,
    .cvx-auth2-ui-enabled .cvx-auth-shell .cvxsec-auth-facebook-button,
    .cvx-auth2-ui-enabled .cvx-auth-shell [data-provider="facebook"],
    .cvx-auth2-ui-enabled .cvx-auth-shell [class*="facebook"]:where(.cvx-auth-provider, .cvx-auth-social-btn, .cvx-auth-social-button, .cvx-auth-provider-button, .cvx-auth-social-provider) {
        min-height: 64px;
        padding: 14px 18px;
    }
}
