/* =========================================================
   CRUSE AUTH THEME FIX — Glozin parent theme override
   Amaç: tema modal/grid/float kuralları Cruse üyelik eklentisinin üstüne basmasın.
   ========================================================= */
html body .login-modal,
html body #login-modal.login-modal{
  --gz-modal-content-width: min(640px, calc(100vw - 32px)) !important;
  --gz-modal-container-padding: 16px !important;
  --gz-modal-content-padding-y: 0px !important;
  --gz-modal-content-padding-x: 0px !important;
  --gz-modal-content-border-radius: 26px !important;
  box-sizing: border-box !important;
}
html body #login-modal.login-modal .modal__container,
html body .login-modal .modal__container{
  position: fixed !important;
  top: 50% !important;
  left: 50% !important;
  right: auto !important;
  bottom: auto !important;
  width: min(640px, calc(100vw - 32px)) !important;
  max-width: min(640px, calc(100vw - 32px)) !important;
  min-width: 0 !important;
  max-height: calc(100vh - 40px) !important;
  transform: translate(-50%, -50%) !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  border-radius: 26px !important;
  pointer-events: auto !important;
  box-sizing: border-box !important;
}
html body #login-modal.login-modal .modal__wrapper,
html body #login-modal.login-modal .modal__content,
html body .login-modal .modal__wrapper,
html body .login-modal .modal__content{
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  box-sizing: border-box !important;
}
html body #login-modal.login-modal .modal__content{
  padding: 26px !important;
  background: #fff !important;
  border-radius: 26px !important;
}
html body #login-modal.login-modal .modal__button-close{
  top: 18px !important;
  right: 18px !important;
  z-index: 99 !important;
}
html body #login-modal.login-modal .woocommerce-customer-login,
html body #login-modal.login-modal .woocommerce-customer-register,
html body #login-modal.login-modal form.woocommerce-form-login,
html body #login-modal.login-modal form.woocommerce-form-register,
html body #login-modal.login-modal .cruse-login-switch,
html body #login-modal.login-modal .cruse-login-stage,
html body #login-modal.login-modal .cruse-login-panel,
html body #login-modal.login-modal .cruse-auth-shell,
html body #login-modal.login-modal .cruse-auth-card,
html body #login-modal.login-modal .cruse-login-social-wrap,
html body #login-modal.login-modal .cruse-social-login{
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  float: none !important;
  clear: both !important;
  left: auto !important;
  right: auto !important;
  transform: none !important;
  box-sizing: border-box !important;
}
html body #login-modal.login-modal form.woocommerce-form-login{
  padding: 0 !important;
  border: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
  overflow: visible !important;
}
html body #login-modal.login-modal .woocommerce-customer-login{
  display: block !important;
  gap: 0 !important;
}
html body #login-modal.login-modal .woocommerce-customer-login > .flex-1{
  width: 100% !important;
  max-width: 100% !important;
  flex: 0 0 100% !important;
}
html body #login-modal.login-modal .cruse-login-switch{
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 0 !important;
  overflow: hidden !important;
}
html body #login-modal.login-modal .cruse-social-row{
  grid-template-columns: 1fr 1fr !important;
}

/* Hesabım giriş/kayıt ana sayfası — tema iki kolon veya sağ float basarsa sıfırla. */
html body.woocommerce-account:not(.logged-in) .site-content .woocommerce,
html body.woocommerce-account:not(.logged-in) main .woocommerce,
html body.woocommerce-account:not(.logged-in) article .woocommerce{
  width: 100% !important;
  max-width: 100% !important;
  display: flex !important;
  justify-content: center !important;
  align-items: flex-start !important;
  margin: 0 auto !important;
  padding: 44px 16px 96px !important;
  box-sizing: border-box !important;
  float: none !important;
  clear: both !important;
}
html body.woocommerce-account:not(.logged-in) #customer_login{
  width: min(100%, 860px) !important;
  max-width: 860px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  display: grid !important;
  grid-template-columns: minmax(320px, 560px) minmax(260px, 360px) !important;
  justify-content: center !important;
  align-items: start !important;
  gap: 48px !important;
  float: none !important;
  clear: both !important;
  left: auto !important;
  right: auto !important;
  transform: none !important;
  box-sizing: border-box !important;
}
html body.woocommerce-account:not(.logged-in) #customer_login > .flex-1,
html body.woocommerce-account:not(.logged-in) #customer_login > .u-column1,
html body.woocommerce-account:not(.logged-in) #customer_login > .u-column2{
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  flex: none !important;
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
  clear: none !important;
  left: auto !important;
  right: auto !important;
  transform: none !important;
  box-sizing: border-box !important;
}
html body.woocommerce-account:not(.logged-in) #customer_login form.woocommerce-form-login,
html body.woocommerce-account:not(.logged-in) #customer_login form.woocommerce-form-register{
  width: 100% !important;
  max-width: 560px !important;
  min-width: 0 !important;
  margin: 0 auto !important;
  float: none !important;
  clear: both !important;
  box-sizing: border-box !important;
}

