/* Presentation only: keep Mageplaza forms, events, view switching, validation,
   CAPTCHA and social-provider assets intact. Scoped to the Tely checkout and cart. */
:is(.tely-design-active,.tely-cart-active) #social-login-popup .authentication .actions-toolbar:has(>.primary>a.action.create),:is(.tely-design-active,.tely-cart-active) #social-login-popup .authentication a.action.create{display:none}
:is(.tely-design-active,.tely-cart-active):has(.mfp-wrap #social-login-popup) .mfp-bg{background:#111d4b;opacity:.55}
:is(.tely-design-active,.tely-cart-active) .mfp-wrap:has(#social-login-popup) .mfp-container{padding:24px 16px}
:is(.tely-design-active,.tely-cart-active) .mfp-wrap:has(#social-login-popup) .mfp-content{max-width:480px;bottom:auto}
:is(.tely-design-active,.tely-cart-active) #social-login-popup{box-sizing:border-box;position:relative;width:100%;max-width:480px;padding:32px;margin:0 auto;border:1px solid #dce5f1;border-radius:20px;background:#fff;color:#111d4b;box-shadow:0 20px 70px rgba(17,29,75,.18);font-family:Ubuntu,TelyCartUbuntu,sans-serif;text-align:start;overflow-wrap:anywhere}
/* The original logo asset is decorative; the native translated heading labels each view. */
:is(.tely-design-active,.tely-cart-active) #social-login-popup:before{content:"";display:block;width:68px;height:41px;margin:0 auto 16px;background:url('../images/logo.png') center/contain no-repeat}
:is(.tely-design-active,.tely-cart-active) #social-login-popup:after{content:"";display:table;clear:both}
:is(.tely-design-active,.tely-cart-active) #social-login-popup .mp-social-popup{box-sizing:border-box;float:none;width:100%;padding:0!important;margin:0;min-width:0}
:is(.tely-design-active,.tely-cart-active) #social-login-popup .block-container{box-sizing:border-box;float:none;width:100%;padding:0;margin:0;min-width:0}
:is(.tely-design-active,.tely-cart-active) #social-login-popup .social-login-title{box-sizing:border-box;width:100%;padding:0!important;margin:0 0 24px;border:0;background:transparent!important;text-align:center}
:is(.tely-design-active,.tely-cart-active) #social-login-popup .social-login-title h2{font:700 25px/1.3 Ubuntu,TelyCartUbuntu,sans-serif;color:#111d4b;margin:0;padding:0;background:none;overflow-wrap:anywhere}
:is(.tely-design-active,.tely-cart-active) #social-login-popup .block{box-sizing:border-box;float:none;clear:both;width:100%;padding:0;margin:0;min-width:0}
:is(.tely-design-active,.tely-cart-active) #social-login-popup .social-login-customer-authentication>.block-title{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
:is(.tely-design-active,.tely-cart-active) #social-login-popup .block-content{box-sizing:border-box;width:100%;padding:0;margin:0;min-width:0}
:is(.tely-design-active,.tely-cart-active) #social-login-popup form{margin:0}
:is(.tely-design-active,.tely-cart-active) #social-login-popup .fieldset{border:0;margin:0;padding:0;min-width:0}
:is(.tely-design-active,.tely-cart-active) #social-login-popup .fieldset:after{display:none}
:is(.tely-design-active,.tely-cart-active) #social-login-popup .field{box-sizing:border-box;width:100%;min-width:0;margin:0 0 18px}
:is(.tely-design-active,.tely-cart-active) #social-login-popup .field>.label{display:block;width:auto;float:none;padding:0;margin:0 0 7px;text-align:start;font:400 14px/1.5 Ubuntu,TelyCartUbuntu,sans-serif;color:#52617a}
:is(.tely-design-active,.tely-cart-active) #social-login-popup .field>.control{width:100%;float:none;min-width:0}
:is(.tely-design-active,.tely-cart-active) #social-login-popup input.input-text{box-sizing:border-box;width:100%;max-width:100%;height:48px;padding:10px 12px;border:1px solid #d7dfeb;border-radius:8px;background:white;color:#111d4b;box-shadow:none;font:400 16px Ubuntu,TelyCartUbuntu,sans-serif}
:is(.tely-design-active,.tely-cart-active) #social-login-popup input.input-text:focus{border-color:#0765ee;box-shadow:0 0 0 2px rgba(7,101,238,.12)}
:is(.tely-design-active,.tely-cart-active) #social-login-popup .field.choice{display:flex;align-items:flex-start;gap:8px}
:is(.tely-design-active,.tely-cart-active) #social-login-popup .field.choice>.label{margin:0;font-size:13px}
:is(.tely-design-active,.tely-cart-active) #social-login-popup input[type=checkbox]{flex:none;width:18px;height:18px;margin:1px 0 0}
:is(.tely-design-active,.tely-cart-active) #social-login-popup .field.note{font:400 14px/1.6 Ubuntu,TelyCartUbuntu,sans-serif;color:#66758c;margin-bottom:22px}
:is(.tely-design-active,.tely-cart-active) #social-login-popup form .actions-toolbar{display:flex;flex-direction:column;align-items:stretch;gap:12px;margin:0 0 14px;padding:0}
:is(.tely-design-active,.tely-cart-active) #social-login-popup form .actions-toolbar>.primary,:is(.tely-design-active,.tely-cart-active) #social-login-popup form .actions-toolbar>.secondary,:is(.tely-design-active,.tely-cart-active) #social-login-popup form .actions-toolbar .primary>.secondary{display:block;float:none;width:100%;margin:0;padding:0;text-align:center}
:is(.tely-design-active,.tely-cart-active) #social-login-popup form .actions-toolbar .primary>.secondary{margin-top:14px}
:is(.tely-design-active,.tely-cart-active) #social-login-popup form button.action.primary{box-sizing:border-box;display:block;width:100%;min-height:48px;padding:12px 16px;margin:0;border:1px solid #0765ee;border-radius:10px;background:#0765ee!important;color:#fff;font:700 16px/1.4 Ubuntu,TelyCartUbuntu,sans-serif;white-space:normal;box-shadow:none;text-shadow:none}
:is(.tely-design-active,.tely-cart-active) #social-login-popup form button.action.primary:hover{background:#0757cd!important}
:is(.tely-design-active,.tely-cart-active) #social-login-popup form button.action.primary:disabled{opacity:.55;cursor:default}
:is(.tely-design-active,.tely-cart-active) #social-login-popup form a.action{display:inline-block;margin:0;color:#0765ee;font:400 13px/1.5 Ubuntu,TelyCartUbuntu,sans-serif;white-space:normal}
:is(.tely-design-active,.tely-cart-active) #social-login-popup #mp-popup-social-content{box-sizing:border-box;float:none;width:100%;padding:18px 0 0;margin:4px 0 0;border-top:1px solid #e1e8f2}
:is(.tely-design-active,.tely-cart-active) #social-login-popup .social-login-authentication-channel>.block-title{display:block;margin:0 0 14px;padding:0;border:0;text-align:center;font:400 12px/1.5 Ubuntu,TelyCartUbuntu,sans-serif;color:#66758c}
:is(.tely-design-active,.tely-cart-active) #social-login-popup .social-login-authentication-channel>.block-content{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;max-height:none!important;overflow:visible!important}
:is(.tely-design-active,.tely-cart-active) #social-login-popup .social-btn{box-sizing:border-box;display:block;width:100%;float:none;margin:0!important;padding:0}
:is(.tely-design-active,.tely-cart-active) #social-login-popup .social-btn>.btn,:is(.tely-design-active,.tely-cart-active) #social-login-popup .tely-apple-button{box-sizing:border-box;position:relative;display:flex;align-items:center;justify-content:center;width:100%;min-height:48px;height:auto;margin:0;padding:12px 42px;border-radius:10px;font:400 14px/1.5 Ubuntu,TelyCartUbuntu,sans-serif;text-align:center;white-space:normal;box-shadow:none;text-shadow:none}
:is(.tely-design-active,.tely-cart-active) #social-login-popup .btn-facebook{border:1px solid #3b5998;background:#3b5998;color:#fff}
:is(.tely-design-active,.tely-cart-active) #social-login-popup .btn-google{border:1px solid #d7dfeb;background:#fff;color:#33415c}
:is(.tely-design-active,.tely-cart-active) #social-login-popup .tely-apple-block{margin-top:10px}
:is(.tely-design-active,.tely-cart-active) #social-login-popup .tely-apple-button{border:1px solid #000;background:#000;color:#fff}
/* Retain provider icons/background assets; align their existing containers only. */
:is(.tely-design-active,.tely-cart-active) #social-login-popup .btn-social>.fa,:is(.tely-design-active,.tely-cart-active) #social-login-popup .tely-apple-button>.a-icon-checkout{position:absolute;inset-inline-start:12px;top:50%;transform:translateY(-50%);width:24px;height:24px;line-height:24px;border:0;font-size:21px;text-align:center}
:is(.tely-design-active,.tely-cart-active) #social-login-popup .btn-social>.fa-google{background-size:34px;background-position:center;background-repeat:no-repeat}
:is(.tely-design-active,.tely-cart-active) #social-login-popup .tely-apple-button>.a-icon-checkout{background-size:contain;background-position:center;background-repeat:no-repeat}
:is(.tely-design-active,.tely-cart-active) #social-login-popup .captcha-image{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:12px}
:is(.tely-design-active,.tely-cart-active) #social-login-popup .captcha-img{width:auto;max-width:100%;height:50px;object-fit:contain}
:is(.tely-design-active,.tely-cart-active) #social-login-popup button.captcha-reload{max-width:100%;min-height:44px;padding:8px 12px;margin:0;border:1px solid #d7dfeb;border-radius:8px;background:#f4f8ff;color:#0765ee;font:400 13px/1.4 Ubuntu,TelyCartUbuntu,sans-serif;white-space:normal;box-shadow:none}
:is(.tely-design-active,.tely-cart-active) #social-login-popup .message{border-radius:8px;overflow-wrap:anywhere}
:is(.tely-design-active,.tely-cart-active) #social-login-popup>.mfp-close{position:absolute;inset-inline-end:8px;top:8px;width:44px;height:44px;padding:0;margin:0;border:0;border-radius:50%;background:transparent;color:#66758c;font:400 28px/44px Ubuntu,TelyCartUbuntu,sans-serif;opacity:1;box-shadow:none}
:is(.tely-design-active,.tely-cart-active) #social-login-popup>.mfp-close:hover{background:#f3f8ff;color:#111d4b}
:is(.tely-design-active,.tely-cart-active) #social-login-popup button:focus-visible,:is(.tely-design-active,.tely-cart-active) #social-login-popup a:focus-visible{outline:2px solid #6173ff;outline-offset:3px}
/* Compact desktop presentation; keep 48px controls and the approved mobile layout. */
@media(min-width:600px){
 :is(.tely-design-active,.tely-cart-active) .mfp-wrap:has(#social-login-popup) .mfp-content{max-width:440px}
 :is(.tely-design-active,.tely-cart-active) #social-login-popup{max-width:440px;padding:24px}
 :is(.tely-design-active,.tely-cart-active) #social-login-popup:before{width:60px;height:36px;margin-bottom:10px}
 :is(.tely-design-active,.tely-cart-active) #social-login-popup .social-login-title{margin-bottom:18px}
 :is(.tely-design-active,.tely-cart-active) #social-login-popup .social-login-title h2{font-size:23px}
 :is(.tely-design-active,.tely-cart-active) #social-login-popup .field{margin-bottom:14px}
 :is(.tely-design-active,.tely-cart-active) #social-login-popup .field>.label{margin-bottom:6px}
 :is(.tely-design-active,.tely-cart-active) #social-login-popup form .actions-toolbar{gap:8px;margin-bottom:10px}
 :is(.tely-design-active,.tely-cart-active) #social-login-popup #mp-popup-social-content{padding-top:12px;margin-top:0}
 :is(.tely-design-active,.tely-cart-active) #social-login-popup .social-login-authentication-channel>.block-title{margin-bottom:10px}
 :is(.tely-design-active,.tely-cart-active) #social-login-popup .social-login-authentication-channel>.block-content{gap:8px}
 :is(.tely-design-active,.tely-cart-active) #social-login-popup .tely-apple-block{margin-top:8px}
}
@media(max-width:599px){
 :is(.tely-design-active,.tely-cart-active) .mfp-wrap:has(#social-login-popup) .mfp-container{padding:16px 12px}
 :is(.tely-design-active,.tely-cart-active) #social-login-popup{padding:28px 20px 24px;border-radius:16px}
 :is(.tely-design-active,.tely-cart-active) #social-login-popup .social-login-title h2{font-size:23px}
}

/* The installed Mageplaza rule uses width:200% on this exact heading. */
:is(.tely-design-active,.tely-cart-active) #social-login-popup .social-login-title{width:100%!important;max-width:100%}
:is(.tely-design-active,.tely-cart-active) #social-login-popup .social-login-title h2{width:100%;max-width:100%;text-align:center}
/* The merchant custom.css declares these Apple properties !important.
   Override only inside the existing login popup; keep native icons/actions. */
:is(.tely-design-active,.tely-cart-active) #social-login-popup button.tely-apple-button{margin:0!important;padding:12px 42px!important;border-radius:10px!important;border:1px solid #000!important;font:400 14px/1.5 Ubuntu,TelyCartUbuntu,sans-serif!important;text-align:center!important}