/* Trado Fashion V7 — scoped footer and customer auth visuals only.
   No changes to authentication, checkout, payments, admin or seller endpoints. */
:root{--tf7-navy:#1e2346;--tf7-pink:#f32374;--tf7-muted:#636b7b;--tf7-line:#e9eaf2;--tf7-surface:#f8f8fc}
.tf-v7-site-footer{background:#f9f9fc!important;color:var(--tf7-navy)!important;border-top:1px solid #e9e8f0!important;margin:30px 0 0!important;padding:0!important;position:relative!important;overflow:visible!important;clip-path:none!important;font-family:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif!important}
.tf-v7-site-footer *{box-sizing:border-box}
.tf-v7-site-footer .tf-v7-footer-inner{max-width:1150px;margin:0 auto;padding:26px 20px 14px}
.tf-v7-site-footer .tf-v7-footer-head{display:flex;align-items:center;gap:22px;margin-bottom:20px;padding-bottom:19px;border-bottom:1px solid var(--tf7-line)}
.tf-v7-site-footer .tf-v7-footer-logo{flex-shrink:0;display:inline-flex;align-items:center;max-width:160px}
.tf-v7-site-footer .tf-v7-footer-logo img{display:block;width:auto;max-width:155px;height:auto;max-height:48px;object-fit:contain}
.tf-v7-site-footer .tf-v7-footer-head p{font-size:13px;color:var(--tf7-muted)!important;line-height:1.5;margin:0}
.tf-v7-site-footer .tf-v7-desktop-footer{display:grid;grid-template-columns:1fr 1.15fr 1fr 1.15fr;gap:24px}
.tf-v7-site-footer .tf-v7-link-group{display:flex;flex-direction:column;align-items:flex-start;min-width:0;gap:7px}
.tf-v7-site-footer .tf-v7-link-group h3{margin:0 0 5px;font-size:13px!important;font-weight:800!important;letter-spacing:.04em;text-transform:uppercase;color:var(--tf7-navy)!important;line-height:1.5}
.tf-v7-site-footer .tf-v7-link-group>a{font-size:13px!important;line-height:1.55!important;color:#525b71!important;text-decoration:none!important;overflow-wrap:anywhere}
.tf-v7-site-footer .tf-v7-link-group>a:hover{color:var(--tf7-pink)!important}
.tf-v7-site-footer .tf-v7-contact>a{display:flex;gap:7px;align-items:flex-start}
.tf-v7-site-footer .tf-v7-contact>a i{font-size:17px;color:var(--tf7-pink)}
.tf-v7-site-footer .tf-v7-social{display:flex;align-items:center;gap:8px;margin-top:7px}
.tf-v7-site-footer .tf-v7-social a{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;border:1px solid #e0e0eb;background:#fff;color:var(--tf7-navy);font-size:17px;text-decoration:none!important}
.tf-v7-site-footer .tf-v7-social a:hover{color:var(--tf7-pink);border-color:var(--tf7-pink)}
.tf-v7-site-footer .tf-v7-footer-bottom{border-top:1px solid var(--tf7-line);padding-top:14px;margin-top:23px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;color:#83899b;font-size:11px;line-height:1.4}
.tf-v7-site-footer .tf-v7-footer-bottom span span{color:var(--tf7-pink)}
.tf-v7-site-footer .tf-v7-mobile-footer{display:none}
@media(max-width:820px){.tf-v7-site-footer .tf-v7-desktop-footer{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:25px}.tf-v7-site-footer .tf-v7-footer-inner{padding:24px 22px}}
@media(max-width:767.98px){
 .tf-v7-site-footer{margin-top:18px!important}
 .tf-v7-site-footer .tf-v7-footer-inner{padding:16px 16px calc(16px + env(safe-area-inset-bottom))}
 .tf-v7-site-footer .tf-v7-footer-head{margin:0 0 10px;padding-bottom:12px;gap:13px}
 .tf-v7-site-footer .tf-v7-footer-logo img{max-width:106px;max-height:38px}
 .tf-v7-site-footer .tf-v7-footer-head p{font-size:11px;line-height:1.4}
 .tf-v7-site-footer .tf-v7-desktop-footer{display:none!important}
 .tf-v7-site-footer .tf-v7-mobile-footer{display:block}
 .tf-v7-site-footer .tf-v7-mobile-footer details{border-bottom:1px solid var(--tf7-line)}
 .tf-v7-site-footer .tf-v7-mobile-footer summary{padding:12px 3px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;list-style:none;font-size:13px;font-weight:760;color:var(--tf7-navy)}
 .tf-v7-site-footer .tf-v7-mobile-footer summary::-webkit-details-marker{display:none}
 .tf-v7-site-footer .tf-v7-mobile-footer details[open] summary i{transform:rotate(180deg)}
 .tf-v7-site-footer .tf-v7-mobile-links{display:grid;grid-template-columns:1fr 1fr;gap:10px 13px;padding:6px 4px 14px}
 .tf-v7-site-footer .tf-v7-mobile-links a{font-size:12px!important;text-decoration:none!important;color:#566078!important;overflow-wrap:anywhere}
 .tf-v7-site-footer .tf-v7-mobile-contact{padding:12px 3px 2px}
 .tf-v7-site-footer .tf-v7-mobile-contact a{font-size:12px;color:#60657b;text-decoration:none!important}
 .tf-v7-site-footer .tf-v7-footer-bottom{font-size:10px;justify-content:center;margin-top:10px;padding-top:12px;text-align:center}
 .tf-v7-site-footer .tf-v7-footer-bottom>span:last-child{display:none}
}
/* Customer sign in/sign up/OTP, preserving existing form actions and IDs */
#modal-signin,#modal-signup{z-index:2070!important}
#modal-signin .modal-dialog,#modal-signup .modal-dialog{max-width:465px!important;width:calc(100% - 24px)!important}
#modal-signin .modal-content,#modal-signup .modal-content{background:#fff!important;color:var(--tf7-navy)!important;border:1px solid #f3e7ee!important;border-radius:22px!important;overflow:hidden!important;box-shadow:0 24px 80px rgba(21,25,48,.22)!important;text-align:left!important}
#modal-signin .modal-body,#modal-signup .modal-body{position:relative!important;max-height:min(86vh,750px);overflow-y:auto;overscroll-behavior:contain;padding:29px 30px 26px!important;background:#fff!important;scrollbar-width:thin}
#modal-signin .tf-v7-auth-brand,#modal-signup .tf-v7-auth-brand{display:flex;align-items:center;gap:7px;color:var(--tf7-navy);font-weight:850;font-size:15px;letter-spacing:-.2px;margin:0 30px 21px 0}
#modal-signin .tf-v7-auth-mark,#modal-signup .tf-v7-auth-mark{width:31px;height:31px;background:linear-gradient(135deg,#ee2071 0%,#ffb345 100%);color:#fff;border-radius:10px;display:grid;place-items:center;font-size:19px}
#modal-signin .tf-v7-auth-brand-flag,#modal-signup .tf-v7-auth-brand-flag{margin-left:auto;font-weight:650;font-size:10px;letter-spacing:0;color:#9594a2;white-space:nowrap}
#modal-signin h2,#modal-signup h2{font-family:inherit!important;font-weight:850!important;font-size:24px!important;line-height:1.25!important;letter-spacing:-.6px;color:var(--tf7-navy)!important;margin-bottom:7px!important}
#modal-signin p.lead,#modal-signup p.lead{font-size:13px!important;line-height:1.6!important;margin-bottom:20px!important;color:#697084!important}
#modal-signin .form-control,#modal-signup .form-control{width:100%!important;min-height:50px!important;background:#fdfdff!important;border-radius:12px!important;border:1px solid #dfe1ea!important;padding-left:14px!important;padding-right:13px!important;font-size:14px!important;box-shadow:none!important;color:#242944!important}
#modal-signin .form-control:focus,#modal-signup .form-control:focus{background:#fff!important;border-color:var(--tf7-pink)!important;box-shadow:0 0 0 3px rgba(243,35,116,.10)!important}
#modal-signin .form-floating>label,#modal-signup .form-floating>label{padding-left:15px!important;color:#777e91!important;font-size:13px!important;pointer-events:none}
#modal-signin .form-floating,#modal-signup .form-floating{min-width:0;width:100%;margin-bottom:14px!important}
#modal-signup .row>[class*='col-']{padding-left:9px!important;padding-right:9px!important}
#modal-signup .sign-up-verify-number .pb-4,#modal-signup .tab-content .pb-4{padding-bottom:12px!important}
#modal-signin .btn-close,#modal-signup .btn-close{position:absolute!important;right:17px!important;top:17px!important;border-radius:50%!important;background-color:#f5f5f8!important;width:29px;height:29px;opacity:.82;z-index:3}
#modal-signin form>footer,#modal-signup form>footer{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);gap:10px;margin:8px 0 15px!important;padding:0!important;background:transparent!important;box-shadow:none!important;border:0!important}
#modal-signin form>footer .btn,#modal-signup form>footer .btn{width:100%!important;min-height:46px!important;border-radius:11px!important;font-weight:760!important;font-size:13px!important;margin:0!important;padding:9px 12px!important}
#modal-signin .btn-primary,#modal-signup .btn-primary{color:#fff!important;background:linear-gradient(110deg,#fa2376,#ed1362)!important;border:1px solid #ed1362!important;box-shadow:none!important}
#modal-signin .btn-soft-dark,#modal-signup .btn-soft-dark{background:#f4f5f9!important;color:#555c6e!important;border:1px solid #e3e5ed!important}
#modal-signin a.text-blue,#modal-signup a.text-blue,#modal-signup a.text-primary{color:var(--tf7-pink)!important;font-weight:750!important}
#modal-signin .mb-0,#modal-signup .mb-0{font-size:12px;line-height:1.7}
#modal-signup .nav-tabs,#modal-signin .nav-tabs{display:flex!important;gap:8px;border:0!important;border-radius:12px;padding:4px;background:#f5f5fa;margin-bottom:18px!important}
#modal-signup .nav-tabs .nav-item,#modal-signin .nav-tabs .nav-item{flex:1;min-width:0}
#modal-signup .nav-tabs .nav-link,#modal-signin .nav-tabs .nav-link{display:block!important;width:100%;padding:10px 4px!important;font-size:13px!important;font-weight:750;border:0!important;border-radius:9px!important;color:#667083!important;background:transparent!important}
#modal-signup .nav-tabs .nav-link.active,#modal-signin .nav-tabs .nav-link.active{color:var(--tf7-pink)!important;background:#fff!important;box-shadow:0 1px 7px rgba(20,30,60,.08)}
#modal-signin .password-field,#modal-signup .password-field{position:relative!important}
#modal-signin .password-toggle,#modal-signup .password-toggle{position:absolute;right:12px;top:13px;z-index:2;color:#80879a}
#modal-signin #error_box,#modal-signup #registration-error,#modal-signup #email-registration-error{font-size:12px;max-width:100%;overflow-wrap:anywhere}
@media(max-width:767.98px){
 #modal-signin .modal-dialog,#modal-signup .modal-dialog{margin:0!important;width:100%!important;max-width:100%!important;min-height:100%!important;display:flex!important;align-items:flex-end!important;justify-content:center!important;transform:none!important}
 #modal-signin .modal-content,#modal-signup .modal-content{border-radius:24px 24px 0 0!important;border-bottom:0!important;max-height:calc(100dvh - 52px)!important;overflow:hidden!important}
 #modal-signin .modal-body,#modal-signup .modal-body{max-height:calc(100dvh - 52px)!important;padding:25px 21px calc(27px + env(safe-area-inset-bottom))!important;overflow-y:auto!important}
 #modal-signin .tf-v7-auth-brand,#modal-signup .tf-v7-auth-brand{margin:0 28px 16px 0}
 #modal-signin h2,#modal-signup h2{font-size:22px!important}
 #modal-signin form>footer,#modal-signup form>footer{position:relative!important;grid-template-columns:1fr 1.45fr}
 #modal-signin .form-control,#modal-signup .form-control{font-size:16px!important}
}