/* ?mode=register — Glozin template tek .woocommerce-customer-register basıyor; bunu merkeze kilitle. */
html body.woocommerce-account:not(.logged-in).cruse-mode-register .site-content .woocommerce,
html body.woocommerce-account:not(.logged-in).cruse-only-register .site-content .woocommerce,
html body.woocommerce-account:not(.logged-in):has(.woocommerce-customer-register:not(#customer_login)) .site-content .woocommerce{
  display: flex !important;
  justify-content: center !important;
  align-items: flex-start !important;
}
html body.woocommerce-account:not(.logged-in) .woocommerce-customer-register:not(#customer_login),
html body.woocommerce-account:not(.logged-in).cruse-mode-register .woocommerce-customer-register,
html body.woocommerce-account:not(.logged-in).cruse-only-register .woocommerce-customer-register,
html body.woocommerce-account:not(.logged-in) #customer_login.cruse-only-register{
  width: min(100%, 560px) !important;
  max-width: 560px !important;
  min-width: 0 !important;
  margin: 0 auto !important;
  padding: 0 !important;
  display: block !important;
  float: none !important;
  clear: both !important;
  left: auto !important;
  right: auto !important;
  transform: none !important;
  box-sizing: border-box !important;
}
html body.woocommerce-account:not(.logged-in) .woocommerce-customer-register:not(#customer_login) form.woocommerce-form-register,
html body.woocommerce-account:not(.logged-in).cruse-mode-register form.woocommerce-form-register,
html body.woocommerce-account:not(.logged-in).cruse-only-register form.woocommerce-form-register{
  width: 100% !important;
  max-width: 560px !important;
  margin: 0 auto !important;
  float: none !important;
  clear: both !important;
  box-sizing: border-box !important;
}
html body.woocommerce-account:not(.logged-in).cruse-mode-register #customer_login,
html body.woocommerce-account:not(.logged-in).cruse-only-register #customer_login{
  width: min(100%, 560px) !important;
  max-width: 560px !important;
  display: block !important;
  margin: 0 auto !important;
}
html body.woocommerce-account:not(.logged-in).cruse-mode-register #customer_login .u-column1,
html body.woocommerce-account:not(.logged-in).cruse-only-register #customer_login .u-column1{
  display: none !important;
}
html body.woocommerce-account:not(.logged-in).cruse-mode-register #customer_login .u-column2,
html body.woocommerce-account:not(.logged-in).cruse-only-register #customer_login .u-column2{
  display: block !important;
  width: 100% !important;
  max-width: 560px !important;
  margin: 0 auto !important;
}

/* Label/input çakışması: Cruse alanlarında floating label'i devre dışı bırak. */
html body.woocommerce-account:not(.logged-in) .woocommerce-form .cruse-wc-field > label,
html body.woocommerce-account:not(.logged-in) .woocommerce-form .cruse-field-line > span,
html body.woocommerce-account:not(.logged-in) .woocommerce-form .cruse-check-row-inline label{
  position: static !important;
  transform: none !important;
  height: auto !important;
  pointer-events: auto !important;
  display: block !important;
  opacity: 1 !important;
}
html body.woocommerce-account:not(.logged-in) .woocommerce-form .cruse-check-row-inline label{
  display: flex !important;
}
html body.woocommerce-account:not(.logged-in) .woocommerce-form .cruse-wc-field,
html body.woocommerce-account:not(.logged-in) .woocommerce-form-register .form-row{
  position: relative !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}
html body.woocommerce-account:not(.logged-in) .woocommerce-form-register .form-row-first,
html body.woocommerce-account:not(.logged-in) .woocommerce-form-register .form-row-last{
  width: calc(50% - 6px) !important;
  max-width: calc(50% - 6px) !important;
  clear: none !important;
}
html body.woocommerce-account:not(.logged-in) .woocommerce-form-register .form-row-first{float:left !important;}
html body.woocommerce-account:not(.logged-in) .woocommerce-form-register .form-row-last{float:right !important;}
html body.woocommerce-account:not(.logged-in) .woocommerce-form-register .form-row-wide{clear:both !important;}

@media (max-width: 991px){
  html body.woocommerce-account:not(.logged-in) #customer_login{
    width: min(100%, 560px) !important;
    max-width: 560px !important;
    grid-template-columns: 1fr !important;
    gap: 28px !important;
  }
}
@media (max-width: 767px){
  html body #login-modal.login-modal,
  html body #login-modal.login-modal .modal__container{
    width: calc(100vw - 20px) !important;
    max-width: calc(100vw - 20px) !important;
  }
  html body #login-modal.login-modal .modal__content{padding:18px !important;}
  html body #login-modal.login-modal .cruse-social-row{grid-template-columns:1fr !important;}
  html body.woocommerce-account:not(.logged-in) .site-content .woocommerce,
  html body.woocommerce-account:not(.logged-in) main .woocommerce,
  html body.woocommerce-account:not(.logged-in) article .woocommerce{padding:24px 10px 70px !important;}
  html body.woocommerce-account:not(.logged-in) .woocommerce-form-register .form-row-first,
  html body.woocommerce-account:not(.logged-in) .woocommerce-form-register .form-row-last{
    width:100% !important;
    max-width:100% !important;
    float:none !important;
  }
}