.elementor-10 .elementor-element.elementor-element-4a81ebb{width:var( --container-widget-width, 90% );max-width:90%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:90%;--container-widget-flex-grow:0;}.elementor-10 .elementor-element.elementor-element-4a81ebb.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}/* Start custom CSS for shortcode, class: .elementor-element-4a81ebb *//* FINOMATION — Mijn Account / Login styling
   Te plakken in Elementor Custom CSS (of Custom Code), bij de pagina met [woocommerce_my_account] */

/* Alles hieronder is gescoped tot de UITGELOGDE (login) weergave,
   zodat de ingelogde klantpagina hier niet door beïnvloed wordt */

body.woocommerce-account.logged-out {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

body.woocommerce-account.logged-out .woocommerce {
  max-width: 420px;
  margin: 40px auto;
}

/* Kaart om het inlogformulier */
body.woocommerce-account.logged-out #customer_login {
  display: block;
  background: #fff;
  border: 1px solid #E5E7EB;
  border-radius: 20px;
  padding: 36px 32px;
  box-shadow: 0 20px 50px rgba(17,24,39,0.08);
}

body.woocommerce-account.logged-out #customer_login .u-column1,
body.woocommerce-account.logged-out #customer_login .u-column2 {
  float: none;
  width: 100%;
}

/* Registratiekolom verbergen — verwijder deze regel als klanten zich hier ook moeten kunnen registreren */
body.woocommerce-account.logged-out #customer_login .u-column2 {
  display: none;
}

body.woocommerce-account.logged-out #customer_login h3 {
  font-size: 18px;
  font-weight: 700;
  color: #111827;
  margin: 0 0 20px;
}

body.woocommerce-account.logged-out .woocommerce-form-login .form-row {
  margin-bottom: 16px;
}

body.woocommerce-account.logged-out .woocommerce-form-login label {
  display: block;
  font-size: 13px;
  font-weight: 600;
  color: #111827;
  margin-bottom: 6px;
}

body.woocommerce-account.logged-out .woocommerce-form-login .woocommerce-Input {
  width: 100%;
  padding: 11px 14px;
  border: 1px solid #E5E7EB;
  border-radius: 10px;
  font-size: 14.5px;
  color: #111827;
  box-sizing: border-box;
}

body.woocommerce-account.logged-out .woocommerce-form-login .woocommerce-Input:focus {
  outline: none;
  border-color: #1A56A0;
  box-shadow: 0 0 0 3px rgba(26,86,160,0.1);
}

body.woocommerce-account.logged-out .woocommerce-form-login__rememberme {
  display: flex;
  align-items: center;
  gap: 7px;
  font-size: 13px;
  color: #6B7280;
  margin: 4px 0 18px;
}

body.woocommerce-account.logged-out .woocommerce-form-login .woocommerce-button {
  width: 100%;
  background: #1A56A0;
  color: #fff;
  font-size: 15px;
  font-weight: 600;
  padding: 13px 24px;
  border: none;
  border-radius: 10px;
  cursor: pointer;
  transition: background 0.15s ease;
}

body.woocommerce-account.logged-out .woocommerce-form-login .woocommerce-button:hover {
  background: #0F3D7A;
}

body.woocommerce-account.logged-out .woocommerce-LostPassword {
  text-align: center;
  margin: 18px 0 0;
}

body.woocommerce-account.logged-out .woocommerce-LostPassword a {
  font-size: 13px;
  color: #1A56A0;
  text-decoration: none;
}

body.woocommerce-account.logged-out .woocommerce-LostPassword a:hover {
  text-decoration: underline;
}

/* Foutmeldingen (bijv. verkeerd wachtwoord) — alleen op de login-pagina */
body.woocommerce-account.logged-out .woocommerce-error,
body.woocommerce-account.logged-out .woocommerce-message {
  max-width: 420px;
  margin: 0 auto 16px;
  border-radius: 10px;
  font-size: 13.5px;
  padding: 12px 16px;
  list-style: none;
}

body.woocommerce-account.logged-out .woocommerce-error {
  background: #FEE2E2;
  color: #991B1B;
  border: 1px solid #FCA5A5;
}

body.woocommerce-account.logged-out .woocommerce-message {
  background: #F0FDF4;
  color: #15803D;
  border: 1px solid #86EFAC;
}

@media (max-width: 480px) {
  body.woocommerce-account.logged-out #customer_login {
    padding: 28px 20px;
    border-radius: 16px;
  }
}/* End custom CSS */