/* NLS Woodmart Variation UI - theme-aware styling */
select.nls-vui-hidden{ position:absolute !important; left:-9999px !important; width:1px !important; height:1px !important; overflow:hidden !important; }

/* Try to reuse Woodmart primary color if present */
:root{
  --nls-vui-accent: var(--wd-primary-color, var(--wd-primary-color-rgb, #22bdb6));
  --nls-vui-accent-rgb: var(--wd-primary-color-rgb, 34,189,182);
  --nls-vui-radius: 14px;
}

.nls-vui-group{
  display:grid;
  grid-template-columns: repeat(var(--nls-vui-cols, 4), minmax(0, 1fr));
  gap:12px;
  margin:10px 0 18px;
}

/* Card-like button */
.nls-vui-btn{
  position:relative;
  border:1px solid rgba(0,0,0,.10);
  background:#fff;
  padding:12px 12px;
  border-radius: var(--nls-vui-radius);
  cursor:pointer;
  text-align:center;
  line-height:1.2;
  min-height:56px;
  box-shadow: 0 8px 22px rgba(0,0,0,.04);
  transition:transform .08s ease, box-shadow .15s ease, border-color .15s ease, background .15s ease;
}

.nls-vui-btn:hover{
  box-shadow:0 12px 28px rgba(0,0,0,.08);
  transform:translateY(-1px);
}

.nls-vui-label{
  font-weight:700;
  font-size:14px;
  display:block;
}

/* Active like theme (accent outline + subtle bg) */
.nls-vui-btn.is-active{
  border-color: var(--nls-vui-accent);
  box-shadow: 0 14px 32px rgba(var(--nls-vui-accent-rgb), .18);
  background: rgba(var(--nls-vui-accent-rgb), .06);
}

.nls-vui-btn.is-active .nls-vui-label{
  color: var(--nls-vui-accent);
}

/* Badge bottom like "LA COMANDĂ" */
.nls-vui-badge{
  display:block;
  margin-top:6px;
  font-size:10px;
  opacity:.75;
  text-transform:uppercase;
  letter-spacing:.06em;
}

/* Disabled */
.nls-vui-btn.is-disabled{
  opacity:.45;
  cursor:not-allowed;
  box-shadow:none !important;
  transform:none !important;
}

/* Mobile */
@media (max-width: 1024px){
  .nls-vui-group{ grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 768px){
  .nls-vui-group{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .nls-vui-btn{ min-height:52px; border-radius: 12px; }
}