.elementor-7383 .elementor-element.elementor-element-88a2848{--display:flex;--padding-top:40px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;}.elementor-7383 .elementor-element.elementor-element-88a2848:not(.elementor-motion-effects-element-type-background), .elementor-7383 .elementor-element.elementor-element-88a2848 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-7383 .elementor-element.elementor-element-a784515 > .elementor-widget-container{margin:0px 0px 0px 0px;}/* Start custom CSS for shortcode, class: .elementor-element-ec29b17 *//* =========================================================
   CONSTANTIN FLOORS — ACCOUNT LOGIN VISIBILITY
   ========================================================= */

/* Hide the custom dashboard when logged out */
body.woocommerce-account:not(.logged-in)
.cf-account-custom-widget {
    display: none !important;
}

/* Show the native WooCommerce login interface when logged out */
body.woocommerce-account:not(.logged-in)
.cf-account-login-widget {
    display: block !important;
}

/* Hide the default WooCommerce interface when logged in */
body.woocommerce-account.logged-in
.cf-account-login-widget {
    display: none !important;
}

/* Show the original Constantin Floors design when logged in */
body.woocommerce-account.logged-in
.cf-account-custom-widget {
    display: block !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a784515 *//* =========================================================
   CONSTANTIN FLOORS — WOOCOMMERCE LOGIN FORM
   Dark premium design with gold accents
   Scoped to the WooCommerce login form only
========================================================= */

body.woocommerce-account .cf-account-login-widget .woocommerce-form-login,
body.woocommerce-account .woocommerce-form-login.login {
    width: 100% !important;
    max-width: 520px !important;
    margin: 35px auto !important;
    padding: 36px !important;
    background: #1A1714 !important;
    border: 1px solid rgba(235, 156, 41, 0.24) !important;
    border-radius: 12px !important;
    box-shadow: 0 18px 45px rgba(0, 0, 0, 0.3) !important;
    color: #f5f2ed !important;
    box-sizing: border-box !important;
}

/* Form spacing */
body.woocommerce-account .woocommerce-form-login.login p {
    margin: 0 0 22px !important;
    padding: 0 !important;
}

/* Labels */
body.woocommerce-account .woocommerce-form-login.login label {
    display: block !important;
    margin-bottom: 9px !important;
    color: #f5f2ed !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    letter-spacing: 0.2px !important;
}

/* Required indicators */
body.woocommerce-account .woocommerce-form-login.login .required {
    color: #EB9C29 !important;
}

/* Username and password fields */
body.woocommerce-account .woocommerce-form-login.login input.input-text {
    display: block !important;
    width: 100% !important;
    min-height: 50px !important;
    padding: 13px 15px !important;
    background: #100f0d !important;
    color: #ffffff !important;
    border: 1px solid #40372c !important;
    border-radius: 6px !important;
    outline: none !important;
    box-shadow: none !important;
    font-size: 15px !important;
    box-sizing: border-box !important;
    transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
}

/* Field focus */
body.woocommerce-account .woocommerce-form-login.login input.input-text:focus {
    border-color: #EB9C29 !important;
    box-shadow: 0 0 0 3px rgba(235, 156, 41, 0.12) !important;
}

/* Password wrapper */
body.woocommerce-account .woocommerce-form-login.login .password-input {
    display: block !important;
    width: 100% !important;
}

/* Leave space for the show-password control */
body.woocommerce-account .woocommerce-form-login.login .password-input input {
    padding-right: 48px !important;
}

/* Show-password control */
body.woocommerce-account .woocommerce-form-login.login .show-password-input {
    top: 50% !important;
    right: 12px !important;
    transform: translateY(-50%) !important;
    color: #EB9C29 !important;
}

/* Remember me row */
body.woocommerce-account .woocommerce-form-login.login .form-row {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 14px !important;
}

/* Remember me label */
body.woocommerce-account .woocommerce-form-login.login .woocommerce-form-login__rememberme {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    margin: 0 !important;
    color: #c9c2b8 !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    cursor: pointer !important;
}

/* Remember me checkbox */
body.woocommerce-account .woocommerce-form-login.login input#rememberme {
    width: 16px !important;
    height: 16px !important;
    margin: 0 !important;
    accent-color: #EB9C29 !important;
    cursor: pointer !important;
}

