/* === FOOTER (ECOA-248) === */
/* Standalone CSS – loaded via <link> in footer.tpl, no SCSS compiler needed */

#footer.js-footer{background:#1a1a2e;color:#cccccc;padding:0;margin:0}
.ag-footer{background:#1a1a2e;color:#cccccc;padding:48px 0 24px;margin-top:48px}
.ag-footer .container{max-width:1280px;margin:0 auto;padding:0 20px}

/* Newsletter hook – ps_emailsubscription: div.email_subscription.block_newsletter > h4 + form */
.ag-footer__newsletter{margin-bottom:40px}
/* Use .email_subscription (actual class on rendered div) with both selectors for safety */
.ag-footer__newsletter .block_newsletter,
.ag-footer__newsletter .email_subscription{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);border-radius:8px;padding:20px 28px}
/* h4 heading – !important needed to override body color (#3d3d3d) inheritance */
.ag-footer__newsletter .block_newsletter h4,
.ag-footer__newsletter .email_subscription h4{font-size:14px !important;font-weight:600 !important;color:#ffffff !important;text-transform:none !important;letter-spacing:normal !important;margin:0 0 14px !important}
/* form: flex-wrap so conditions <p> wraps to next row */
.ag-footer__newsletter .block_newsletter form,
.ag-footer__newsletter .email_subscription form{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.ag-footer__newsletter .block_newsletter input[type=email],
.ag-footer__newsletter .email_subscription input[type=email]{flex:1 1 200px;min-width:160px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.3);border-radius:4px;padding:10px 14px;font-size:13px;color:#ffffff !important;outline:none;transition:border-color .2s}
.ag-footer__newsletter .block_newsletter input[type=email]::placeholder,
.ag-footer__newsletter .email_subscription input[type=email]::placeholder{color:rgba(255,255,255,.55) !important}
.ag-footer__newsletter .block_newsletter input[type=email]:focus,
.ag-footer__newsletter .email_subscription input[type=email]:focus{border-color:rgba(255,255,255,.55);background:rgba(255,255,255,.15)}
.ag-footer__newsletter .block_newsletter input[type=submit],
.ag-footer__newsletter .email_subscription input[type=submit]{flex:0 0 auto;background:#0066cc;color:#fff !important;border:none;border-radius:4px;padding:10px 22px;font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap;transition:background .15s}
.ag-footer__newsletter .block_newsletter input[type=submit]:hover,
.ag-footer__newsletter .email_subscription input[type=submit]:hover{background:#0055aa}
/* Conditions <p> inside form – force to new row, readable color */
.ag-footer__newsletter .block_newsletter form p,
.ag-footer__newsletter .email_subscription form p{flex-basis:100%;order:10;font-size:11px;color:rgba(255,255,255,.55) !important;margin:6px 0 0;white-space:normal}

/* 4-column grid */
.ag-footer__grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:32px;padding-bottom:32px;border-bottom:1px solid rgba(255,255,255,.1)}
.ag-footer__col{display:flex;flex-direction:column}

/* Logo */
.ag-footer__logo-link{display:inline-block;margin-bottom:16px}
.ag-footer__logo-img{max-width:140px;height:auto;filter:brightness(0) invert(1)}
.ag-footer__desc{font-size:13px;line-height:1.7;color:#aaa;margin:0}

/* Column headings */
.ag-footer__title{font-size:13px;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:.5px;margin:0 0 16px}

/* Links */
.ag-footer__link{display:block;font-size:13px;color:#aaa;text-decoration:none;margin-bottom:8px;transition:color .15s}
.ag-footer__link:hover,.ag-footer__link:focus{color:#fff}
.ag-footer__link--text{cursor:default}
.ag-footer__link--text:hover,.ag-footer__link--text:focus{color:#aaa}

/* Bottom bar */
.ag-footer__bottom{display:flex;align-items:center;justify-content:space-between;padding-top:24px;font-size:12px;color:#888}
.ag-footer__bottom p{margin:0}

/* Partner logos */
.ag-footer__partners{display:flex;align-items:center;gap:16px}
.ag-footer__partner-logo{height:24px;width:auto;filter:brightness(0) invert(.6);transition:filter .2s}
.ag-footer__partner-logo:hover{filter:brightness(0) invert(1)}

/* Responsive */
@media(max-width:768px){
  .ag-footer__newsletter .block_newsletter{padding:16px 20px}
  .ag-footer__newsletter .block_newsletter input[type=email]{flex-basis:100%;min-width:0}
  .ag-footer__newsletter .block_newsletter input[type=submit]{flex-basis:100%}
  .ag-footer__grid{grid-template-columns:1fr 1fr}
  .ag-footer__bottom{flex-direction:column;gap:16px;text-align:center}
}
@media(max-width:480px){
  .ag-footer{padding:32px 0 16px}
  .ag-footer__grid{grid-template-columns:1fr;gap:24px}
  .ag-footer__partners{flex-wrap:wrap;justify-content:center}
}
/* === END FOOTER === */