/* ChoiceRoyals Funds Center 0.1.1 account login display fix.
 * This file is only enqueued for logged-out WooCommerce My Account pages.
 * Scoped to the account login class supplied by Web Experience or WooCommerce.
 * No changes to checkout/cart, membership enforcement or account processing. */
@media (min-width: 761px) {
  body.crwx-account-login-page,
  body.woocommerce-account:not(.logged-in) {
    --crfp-login-max: 1080px;
  }
  body:is(.crwx-account-login-page,.woocommerce-account:not(.logged-in)) :is(.ct-container,.ct-container-full,.content-area,.site-content,.site-main,.entry-content,.wp-block-post-content,.woocommerce) {
    box-sizing: border-box !important;
    min-width: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
  }
  body:is(.crwx-account-login-page,.woocommerce-account:not(.logged-in)) :is(.ct-container,.ct-container-full,.content-area,.site-main,.entry-content,.wp-block-post-content) {
    margin-inline: auto !important;
  }
  /* Center the real sign-in experience, while its background remains full width. */
  body:is(.crwx-account-login-page,.woocommerce-account:not(.logged-in)) .woocommerce {
    position: relative !important;
    box-sizing: border-box !important;
    width: min(1080px, calc(100vw - 56px)) !important;
    max-width: min(1080px, calc(100vw - 56px)) !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    margin: 40px 0 66px !important;
    padding: 0 !important;
    overflow: visible !important;
  }
  body:is(.crwx-account-login-page,.woocommerce-account:not(.logged-in)) .crwx-login-intro {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 0 24px !important;
    padding: clamp(24px, 3vw, 36px) !important;
    flex-wrap: nowrap !important;
  }
  body:is(.crwx-account-login-page,.woocommerce-account:not(.logged-in)) #customer_login,
  body:is(.crwx-account-login-page,.woocommerce-account:not(.logged-in)) .woocommerce .u-columns,
  body:is(.crwx-account-login-page,.woocommerce-account:not(.logged-in)) .woocommerce .col2-set {
    box-sizing: border-box !important;
    display: grid !important;
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    gap: 22px !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    float: none !important;
    clear: both !important;
  }
  body:is(.crwx-account-login-page,.woocommerce-account:not(.logged-in)) #customer_login :is(.u-column1,.u-column2,.col-1,.col-2),
  body:is(.crwx-account-login-page,.woocommerce-account:not(.logged-in)) .woocommerce :is(.u-columns,.col2-set) > :is(.u-column1,.u-column2,.col-1,.col-2) {
    box-sizing: border-box !important;
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    float: none !important;
    margin: 0 !important;
    padding: clamp(20px,2.7vw,30px) !important;
    overflow-wrap: normal !important;
  }
  body:is(.crwx-account-login-page,.woocommerce-account:not(.logged-in)) :is(#customer_login,.woocommerce) :is(form.login,form.register,form.woocommerce-form-login,form.woocommerce-form-register) {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    float: none !important;
  }
  body:is(.crwx-account-login-page,.woocommerce-account:not(.logged-in)) :is(#customer_login,.woocommerce) :is(input.input-text,input[type=email],input[type=password],input[type=text]) {
    box-sizing: border-box !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }
  body:is(.crwx-account-login-page,.woocommerce-account:not(.logged-in)) :is(#customer_login,.woocommerce) h2 {
    overflow-wrap: normal !important;
    word-break: normal !important;
    font-size: clamp(23px,2.4vw,29px) !important;
  }
}
/* Maintain the already-good phone layout. Only ensure no narrow fixed columns. */
@media (max-width: 760px) {
  body.crwx-account-login-page .woocommerce,
  body.woocommerce-account:not(.logged-in) .woocommerce {
    box-sizing: border-box !important;
    width: min(100% - 24px, 560px) !important;
    max-width: 100% !important;
    margin-inline: auto !important;
    left: auto !important;
    transform: none !important;
  }
  body.crwx-account-login-page #customer_login,
  body.woocommerce-account:not(.logged-in) #customer_login {
    display: grid !important;
    grid-template-columns: minmax(0,1fr) !important;
    gap: 15px !important;
    width: 100% !important;
  }
  body.crwx-account-login-page #customer_login > *,
  body.woocommerce-account:not(.logged-in) #customer_login > * {
    box-sizing:border-box !important;
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
    float:none !important;
  }
}

/* v0.3.0: repair outer theme width constraints on the actual logged-out
   ChoiceRoyals account page; never affects member dashboards or checkout. */
@media(min-width:761px){
 body.crwx-account-login-page:not(.logged-in) :is(.site,.site-content,.site-main,.content-area,.ct-container,.ct-container-full,.ast-container,.container,#primary,#main,.entry-content,.wp-block-post-content,.wp-block-group):has(#customer_login){
   box-sizing:border-box!important;width:100%!important;max-width:none!important;min-width:0!important;
   float:none!important;margin-left:auto!important;margin-right:auto!important;
   padding-left:0!important;padding-right:0!important;
 }
 body.crwx-account-login-page:not(.logged-in) .woocommerce:has(#customer_login){
   position:relative!important;width:min(1120px,calc(100vw - 64px))!important;
   min-width:0!important;max-width:calc(100vw - 64px)!important;
   left:auto!important;right:auto!important;transform:none!important;
   margin:32px auto 64px!important;float:none!important;display:block!important;
 }
 body.crwx-account-login-page:not(.logged-in) .crwx-login-intro,
 body.crwx-account-login-page:not(.logged-in) .woocommerce:has(#customer_login) > .crwx-login-intro{
   box-sizing:border-box!important;width:min(1120px,calc(100vw - 64px))!important;max-width:calc(100vw - 64px)!important;
   margin:0 auto 22px!important;float:none!important;
 }
 body.crwx-account-login-page:not(.logged-in) #customer_login{
   display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
   width:100%!important;max-width:100%!important;min-width:0!important;
   gap:22px!important;float:none!important;position:static!important;transform:none!important;
 }
 body.crwx-account-login-page:not(.logged-in) #customer_login > :is(.u-column1,.u-column2,.col-1,.col-2){
   display:block!important;min-width:0!important;width:100%!important;max-width:100%!important;
   float:none!important;clear:none!important;margin:0!important;padding:clamp(23px,3vw,38px)!important;
   overflow:visible!important;word-break:normal!important;
 }
 body.crwx-account-login-page:not(.logged-in) #customer_login :is(.woocommerce-form,.woocommerce-form-login,.woocommerce-form-register,.form-row){max-width:100%!important;min-width:0!important;}
 body.crwx-account-login-page:not(.logged-in) #customer_login input:not([type=checkbox]):not([type=hidden]){width:100%!important;max-width:100%!important;box-sizing:border-box!important;}
}
@media(max-width:760px){
 body.crwx-account-login-page:not(.logged-in) #customer_login{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:16px!important;}
 body.crwx-account-login-page:not(.logged-in) #customer_login > *{width:100%!important;min-width:0!important;max-width:100%!important;float:none!important;}
}