/* Selector nativo y adaptación compartidos por los temas vigentes. */
.theme-picker {display:inline-flex;position:relative;align-items:center;min-width:0;max-width:100%;color:var(--shop-text,var(--work-text,#e7edf2));}
.theme-picker-icon {position:absolute;left:12px;z-index:1;pointer-events:none;flex:none;}
html[data-theme] body :is(.acciones-web,.workspace-settings) .theme-picker select {
  box-sizing:border-box;width:174px;max-width:100%;min-height:46px;margin:0;
  padding:10px 24px 10px 38px;border:1px solid var(--shop-line,var(--work-line));
  border-radius:12px;background:var(--shop-soft,var(--work-soft))!important;
  color:var(--shop-text,var(--work-text))!important;font:600 .78rem/1.4 system-ui;
  letter-spacing:0;cursor:pointer;text-transform:none;
}
html[data-theme] body .theme-picker select:focus-visible {outline:3px solid var(--shop-accent,var(--work-accent));outline-offset:3px;}
html[data-theme] body.control-shell .workspace-settings {grid-template-columns:repeat(2,minmax(0,1fr));}
html[data-theme] body.control-shell .workspace-settings .theme-picker {grid-column:1/-1;}
html[data-theme] body.control-shell .workspace-settings .theme-picker select {width:100%;}

@media(max-width:980px) {
  .acciones-web .theme-picker {width:100%;grid-column:1/-1;}
  html[data-theme] body .acciones-web .theme-picker select {width:100%;min-height:48px;font-size:16px;}
}
/* El botón móvil vigente aparece a 980 px; la capa antigua del menú terminaba
   a 900 px. Completar ese intervalo evita que el selector ensanche la cabecera. */
@media(min-width:901px) and (max-width:980px) {
  html[data-theme] body.sitio-publico.shopping-ui .cabecera-web {z-index:500;}
  html[data-theme] body.sitio-publico.shopping-ui .cabecera-web :where(.logo-web,.menu-toggle) {position:relative;z-index:503;}
  html[data-theme] body.sitio-publico.shopping-ui .cabecera-web .menu-web {
    position:fixed;z-index:501;inset:0;display:flex;flex-direction:column;align-items:stretch;
    justify-content:flex-start;gap:20px;width:100%;height:100dvh;overflow-y:auto;overscroll-behavior:contain;
    padding:calc(100px + env(safe-area-inset-top)) 20px calc(110px + env(safe-area-inset-bottom));
    transform:translateX(105%);visibility:hidden;pointer-events:none;
  }
  html[data-theme] body.sitio-publico.shopping-ui.menu-abierto .cabecera-web .menu-web {transform:none;visibility:visible;pointer-events:auto;}
  html[data-theme] body.sitio-publico.shopping-ui .cabecera-web .menu-web nav {display:grid;width:100%;gap:7px;}
  html[data-theme] body.sitio-publico.shopping-ui .cabecera-web .menu-web nav a {display:flex;align-items:center;min-height:54px;padding:10px 16px;border:1px solid var(--shop-line);border-radius:13px;background:var(--shop-soft);font-size:1rem;}
  html[data-theme] body.sitio-publico.shopping-ui .mobile-menu-heading {display:block;}
  html[data-theme] body.sitio-publico.shopping-ui.menu-abierto .asistente-oppenlabs {visibility:hidden;pointer-events:none;}
}