.locale-suggestion { border-top: 1px solid #fed7aa; border-bottom: 1px solid #fed7aa; background: #fff7ed; color: #0a2035; }
.locale-suggestion[hidden] { display: none; }
.locale-suggestion__inner { display: flex; align-items: center; gap: 1.25rem; min-height: 76px; padding-top: .75rem; padding-bottom: .75rem; }
.locale-suggestion__message { display: flex; align-items: center; gap: .75rem; flex: 1; margin: 0; font-size: .875rem; font-weight: 500; line-height: 1.5; }
.locale-suggestion__globe { flex: 0 0 auto; width: 20px; height: 20px; color: #c2410c; }
.locale-suggestion__actions { display: flex; align-items: center; gap: .75rem; flex-shrink: 0; }
.locale-suggestion__switch { display: inline-flex; align-items: center; gap: .5rem; min-height: 40px; padding: .6rem 1rem; border-radius: .65rem; background: #c2410c; color: #fff; font-size: .8125rem; font-weight: 600; text-decoration: none; white-space: nowrap; }
.locale-suggestion__switch:hover { background: #9a3412; }
.locale-suggestion__keep { min-height: 40px; padding: .5rem .65rem; color: #475569; font-size: .8125rem; font-weight: 600; white-space: nowrap; }
.locale-suggestion__keep:hover { color: #0a2035; background: #ffedd5; border-radius: .5rem; }
.locale-suggestion__close { display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; flex-shrink: 0; color: #64748b; border-radius: .5rem; }
.locale-suggestion__close:hover { color: #0a2035; background: #ffedd5; }
.locale-suggestion :is(a,button):focus-visible { outline: none; box-shadow: inset 0 0 0 2px #9a3412; }
@media (max-width: 760px) {
 .locale-suggestion__inner { position: relative; flex-direction: column; align-items: stretch; gap: .65rem; padding-top: 1rem; padding-bottom: 1rem; }
 .locale-suggestion__message { padding-right: 2rem; align-items: flex-start; font-size: .8125rem; }
 .locale-suggestion__globe { margin-top: 1px; width: 18px; height: 18px; }
 .locale-suggestion__actions { gap: .35rem; padding-left: 1.875rem; }
 .locale-suggestion__switch { font-size: .75rem; padding: .6rem .75rem; }
 .locale-suggestion__keep { font-size: .75rem; padding: .5rem; }
 .locale-suggestion__close { position: absolute; right: 14px; top: 5px; }
}