/* Login button */
body.woocommerce-account .woocommerce-form-login.login button.woocommerce-form-login__submit {
    float: none !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-height: 51px !important;
    margin: 22px 0 0 !important;
    padding: 14px 22px !important;
    background: #EB9C29 !important;
    color: #1A1714 !important;
    border: 1px solid #EB9C29 !important;
    border-radius: 6px !important;
    box-shadow: none !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    letter-spacing: 0.7px !important;
    text-transform: uppercase !important;
    cursor: pointer !important;
    transition: background 0.2s ease, border-color 0.2s ease, transform 0.2s ease !important;
}

/* Login button hover */
body.woocommerce-account .woocommerce-form-login.login button.woocommerce-form-login__submit:hover {
    background: #f5b44f !important;
    border-color: #f5b44f !important;
    color: #1A1714 !important;
    transform: translateY(-1px) !important;
}

/* Lost password link */
body.woocommerce-account .woocommerce-form-login.login .lost_password {
    margin: 4px 0 0 !important;
    text-align: center !important;
    font-size: 13px !important;
}

body.woocommerce-account .woocommerce-form-login.login .lost_password a {
    color: #EB9C29 !important;
    text-decoration: none !important;
    font-weight: 600 !important;
    transition: color 0.2s ease !important;
}

body.woocommerce-account .woocommerce-form-login.login .lost_password a:hover {
    color: #f5b44f !important;
    text-decoration: underline !important;
}

/* WooCommerce notices */
body.woocommerce-account .woocommerce-notices-wrapper .woocommerce-error,
body.woocommerce-account .woocommerce-notices-wrapper .woocommerce-message,
body.woocommerce-account .woocommerce-notices-wrapper .woocommerce-info {
    max-width: 520px !important;
    margin: 20px auto !important;
    padding: 14px 18px 14px 42px !important;
    background: #1A1714 !important;
    color: #f5f2ed !important;
    border-top: 2px solid #EB9C29 !important;
    border-radius: 5px !important;
}

/* Remove floats that can disrupt the form layout */
body.woocommerce-account .woocommerce-form-login.login::before,
body.woocommerce-account .woocommerce-form-login.login::after {
    content: "" !important;
    display: table !important;
    clear: both !important;
}

/* Mobile adjustments */
@media (max-width: 600px) {
    body.woocommerce-account .cf-account-login-widget .woocommerce-form-login,
    body.woocommerce-account .woocommerce-form-login.login {
        max-width: 100% !important;
        margin: 20px auto !important;
        padding: 24px 20px !important;
        border-radius: 8px !important;
    }

    body.woocommerce-account .woocommerce-form-login.login input.input-text {
        min-height: 48px !important;
        font-size: 16px !important;
    }

    body.woocommerce-account .woocommerce-form-login.login button.woocommerce-form-login__submit {
        min-height: 49px !important;
    }
}



/* =========================================================
   CONSTANTIN FLOORS — LOST PASSWORD / RESET PASSWORD
   Brand colors: #1A1714 / #EB9C29
   Scoped to the WooCommerce password reset form
========================================================= */

/* Main reset password form */
body.woocommerce-account .cf-account-login-widget
.woocommerce-ResetPassword.lost_reset_password {
    width: 100% !important;
    max-width: 520px !important;
    margin: 35px auto !important;
    padding: 36px !important;
    background: #1A1714 !important;
    border: 1px solid rgba(235, 156, 41, 0.24) !important;
    border-radius: 12px !important;
    box-shadow: 0 18px 45px rgba(0, 0, 0, 0.3) !important;
    color: #f5f2ed !important;
    box-sizing: border-box !important;
}

/* Introductory instructions */
body.woocommerce-account .cf-account-login-widget
.woocommerce-ResetPassword.lost_reset_password > p:first-child {
    margin: 0 0 26px !important;
    color: #c9c2b8 !important;
    font-size: 14px !important;
    line-height: 1.8 !important;
}

/* Form row spacing */
body.woocommerce-account .cf-account-login-widget
.woocommerce-ResetPassword.lost_reset_password .form-row {
    float: none !important;
    width: 100% !important;
    margin: 0 0 22px !important;
    padding: 0 !important;
    box-sizing: border-box !important;
}

