﻿/* Figma 6083:7645. Scoped to native account login, not the authentication popup. */
body.customer-account-login .nav-sections { margin-bottom:0; }
body.customer-account-login #maincontent { width:100%; max-width:1150px; box-sizing:border-box; margin:0 auto; padding:64px 20px; font-family:Montserrat,sans-serif; }
body.customer-account-login #maincontent .page-title-wrapper { margin:0 0 32px; }
body.customer-account-login #maincontent .page-title { margin:0; color:#141414; font:700 24px/29px Montserrat,sans-serif; }
body.customer-account-login #maincontent .columns { display:block; }
body.customer-account-login #maincontent .columns > .column.main { float:none; width:100%; padding:0; margin:0; min-height:0; }
body.customer-account-login #maincontent .login-container { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:40px; margin:0; }
body.customer-account-login #maincontent .login-container::before, body.customer-account-login #maincontent .login-container::after { display:none; }
body.customer-account-login #maincontent .login-container > .block { width:100%; float:none; margin:0; padding:0; min-width:0; }
body.customer-account-login #maincontent .login-container .block-title { margin:0 0 16px; padding:0 0 16px; border-bottom:1px solid #e0e0e0; }
body.customer-account-login #maincontent .login-container .block-title strong { color:#141414; font:700 18px/22px Montserrat,sans-serif; }
body.customer-account-login #maincontent .login-container .block-content > p,
body.customer-account-login #maincontent .login-container .field.note { color:#5b5d5d; font:400 14px/17px Montserrat,sans-serif; padding:0; margin:0 0 16px; }
body.customer-account-login #maincontent .login-container .form-login { margin:0; }
body.customer-account-login #maincontent .login-container .fieldset.login { display:flex; flex-direction:column; gap:16px; margin:0; padding:0; border:0; min-width:0; }
body.customer-account-login #maincontent .login-container .fieldset > .field { margin:0; padding:0; }
body.customer-account-login #maincontent .login-container .fieldset > .field::before { display:none; }
body.customer-account-login #maincontent .login-container .field > .label { display:block; float:none; width:auto; margin:0 0 8px; padding:0; text-align:left; color:#141414; font:600 14px/17px Montserrat,sans-serif; }
body.customer-account-login #maincontent .login-container .field.required > .label::after { color:#f26522; font-size:14px; margin-left:4px; }
body.customer-account-login #maincontent .login-container .field > .control { width:100%; float:none; }
body.customer-account-login #maincontent .login-container .input-text { width:100%; height:40px; padding:9px 12px; box-sizing:border-box; border:1px solid #ccc; border-radius:2px; background:#fff; color:#141414; font:400 16px/20px Montserrat,sans-serif; box-shadow:none; }
body.customer-account-login #maincontent .login-container .input-text::placeholder { color:#a8a8a8; opacity:1; font-weight:300; }
body.customer-account-login #maincontent .login-container .field.choice { display:flex; align-items:center; gap:8px; min-height:17px; }
body.customer-account-login #maincontent .login-container .field.choice > .label { margin:0; font-weight:400; }
body.customer-account-login #maincontent .login-container .field.choice input[type=checkbox] { position:static; margin:0; width:16px; height:16px; flex:none; accent-color:#f26522; }
body.customer-account-login #maincontent .login-container .persistent .tooltip.wrapper { display:none; }
body.customer-account-login #maincontent .login-container .actions-toolbar { display:flex; flex-direction:column; align-items:stretch; gap:16px; margin:0; padding:0; }
body.customer-account-login #maincontent .login-container .actions-toolbar::before,
body.customer-account-login #maincontent .login-container .actions-toolbar::after { display:none; }
body.customer-account-login #maincontent .login-container .actions-toolbar > :is(.primary,.secondary) { float:none; width:100%; margin:0; text-align:left; }
body.customer-account-login #maincontent .login-container .action.primary { display:flex; align-items:center; justify-content:center; width:100%; min-height:44px; padding:10px 12px; margin:0; border:0; border-radius:2px; background:#f26522; color:#fff; box-shadow:none; text-shadow:none; text-decoration:none; font:700 16px/20px Montserrat,sans-serif; letter-spacing:1.2px; text-transform:uppercase; box-sizing:border-box; }
body.customer-account-login #maincontent .login-container .action.primary:hover { background:#df581b; color:#fff; }
body.customer-account-login #maincontent .login-container .action.remind { display:inline-block; margin:0; color:#f26522; font:600 14px/17px Montserrat,sans-serif; }
body.customer-account-login #maincontent .login-container .fieldset::after { content:attr(data-hasrequired); display:block; margin:0; padding:0; color:#f26522; font:400 12px/15px Montserrat,sans-serif; }
body.customer-account-login #maincontent .login-container div.mage-error { margin-top:6px; font:400 12px/17px Montserrat,sans-serif; color:#b30000; }
body.customer-account-login #maincontent .login-container :is(input,button,a):focus-visible { outline:2px solid #f26522; outline-offset:2px; }
@media (max-width:767px) {
 body.customer-account-login #maincontent { padding:32px 20px; }
 body.customer-account-login #maincontent .login-container { grid-template-columns:1fr; gap:40px; }
}
/* Reuse the existing newsletter module and its required fields. */
body.customer-account-login .page-wrapper > .page-bottom { margin:0; padding:0; width:100%; max-width:none; }
body.customer-account-login .page-bottom .block.newsletter { width:100%; max-width:none; background:#333; margin:0; padding:0; border:0; }
body.customer-account-login .page-bottom .block.newsletter > .footer.content { display:flex; align-items:center; gap:32px; width:100%; max-width:1150px; min-height:71px; padding:0 20px; margin:0 auto; box-sizing:border-box; border:0; }
body.customer-account-login .page-bottom .newsletterColunaEsquerda { display:flex; align-items:center; flex:0 0 523px; min-height:71px; width:auto; margin:0; padding:0 0 0 110px; box-sizing:border-box; background:url('../images/df-home/plane.svg') 32px 0/67px 67px no-repeat,url('../images/df-home/envelope.svg') 4px 6px/74px 74px no-repeat; }
body.customer-account-login .page-bottom .newsletterColunaEsquerda .blocoTexto { width:auto; margin:0; padding:0; }
body.customer-account-login .page-bottom .newsletter .blocoTexto h4 { margin:0; color:#fff; font:400 16px/20px Montserrat,sans-serif; text-align:left; }
body.customer-account-login .page-bottom .newsletterColunaDireita { flex:1; min-width:0; width:auto; margin:0; padding:0; }
body.customer-account-login .page-bottom .block.newsletter .form.subscribe { display:flex; align-items:flex-start; gap:11px; padding:0; margin:0; width:100%; }
body.customer-account-login .page-bottom .block.newsletter .field { flex:1; min-width:0; width:auto; margin:0; }
body.customer-account-login .page-bottom .block.newsletter .field.firstname { flex:0 0 120px; }
body.customer-account-login .page-bottom .block.newsletter .control { width:100%; }
body.customer-account-login .page-bottom .block.newsletter input { width:100%; height:42px; margin:0; border:1px solid #ddd; border-radius:0; padding:0 12px; box-sizing:border-box; background:#fff; font:400 14px/20px Montserrat,sans-serif; color:#2f2f2f; }
body.customer-account-login .page-bottom .block.newsletter .actions { flex:0 0 128px; width:auto; padding:0; margin:0; }
body.customer-account-login .page-bottom .block.newsletter .action.primary { width:100%; height:42px; padding:0; margin:0; border:0; border-radius:0; background:#f26522; color:#fff; font:700 16px/20px Montserrat,sans-serif; text-shadow:none; }
body.customer-account-login .page-bottom .block.newsletter div.mage-error { color:#fff; }
@media (max-width:1199px) {
 body.customer-account-login .page-bottom .block.newsletter > .footer.content { flex-wrap:wrap; gap:16px; padding-top:16px; padding-bottom:16px; }
 body.customer-account-login .page-bottom .newsletterColunaEsquerda { flex-basis:100%; }
 body.customer-account-login .page-bottom .newsletterColunaDireita { flex-basis:100%; }
}
@media (max-width:479px) {
 body.customer-account-login .page-bottom .block.newsletter .form.subscribe { flex-wrap:wrap; }
 body.customer-account-login .page-bottom .block.newsletter .field.firstname { flex:1 0 100%; }
 body.customer-account-login .page-bottom .newsletterColunaEsquerda { padding-left:90px; }
}
body.customer-account-login #maincontent .login-container { align-items:start; }
body.customer-account-login #maincontent .login-container .block-title { font:700 18px/22px Montserrat,sans-serif; }
body.customer-account-login #maincontent .login-container .block-title strong { display:block; }
body.customer-account-login #maincontent .login-container .actions-toolbar > .secondary { display:flex; line-height:17px; }
@media (min-width:1200px) {
 body.customer-account-login .page-bottom .newsletterColunaEsquerda { flex-basis:555px; }
 body.customer-account-login .page-bottom .newsletter .blocoTexto h4 { white-space:nowrap; }
}
