/* Complete registration page css */
.vg-account-referrals .voye-auth 
{
	padding-bottom: 24px;
  margin-top: 0px;
	padding-left: 0px;
  padding-right: 0px;
}

.vg-account-referrals .woocommerce-notices-wrapper
{
	 margin: 16px 0;
}
.woocommerce-account #main .auth-profile-form .input-label
{
	background: #fff;
}
.auth-profile-form .phone-code-wrap .phone-code-input
{
	padding-inline-start: 1rem !important;
	background-position: 72% center;
}

/* Checkout complete form */

.woocommerce-checkout .voye-form-checkout .voye-phone-modal .pop-inner 
{
	  padding: 1.5rem;
	  max-height: fit-content;
}
.woocommerce-checkout .voye-form-checkout .voye-phone-modal .pop-inner .phone-wrap
{
	margin-bottom: 10px;
}
.woocommerce-checkout .voye-form-checkout .voye-phone-modal h3.voye-phone-modal-title
{
	margin-bottom: 5px;
}
.woocommerce-checkout .voye-form-checkout .voye-phone-modal .phone-code-input
{
	padding-inline-start: 1rem !important;
	background-position: 72% center;
}
.woocommerce-checkout .voye-form-checkout .voye-phone-modal .voye-phone-modal-save
{
	 height: 48px;
}
.woocommerce-checkout .voye-form-checkout .voye-phone-modal .voye-phone-modal-cancel
{
	 height: 48px;
	 background-color: #eaebee;
   border-color: #eaebee;
   color: #2a2a2e;
}
.woocommerce-checkout .voye-form-checkout .voye-phone-modal .voye-phone-modal-cancel:hover 
{
	background:none;
	background-color: #eaebee;
  border-color: #eaebee;
}


/* ---- Auth social buttons (contained + responsive) ---- */
.voye-auth .social-login {
  display: grid;
  grid-template-columns: 1fr 1fr;
  width: 100%;
  gap: 12px;
  align-items: center;
  justify-content: center;
}
.voye-auth .apple-btn .nsl-button-apple {
  align-items: center;
  justify-content: center;
  gap: 0px;
  position: relative;
}
.voye-auth .apple-btn .nsl-button-label-container {
  flex: 0 0 auto !important;
  text-align: left !important;
  padding: 0 !important;
  margin: 0 !important;
 font-size: 15px !important;

}
.voye-auth .auth-divider .border-t 
{
	border-color: #c9ced4;
}
.voye-auth .auth-screen .social-login .apple-btn .nsl-button-apple
{
	    height: 40px;
}
/* Apple button — black pill */
.auth-social button.apple-btn {
    display: flex !important;
    align-items: center;
    justify-content: center;
    height: 40px;
    border-radius: 9999px;
    background: #000 !important;
    color: #fff;
    font-size: 15px;
    font-weight: 500;
    border: none;
    cursor: pointer;
    gap: 8px;
    padding: 0 16px;
    overflow: visible !important;
    transition: opacity .2s;
}
.auth-social button.apple-btn:hover { opacity: .85; }

/* Reset all Nextend wrapper layers to transparent pass-through */
.auth-social button.apple-btn .nsl-container,
.auth-social button.apple-btn .nsl-container-buttons,
.auth-social button.apple-btn .nsl-container-inline,
.auth-social button.apple-btn .nsl-container-grid {
    display: contents !important;
}
.auth-social button.apple-btn .nsl-container-buttons a,
.auth-social button.apple-btn .nsl-container-buttons button {
    margin: 0 !important;
}
/* Nextend may use a span for text — make it visible */
.auth-social button.apple-btn .nsl-container-buttons a span,
.auth-social button.apple-btn .nsl-container-buttons button span {
    color: #fff !important;
    font-size: 15px !important;
    font-weight: 500 !important;
}

/* Mobile — stack vertically */
@media (max-width: 767.5px) {
  .voye-auth .social-login
	{
	grid-template-columns: auto;	
	}
  .voye-auth div.nsl-container .nsl-button-apple .nsl-button-svg-container
{
	    padding: 0 2px;
}
.vg-account-referrals .voye-auth .auth-screen h2.auth-screen-title
    {
  margin-bottom: 1rem;
font-size: 22px;		
    }
.myaccount-login-wrap .voye-auth .auth-welcome h2
    {
  margin-bottom: 1rem;
font-size: 22px;		
    }
.voye-auth input[name="newsletter"]:checked + .checkbox
    {
width:20px;		
    }

 /*   Auth social buttons */
	.auth-screen.auth-welcome
	{
		text-align: center;
	}
    .auth-social .social-google-login-wrap,
    .auth-social button.apple-btn {
       width: 100% !important;
      flex: auto; 
    }
}