/* Labels */
body.woocommerce-account .cf-account-login-widget
.woocommerce-ResetPassword.lost_reset_password label {
    display: block !important;
    margin: 0 0 9px !important;
    color: #f5f2ed !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    letter-spacing: 0.2px !important;
}

/* Required indicator */
body.woocommerce-account .cf-account-login-widget
.woocommerce-ResetPassword.lost_reset_password .required {
    color: #EB9C29 !important;
}

/* Username/email input */
body.woocommerce-account .cf-account-login-widget
.woocommerce-ResetPassword.lost_reset_password input.input-text {
    display: block !important;
    width: 100% !important;
    min-height: 50px !important;
    margin: 0 !important;
    padding: 13px 15px !important;
    background: #100f0d !important;
    color: #ffffff !important;
    border: 1px solid #40372c !important;
    border-radius: 6px !important;
    outline: none !important;
    box-shadow: none !important;
    font-size: 15px !important;
    box-sizing: border-box !important;
    transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
}

/* Input focus */
body.woocommerce-account .cf-account-login-widget
.woocommerce-ResetPassword.lost_reset_password input.input-text:focus {
    border-color: #EB9C29 !important;
    box-shadow: 0 0 0 3px rgba(235, 156, 41, 0.12) !important;
}

/* Reset password button row */
body.woocommerce-account .cf-account-login-widget
.woocommerce-ResetPassword.lost_reset_password .form-row:last-of-type {
    margin-top: 26px !important;
    margin-bottom: 0 !important;
}

/* Reset password button */
body.woocommerce-account .cf-account-login-widget
.woocommerce-ResetPassword.lost_reset_password button.woocommerce-Button {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    float: none !important;
    width: 100% !important;
    min-height: 51px !important;
    margin: 0 !important;
    padding: 14px 22px !important;
    background: #EB9C29 !important;
    color: #1A1714 !important;
    border: 1px solid #EB9C29 !important;
    border-radius: 6px !important;
    box-shadow: none !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    letter-spacing: 0.7px !important;
    text-transform: uppercase !important;
    text-align: center !important;
    cursor: pointer !important;
    transition: background 0.2s ease, border-color 0.2s ease, transform 0.2s ease !important;
}

/* Button hover */
body.woocommerce-account .cf-account-login-widget
.woocommerce-ResetPassword.lost_reset_password button.woocommerce-Button:hover {
    background: #f5b44f !important;
    color: #1A1714 !important;
    border-color: #f5b44f !important;
    transform: translateY(-1px) !important;
}

/* Clear layout elements */
body.woocommerce-account .cf-account-login-widget
.woocommerce-ResetPassword.lost_reset_password .clear {
    display: none !important;
}

/* WooCommerce notices */
body.woocommerce-account .cf-account-login-widget
.rtsb-notice .woocommerce-notices-wrapper .woocommerce-error,
body.woocommerce-account .cf-account-login-widget
.rtsb-notice .woocommerce-notices-wrapper .woocommerce-message,
body.woocommerce-account .cf-account-login-widget
.rtsb-notice .woocommerce-notices-wrapper .woocommerce-info {
    margin: 0 0 22px !important;
    padding: 14px 18px 14px 42px !important;
    background: #1A1714 !important;
    color: #f5f2ed !important;
    border-top: 2px solid #EB9C29 !important;
    border-radius: 5px !important;
}

/* Mobile layout */
@media (max-width: 600px) {
    body.woocommerce-account .cf-account-login-widget
    .woocommerce-ResetPassword.lost_reset_password {
        max-width: 100% !important;
        margin: 20px auto !important;
        padding: 24px 20px !important;
        border-radius: 8px !important;
    }

    body.woocommerce-account .cf-account-login-widget
    .woocommerce-ResetPassword.lost_reset_password input.input-text {
        min-height: 48px !important;
        font-size: 16px !important;
    }

    body.woocommerce-account .cf-account-login-widget
    .woocommerce-ResetPassword.lost_reset_password button.woocommerce-Button {
        min-height: 49px !important;
    }
}/* End custom CSS */