/* SL04_GLOBE_MODAL_V1: native placement, a single shared panel, no floating selects */
#sl-i18n04-control.sl04-globe{
 display:inline-flex!important;align-items:center!important;justify-content:center!important;
 width:38px!important;height:38px!important;min-width:38px!important;
 padding:0!important;margin:0!important;flex:0 0 38px!important;
 border:1px solid var(--sl-border,#9bacbf)!important;
 border-radius:12px!important;background:var(--sl-surface,#fff)!important;
 color:var(--sl-text,#24344b)!important;
 box-shadow:none!important;cursor:pointer!important;
 position:relative!important;top:auto!important;right:auto!important;left:auto!important;
 transform:none!important;z-index:1!important;
}
#sl-i18n04-control.sl04-globe img{display:block;width:21px;height:21px;object-fit:contain}
html[data-theme="dark"] #sl-i18n04-control.sl04-globe img{filter:brightness(0) invert(1)}
#sl-i18n04-control.sl04-globe:hover{background:var(--sl-surface-2,#eef2f8)!important}
#sl-i18n04-control.sl04-globe:focus-visible{outline:3px solid var(--sl-focus,#3469c9)!important;outline-offset:2px!important}
#sl04-dialog.sl04-dialog{
 position:fixed!important;inset:0!important;margin:auto!important;
 padding:0!important;border:1px solid var(--sl-border,#b6c5d6)!important;
 border-radius:20px!important;background:var(--sl-surface,#fff)!important;
 color:var(--sl-text,#1a2332)!important;box-shadow:0 30px 90px rgba(3,8,20,.32)!important;
 width:min(416px,calc(100vw - 28px))!important;max-width:416px!important;
 max-height:min(580px,calc(100dvh - 28px))!important;
 overflow-y:auto!important;z-index:2147483600!important;font:inherit!important;
}
#sl04-dialog.sl04-dialog::backdrop{background:rgba(5,10,20,.60);backdrop-filter:blur(3px)}
#sl04-dialog .sl04-panel{padding:22px;box-sizing:border-box}
#sl04-dialog .sl04-panel-head{display:flex;align-items:start;justify-content:space-between;gap:12px;margin-bottom:20px}
#sl04-dialog h2{margin:2px 0!important;color:var(--sl-text)!important;font:750 21px/1.3 system-ui,'Segoe UI',sans-serif!important}
#sl04-dialog h3{margin:0 0 11px!important;color:var(--sl-text-muted)!important;font:700 12px/1.2 system-ui,sans-serif!important;letter-spacing:.05em;text-transform:uppercase}
#sl04-dialog button{appearance:none;cursor:pointer;font-family:system-ui,'Segoe UI',sans-serif!important;box-sizing:border-box!important}
#sl04-dialog .sl04-close{border:1px solid var(--sl-border)!important;color:var(--sl-text)!important;background:var(--sl-surface-2)!important;border-radius:50%!important;width:32px!important;height:32px!important;flex:0 0 32px!important;padding:0!important;font-size:24px!important;line-height:26px!important;text-align:center!important}
#sl04-dialog .sl04-language-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
#sl04-dialog .sl04-language{display:flex;align-items:center;gap:10px;text-align:left;min-width:0;min-height:54px;padding:9px 11px;border:1px solid var(--sl-border);border-radius:13px;background:var(--sl-surface);color:var(--sl-text);font-size:14px;font-weight:650}
#sl04-dialog .sl04-flag{font-size:23px;line-height:1.1}
#sl04-dialog .sl04-language-name{overflow-wrap:anywhere}
#sl04-dialog .sl04-language.selected{background:var(--sl-surface-2);border:2px solid var(--sl-accent);padding:8px 10px}
#sl04-dialog .sl04-divider{height:1px;background:var(--sl-border);margin:21px 0 19px}
#sl04-dialog .sl04-themes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
#sl04-dialog .sl04-theme{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-height:62px;padding:8px 5px;text-align:center;border:1px solid var(--sl-border);border-radius:13px;background:var(--sl-surface);color:var(--sl-text);font-size:12px;font-weight:650}
#sl04-dialog .sl04-theme-icon{font-size:20px;line-height:1.1}
#sl04-dialog .sl04-theme.selected{background:var(--sl-surface-2);border:2px solid var(--sl-accent);padding:7px 4px}
#sl04-dialog button:hover{background:var(--sl-surface-2)!important}
#sl04-dialog button:focus-visible{outline:3px solid var(--sl-focus)!important;outline-offset:2px!important}
@media(max-width:640px){
 #sl-i18n04-control.sl04-globe{width:36px!important;height:36px!important;min-width:36px!important;flex-basis:36px!important;border-radius:11px!important}
 #sl04-dialog .sl04-panel{padding:18px}
}

/* SL04_GLOBE_MODAL_VISIBLE_V2: original ShopLink hides body siblings. Native dialog must be visible only when open. */
body > #sl04-dialog.sl04-dialog:not([open]){display:none!important}
body > #sl04-dialog.sl04-dialog[open]{display:block!important;visibility:visible!important;opacity:1!important}

/* Remove the old wide/select controls' reserved gap on mobile ShopLink. */
@media(max-width:900px){
 #shoplink-creator-app .top{padding-right:10px!important}
 #shoplink-creator-app .top nav{display:flex!important;align-items:center!important;gap:6px!important}
 #shoplink-creator-app .top nav .seo-nav-link{display:none!important}
 #shoplink-creator-app .top nav .about{display:none!important}
 #shoplink-creator-app .top nav .sup{display:none!important}
}


/* SL04_SHOP_GLOBE_STORE_PARITY_20261028
   Live ShopLink chat CSS styles *every* .chat-head img as a 42px avatar
   (!important), including our globe SVG. Explicitly exclude that inherited
   image geometry without affecting the real avatar.
   Match the Store: 38x38 button, 21px asset; 36x36 on small screens. */
#shoplink-creator-app .chat-head .headbtns #sl-i18n04-control.sl04-globe,
#shoplink-creator-app .top nav #sl-i18n04-control.sl04-globe {
  width:38px!important;height:38px!important;
  min-width:38px!important;max-width:38px!important;
  flex:0 0 38px!important;aspect-ratio:1!important;
  border-radius:12px!important;padding:0!important;
  background:var(--sl-surface,#fff)!important;
  border:1px solid var(--sl-border,#b6c5d6)!important;
  box-shadow:none!important;
}
#shoplink-creator-app .chat-head .headbtns #sl-i18n04-control.sl04-globe img,
#shoplink-creator-app .top nav #sl-i18n04-control.sl04-globe img {
  width:21px!important;height:21px!important;
  min-width:21px!important;max-width:21px!important;
  flex:0 0 21px!important;
  padding:0!important;margin:0!important;
  background:transparent!important;border:0!important;
  border-radius:0!important;box-shadow:none!important;
  object-fit:contain!important;
}
html[data-theme="dark"] #shoplink-creator-app .chat-head .headbtns #sl-i18n04-control.sl04-globe,
html[data-theme="dark"] #shoplink-creator-app .top nav #sl-i18n04-control.sl04-globe {
  background:#252e3c!important;
  border-color:#8797b0!important;
}
html[data-theme="dark"] #shoplink-creator-app .chat-head .headbtns #sl-i18n04-control.sl04-globe img,
html[data-theme="dark"] #shoplink-creator-app .top nav #sl-i18n04-control.sl04-globe img {
  filter:brightness(0) invert(1)!important;
}
@media(max-width:640px){
  #shoplink-creator-app .top nav #sl-i18n04-control.sl04-globe{
    width:36px!important;height:36px!important;
    min-width:36px!important;max-width:36px!important;
    flex:0 0 36px!important;border-radius:11px!important;
  }
}