/* V48 public website: footer topics closed by default (open on click), dark-mode text and logo contrast. */
/* The generic footer{display:grid} rule sized the footer body by its content; closed topics would shrink it. */
footer.bfx-reference-footer.reference-light-footer{display:block}
.reference-light-footer .bfx-reference-footer-inner>.reference-footer-grid{width:100%}
.reference-footer-grid>details.reference-footer-col{display:block}
.reference-light-footer .reference-footer-bottomgrid{padding-top:40px}
/* Between the tablet and wide layouts the logo takes its own row so four opened topic columns fit beside the menu. */
@media(min-width:981px) and (max-width:1180px){.reference-footer-topgrid{grid-template-columns:repeat(4,minmax(min-content,1fr))!important}.reference-footer-topgrid>.reference-footer-logo{grid-column:1/-1}}
.reference-footer-col>summary{display:flex;align-items:center;justify-content:space-between;gap:10px;list-style:none;cursor:pointer;padding:4px 0;margin:0;min-height:0;border-radius:0;background:none;user-select:none}
/* The menu styling of other <details> (box, padding, hover tiles) does not apply to footer topics. */
details.reference-footer-col,details.reference-footer-col[open]{background:transparent!important;padding:0;border-radius:0;overflow:visible}
.reference-footer-col .reference-footer-links a{padding:0;border-radius:0;min-height:0;background:none!important}
.reference-footer-col>summary::-webkit-details-marker{display:none}
.reference-footer-col>summary h3{margin:0!important}
.reference-footer-col>summary::after{content:"";width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);margin-top:-4px;transition:transform .2s;opacity:.65;flex:none;color:#6b7280}
.reference-footer-col[open]>summary::after{transform:rotate(-135deg);margin-top:4px}
.reference-footer-col>summary:hover h3{color:var(--public-orange,#b51640)!important}
.reference-footer-col .reference-footer-links{display:flex;flex-direction:column;align-items:flex-start;gap:14px;padding:14px 0 6px}
html[data-theme="dark"] .reference-footer-col>summary{color:#e7edf5}
html[data-theme="dark"] .reference-footer-col>summary::after{color:#c9d4e3}
/* Dark mode: footer logo keeps its colours but the dark wordmark becomes light. */
html[data-theme="dark"] .reference-footer-logo img{filter:invert(1) hue-rotate(180deg) brightness(1.15)!important}
/* Dark mode: sign-in / registration labels, consents and helper text were dark-on-dark. */
html[data-theme="dark"] .auth-card label,html[data-theme="dark"] .auth-card label>span,html[data-theme="dark"] .auth-card .consent,html[data-theme="dark"] .auth-card .consent span,html[data-theme="dark"] .auth-card small,html[data-theme="dark"] .auth-card .muted{color:#c9d4e3!important}
html[data-theme="dark"] .auth-card a:not(.btn){color:#ffb27a}
html[data-theme="dark"] .auth-card input[type=checkbox]{accent-color:#ff7a1a}
/* Dark mode: KYC upload cards get a dark surface so their titles and hints stay readable. */
html[data-theme="dark"] .auth-card .upload-card,html[data-theme="dark"] .upload-card{background:#1a2433!important;border-color:#2c3a4d!important;color:#e7edf5!important}
html[data-theme="dark"] .upload-card small{color:#b4c1d3!important}
html[data-theme="dark"] .upload-card em{background:#ff7a1a;color:#fff}