/*
Theme Name: Enfold Child
Description: A <a href='http://codex.wordpress.org/Child_Themes'>Child Theme</a> for the Enfold Wordpress Theme. If you plan to do a lot of file modifications we recommend to use this Theme instead of the original Theme. Updating wil be much easier then.
Version: 1.0
Author: Kriesi
Author URI: http://www.kriesi.at
Template: enfold
*/

/* gebruik de map css voor custom css*/
/* === RR FIX: WooCommerce My Account login layout (safe) === */
body.woocommerce-account .woocommerce form.woocommerce-form-login{
  max-width: 420px;
  margin: 0 auto;
}

body.woocommerce-account .woocommerce form.woocommerce-form-login .form-row{
  width: 100%;
  margin-bottom: 14px;
}

body.woocommerce-account .woocommerce form.woocommerce-form-login input[type="text"],
body.woocommerce-account .woocommerce form.woocommerce-form-login input[type="email"],
body.woocommerce-account .woocommerce form.woocommerce-form-login input[type="password"]{
  width: 100%;
  box-sizing: border-box;
  display: block;
  padding: 12px 14px;
}

body.woocommerce-account .woocommerce form.woocommerce-form-login .woocommerce-form__label-for-checkbox{
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 10px 0 14px;
}

body.woocommerce-account .woocommerce form.woocommerce-form-login button.button{
  padding: 12px 18px;
}
/* === END RR FIX === */
/* === RR FIX v3: keep login stable across breakpoints (DevTools safe) === */

/* When logged out: keep the login form readable on <= 980px too */
@media (max-width: 980px){
  body.woocommerce-account:not(.logged-in) .woocommerce{
    display: block !important;     /* neutralize grid for this page state */
  }

  body.woocommerce-account:not(.logged-in) .woocommerce form.login,
  body.woocommerce-account:not(.logged-in) .woocommerce form.woocommerce-form-login{
    width: 92vw !important;
    max-width: 520px !important;
    margin: 0 auto !important;
  }

  body.woocommerce-account:not(.logged-in) .woocommerce form.login input[type="text"],
  body.woocommerce-account:not(.logged-in) .woocommerce form.login input[type="email"],
  body.woocommerce-account:not(.logged-in) .woocommerce form.login input[type="password"],
  body.woocommerce-account:not(.logged-in) .woocommerce form.woocommerce-form-login input[type="text"],
  body.woocommerce-account:not(.logged-in) .woocommerce form.woocommerce-form-login input[type="email"],
  body.woocommerce-account:not(.logged-in) .woocommerce form.woocommerce-form-login input[type="password"]{
    min-width: 0 !important;       /* allow it to shrink nicely */
  }
}
/* === END RR FIX v3 === */