/* R14: flags carry recognition; names and currencies carry the decision.
 * Native details is the everyday switcher. The dialog is only for geo prompts. */
.suizz-region-footer{max-width:1280px;margin:0 auto;padding:22px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid #dedbd3;color:#515750;font:400 13px/1.4 Barlow,sans-serif}
.suizz-region-footer>a{text-decoration:underline;text-underline-offset:3px}
.suizz-region-flag{display:block;width:32px;height:24px;flex-shrink:0}
.suizz-region-mark{width:20px;height:20px;color:#202625}
.suizz-region-option{color:#202625;text-decoration:none;transition:background-color .18s ease}
.suizz-region-option strong{font:600 17px/1.25 Barlow,sans-serif;color:inherit}
.suizz-region-currency{font:500 14px/1.25 Barlow,sans-serif;color:#565d5c}
.suizz-region-option:hover{background:#f1ede1;color:#202625}
.suizz-region-option[aria-current] .suizz-region-mark{color:#765927}
.suizz-region-dialog{box-sizing:border-box;width:min(460px,calc(100% - 32px));max-height:calc(100dvh - 32px);margin:auto;padding:28px 24px 24px;border:0;border-radius:12px;color:#202625;background:#fff;box-shadow:0 24px 80px #10171440;font:400 16px/1.5 Barlow,sans-serif;overflow:auto}
.suizz-region-dialog::backdrop{background:#17221e99}
.suizz-region-dialog h2{margin:0 44px 28px 4px;color:#202625;font:600 25px/1.2 Barlow,sans-serif;letter-spacing:-.02em}
body .suizz-region-dialog .suizz-region-close{position:absolute!important;top:19px;right:16px;width:44px;height:44px;min-height:44px;padding:11px!important;background:transparent!important;border:0!important;box-shadow:none;color:#202625;display:grid;place-items:center}
body .suizz-region-dialog .suizz-region-close:hover{background:#f1ede1!important;border-radius:50%}
body .suizz-region-dialog .suizz-region-close svg{width:22px;min-width:22px;height:22px;flex-shrink:0}
.suizz-region-options{display:grid;grid-template-columns:1fr 1fr}
.suizz-region-dialog .suizz-region-option{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;padding:18px 8px 20px;text-align:center}
.suizz-region-dialog .suizz-region-option+.suizz-region-option{border-left:1px solid #e5e3df}
.suizz-region-dialog .suizz-region-flag{width:72px;height:54px;margin:0 0 10px}
.suizz-region-dialog .suizz-region-mark{margin-top:8px}
/* Header Builder Text/HTML component, normal flow, never an injected overlay. */
.suizz-store-menu{position:relative;text-align:left;font-family:Barlow,sans-serif;color:#202625}
.suizz-store-menu>summary{display:flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:8px;list-style:none;cursor:pointer;border-radius:6px;font:600 13px/1.2 Barlow,sans-serif;white-space:nowrap;color:#202625}
.suizz-store-menu>summary::-webkit-details-marker{display:none}
.suizz-store-menu>summary::marker{content:''}
.suizz-store-menu>summary:hover,.suizz-store-menu[open]>summary{background:#f1ede1}
.suizz-store-menu>summary .suizz-region-flag{width:26px;height:20px}
.suizz-region-chevron{width:14px;height:14px;flex-shrink:0}
.suizz-store-menu[open] .suizz-region-chevron{transform:rotate(180deg)}
.suizz-store-options{position:absolute;top:calc(100% + 8px);right:0;z-index:400;width:276px;max-width:calc(100vw - 32px);padding:8px;background:#fff;box-shadow:0 10px 32px #10171440;border-radius:12px}
.suizz-store-options .suizz-region-option{display:grid;grid-template-columns:32px minmax(0,1fr) 20px;column-gap:12px;row-gap:3px;align-items:center;padding:14px 10px;min-height:72px}
.suizz-store-options .suizz-region-option+.suizz-region-option{border-top:1px solid #e5e3df}
.suizz-store-options .suizz-region-flag{grid-row:1/3}
.suizz-store-options strong{grid-column:2}
.suizz-store-options .suizz-region-currency{grid-column:2;grid-row:2}
.suizz-store-options .suizz-region-mark{grid-column:3;grid-row:1/3}
.suizz-region-footer .suizz-store-options{top:auto;bottom:calc(100% + 8px);left:0;right:auto}
.mobile-nav .suizz-store-mobile{display:block;padding:20px 24px;border-top:1px solid #d8d4c9}
.mobile-nav .suizz-store-mobile>span{display:block;margin-bottom:8px;color:#565d5c;font:500 13px/1.3 Barlow,sans-serif}
.mobile-nav .suizz-store-menu>summary{justify-content:flex-start;width:100%}
.mobile-nav .suizz-store-menu>summary .suizz-region-chevron{margin-left:auto}
.mobile-nav .suizz-store-options{position:static;width:100%;max-width:none;padding:0;box-shadow:none;border-radius:0}
.mobile-nav .suizz-store-options a.suizz-region-option{display:grid;padding:14px 4px;text-transform:none;letter-spacing:normal;height:auto;color:#202625;background:transparent}
.mobile-nav .suizz-store-options a.suizz-region-option:hover{background:#f1ede1}
/* Native WoodMart focus variables also cover its later-loaded accessibility CSS. */
.suizz-region-dialog,.suizz-store-menu{--wd-otl-style:solid;--wd-otl-color:#9f701b;--wd-otl-width:2px;--wd-otl-offset:2px}
.suizz-region-dialog .suizz-region-option{--wd-otl-offset:-2px}
.suizz-region-dialog :is(a,button):focus-visible,.suizz-store-menu :is(summary,a):focus-visible{outline:2px solid #9f701b;outline-offset:var(--wd-otl-offset)}
.suizz-region-dialog ::selection,.suizz-store-menu ::selection{background:#ead185;color:#202625}
@media(max-width:600px){
 .suizz-region-dialog{padding:24px 16px 16px}
 .suizz-region-dialog h2{font-size:23px;margin-left:8px;margin-bottom:22px}
 .suizz-region-dialog .suizz-region-option strong{font-size:16px}
 .suizz-region-dialog .suizz-region-flag{width:64px;height:48px}
 .suizz-region-footer{padding:16px 22px;gap:12px;flex-wrap:wrap}
 .suizz-region-header .suizz-store-menu>summary{padding:8px 3px;gap:3px}
 .suizz-region-header .suizz-region-chevron{width:12px}
}
@media(prefers-reduced-motion:reduce){.suizz-region-option{transition:none}}
